@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;700;900&display=swap");@keyframes react-loading-skeleton {
    100% {
        transform: translateX(100%);
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block; /* Enable animation */

    background-color: var(--base-color);

    width: 100%;
    border-radius: 0.25rem;
    display: inline-flex;
    line-height: 1;

    position: relative;
    overflow: hidden;
    z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
}

.react-loading-skeleton::after {
    content: ' ';
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(
        90deg,
        var(--base-color),
        var(--highlight-color),
        var(--base-color)
    );
    transform: translateX(-100%);

    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
/**
Design CSS Guide
Override Bootstrap Varibles

1.  Color Palette
2.  Typography
3.  Button
      3.1 Solid Button
      3.2 Ghost Button
4.  Border Radius
5.  Breadcrumb
6.  Dropdown
7.  Pagination
8.  Input/Input Number/Textarea
9.  Progress circle
10. Media Query  
11. New used colors
**. Margin/Padding
*/
.bs-turnstile-widget {
  min-height: 65px;
}

.bs-turnstile-status {
  margin-bottom: 12px;
}
.bs-turnstile-status--error {
  display: block;
}.loader-background {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1025;
  background: #ffffff;
  opacity: 1;
}
.loader-background.fade {
  opacity: 0;
}

.loader-wrapper {
  width: 32px;
  height: 32px;
  margin: auto;
}.notification-validation-errors {
  padding-left: 1rem;
  margin: 0;
}.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}.ai-credit-capsule {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: white;
}
.ai-credit-capsule.show-border {
  border: 1px solid #eee;
  border-radius: 4px;
}
.ai-credit-capsule.clickable {
  cursor: pointer;
}
.ai-credit-capsule .ai-credit-capsule-text {
  font-size: 12px;
  white-space: nowrap;
  color: #4b5563;
  font-weight: 400;
  line-height: 12px;
}.emoji-icon {
  cursor: pointer;
  font-size: 1.2rem;
  margin-top: -1px;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
  stroke: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
  stroke: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
/**
* ----------------------------------------------
* Demo styles
* ----------------------------------------------
**/
.accordion {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.accordion__item + .accordion__item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion__button {
    background-color: #f4f4f4;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
}

.accordion__button:hover {
    background-color: #ddd;
}

.accordion__button:before {
    display: inline-block;
    content: '';
    height: 10px;
    width: 10px;
    margin-right: 12px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(-45deg);
}

.accordion__button[aria-expanded='true']::before,
.accordion__button[aria-selected='true']::before {
    transform: rotate(45deg);
}

[hidden] {
    display: none;
}

.accordion__panel {
    padding: 20px;
    animation: fadein 0.35s ease-in;
}

/* -------------------------------------------------- */
/* ---------------- Animation part ------------------ */
/* -------------------------------------------------- */

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.prospect-tag-popover {
  min-width: 6.875rem;
}
.prospect-tag-popover .popover-body .bs-popover-inner-content {
  padding: 0;
}

.prospect-tag-text {
  max-width: 5.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.overlay-popover-content-wrap {
  display: flex;
  flex-direction: column;
  max-height: 10rem;
  overflow-y: auto;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
}

.text-wrap {
  padding: 0.5rem 1rem;
}

.text-wrap span {
  color: #4338ca;
}

.text-wrap:hover {
  background: #e0e7ff;
}

.overlay-popover-content-wrap::-webkit-scrollbar {
  width: 6px;
}

.overlay-popover-content-wrap::-webkit-scrollbar-track {
  background: #f0f4f8;
}

.overlay-popover-content-wrap::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 0.1875rem;
}.prospect-tag-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.prospect-tag-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}/**
Design CSS Guide
Override Bootstrap Varibles

1.  Color Palette
2.  Typography
3.  Button
      3.1 Solid Button
      3.2 Ghost Button
4.  Border Radius
5.  Breadcrumb
6.  Dropdown
7.  Pagination
8.  Input/Input Number/Textarea
9.  Progress circle
10. Media Query  
11. New used colors
**. Margin/Padding
*/
.tags-autosuggest-container ::-webkit-scrollbar {
  width: 5px;
  height: 4.93rem;
}
.tags-autosuggest-container ::-webkit-scrollbar-track {
  background: #fff;
}
.tags-autosuggest-container ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
.tags-autosuggest-container.tags-container-contact-modal #react-autowhatever-1 {
  left: 1.5rem !important;
}

.add-new-tag {
  background: #eff6ff;
  color: #1d4ed8;
  cursor: pointer;
}

.tags-container {
  margin-top: 0.9rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  height: 9.375rem;
}
.tags-container.tag-container-style {
  height: 5.375rem;
}
.tags-container.tags-container--inline {
  height: auto;
  margin-top: 0;
  overflow-y: visible;
}

.no-tags-text {
  color: #9ca3af;
  text-align: center;
}

.tags-row-gap {
  row-gap: 10px;
}

.tags-autosuggest-width {
  width: 100%;
}

.tags-autosuggest-width .tag-input-container {
  flex: 1 1 auto;
  min-width: 0;
}

.tags-saved-scroll {
  max-height: 4.875rem;
  overflow-y: auto;
}

.fixed-height-input-container {
  max-height: 6.25rem;
  overflow-y: auto;
  padding: 0.5rem;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.tags-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  width: 100%;
}

.selected-tags-inline-input {
  width: 100%;
  border: none;
  outline: none;
}
.selected-tags-inline-input::placeholder {
  color: #bfbfbf;
}

.error-text {
  color: #b91c1c;
  font-size: 12px;
  margin-top: 0.25rem;
}/*! 
 * OverlayScrollbars
 * Version: 2.4.6
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(10);
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * environment setup 
 */
.os-environment {
  scroll-behavior: auto !important;
  --os-custom-prop: -1;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: scroll;
  height: 200px;
  width: 200px;
  z-index: var(--os-custom-prop);
}
.os-environment div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}
.os-environment.os-environment-flexbox-glue {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  width: auto;
  min-height: 200px;
  min-width: 200px;
}
.os-environment.os-environment-flexbox-glue div {
  flex: auto;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
}
.os-environment.os-environment-flexbox-glue-max {
  max-height: 200px;
}
.os-environment.os-environment-flexbox-glue-max div {
  overflow: visible;
}
.os-environment.os-environment-flexbox-glue-max div::before {
  content: "";
  display: block;
  height: 999px;
  width: 999px;
}

/**
 * hide native scrollbars
 */
.os-environment,
[data-overlayscrollbars-viewport] {
  -ms-overflow-style: scrollbar !important;
}

[data-overlayscrollbars-initialize],
[data-overlayscrollbars~=scrollbarHidden],
[data-overlayscrollbars-viewport~=scrollbarHidden],
.os-scrollbar-hidden.os-environment {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/**
 * elements wont suddenly crop after initialization is done
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

/**
 * applied to body 
 */
html[data-overlayscrollbars],
html.os-scrollbar-hidden,
html.os-scrollbar-hidden > body {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  height: 100%;
}

html[data-overlayscrollbars] > body {
  overflow: visible;
}

/**
 * structure setup 
 */
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport] {
  --os-vaw: 0;
  --os-vah: 0;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars~=viewport] {
  position: relative;
  overflow: hidden;
}

[data-overlayscrollbars~=overflowVisible],
[data-overlayscrollbars-padding~=overflowVisible],
[data-overlayscrollbars-viewport~=overflowVisible] {
  overflow: visible;
}

[data-overlayscrollbars-overflow-x=hidden] {
  overflow-x: hidden;
}

[data-overlayscrollbars-overflow-x=scroll] {
  overflow-x: scroll;
}

[data-overlayscrollbars-overflow-x=hidden] {
  overflow-y: hidden;
}

[data-overlayscrollbars-overflow-y=scroll] {
  overflow-y: scroll;
}

[data-overlayscrollbars~=scrollbarPressed],
[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport] {
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none;
}

.os-scrollbar-track {
  position: relative;
  direction: ltr !important;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar .os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar .os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar .os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}
.os-scrollbar .os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.os-scrollbar .os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar .os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars~=updating] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle {
  border-radius: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track {
  border-radius: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle {
  border-radius: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal {
  padding: 2px 2px;
  right: 10px;
  height: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-cornerless, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-cornerless {
  right: 0;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: 10px;
  right: 0;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl.os-scrollbar-cornerless, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl.os-scrollbar-cornerless {
  left: 0;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: 33px;
  max-width: none;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((2px + 4px) * -1);
  bottom: calc(2px * -1);
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical, .os-no-css-vars.os-theme-light.os-scrollbar-vertical {
  padding: 2px 2px;
  bottom: 10px;
  width: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-cornerless, .os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-cornerless {
  bottom: 0;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: 33px;
  max-height: none;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((2px + 4px) * -1);
  right: calc(2px * -1);
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((2px + 4px) * -1);
  left: calc(2px * -1);
}
.os-no-css-vars.os-theme-dark .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.44);
}
.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}
.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.66);
}
.os-no-css-vars.os-theme-light .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.44);
}
.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}
.os-no-css-vars.os-theme-light:active .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.66);
}.overlay-merge-tags__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.overlay-merge-tags__option span {
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.run-settings-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #F9FAFB;
  padding: 12px;
  border-radius: 4px;
}
.run-settings-content .run-settings-row-container:not(:last-child) {
  border-bottom: 1px solid #E5E7EB;
}
.run-settings-content .run-settings-switch .switchToggle {
  display: flex;
}
.run-settings-content .run-settings-switch .switchToggle input:checked + label {
  background: #1D4ED8;
}
.run-settings-content .run-settings-switch .switchToggle label {
  margin: 0;
}
.run-settings-content .run-settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.run-settings-content .run-settings-row .run-settings-label-container {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.run-settings-content .run-settings-row .run-settings-label-container .run-settings-label {
  font-size: 14px;
  font-weight: 500;
  color: #4B5563;
}
.run-settings-content .run-settings-row .run-settings-label-container .run-settings-info-icon {
  width: 16px;
  height: 16px;
  color: #9CA3AF;
  cursor: pointer;
}
.run-settings-content .run-settings-row .run-settings-label-container .help-logo {
  color: #9CA3AF;
  cursor: pointer;
}
.run-settings-content .run-settings-row .run-settings-label-container .help-logo:hover {
  color: #1D4ED8;
}
.run-settings-content .run-settings-row .run-settings-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: fit-content;
}
.run-settings-content .run-settings-row .run-settings-control .shd-button {
  height: 0rem;
}
.run-settings-content .run-settings-description {
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
  margin-top: 8px;
}
.run-settings-content .run-settings-description.last-description {
  margin-bottom: 0px;
}
.run-settings-content .set-condition-button {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.run-settings-content .set-condition-button .set-condition-button-content {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #1D4ED8;
}/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}
.filter-tab-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px 10px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  max-width: 50rem;
  flex-wrap: nowrap;
  margin-right: 1.25rem;
  margin-bottom: 1rem;
}
.filter-tab-container .text {
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: #6b7280;
}
.filter-tab-container .filter-name {
  white-space: nowrap;
  text-transform: capitalize;
}
.filter-tab-container .filter-text {
  font-weight: 600;
  color: #1f2937;
}
.filter-tab-container .applied-filters {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.filter-tab-container .close-icon {
  align-self: flex-end;
  font-size: 14px;
}.arrow {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.left {
  margin-right: 18px;
}

.right {
  margin-left: 18px;
}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar {
  display: none;
}

.react-horizontal-scrolling-menu--scroll-container {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}.bs-call-logs-prospect-drawer-header__missed-call-detail {
  min-width: 0;
  width: 100%;
}

.bs-call-logs-missed-call-detail-layout {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-anchor: none;
  width: 100%;
}

.bs-call-logs-missed-call-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 0 24px 16px;
  box-sizing: border-box;
}
.bs-call-logs-missed-call-detail__call-outcome-select {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bs-call-logs-missed-call-detail__call-outcome-select label {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
  margin-bottom: 0;
}
.bs-call-logs-missed-call-detail__notes-editor {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.bs-call-logs-missed-call-detail__notes-editor .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .notes-list-call-logs-attachment.view-only .attachment {
  cursor: pointer;
}
.bs-call-logs-missed-call-detail__notes-editor .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .notes-list-call-logs-attachment .attachment:not(.attachment--download-enabled) {
  cursor: default;
}
.bs-call-logs-missed-call-detail__notes-editor .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .notes-list-call-logs-attachment .attachment:not(.attachment--download-enabled) .attachment--meta .attachment--details h3 {
  cursor: default;
  color: #1f2937;
}
.bs-call-logs-missed-call-detail__notes-editor .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .notes-list-call-logs-attachment .attachment:not(.attachment--download-enabled) div .attachment--action {
  cursor: pointer;
}
.bs-call-logs-missed-call-detail__notes-editor.editing .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .notes-list-call-logs-attachment.view-only .attachment {
  cursor: pointer;
}
.bs-call-logs-missed-call-detail__notes-editor.editing .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .notes-list-call-logs-attachment .attachment {
  cursor: default;
}
.bs-call-logs-missed-call-detail__notes-editor.editing .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .notes-list-call-logs-attachment .attachment div .attachment--action {
  cursor: pointer;
}
.bs-call-logs-missed-call-detail__notes-editor.editing .inline-mention-editor .toolbar-container {
  display: none;
}
.bs-call-logs-missed-call-detail__fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bs-call-logs-missed-call-detail__field {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bs-call-logs-missed-call-detail__field div:last-of-type {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.bs-call-logs-missed-call-detail__field .deleted-number-badge {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  columns: #1f2937;
  padding: 2px 8px;
  border-radius: 20px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
}
.bs-call-logs-missed-call-detail__field-label {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #6b7280;
}
.bs-call-logs-missed-call-detail__field-value-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-height: 28px;
}
.bs-call-logs-missed-call-detail__primary-pill {
  display: inline-flex;
  align-items: center;
  padding: 0px 8px;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  line-height: 20px;
  font-weight: 500;
  color: #1f2937;
}
.bs-call-logs-missed-call-detail__tel-link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #1f2937 !important;
}
.bs-call-logs-missed-call-detail__tel-link:hover {
  text-decoration: underline;
}
.bs-call-logs-missed-call-detail__section-title {
  letter-spacing: 0.24px;
}
.bs-call-logs-missed-call-detail__voicemail-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.bs-call-logs-missed-call-detail__player-shell {
  width: 100%;
  padding: 0;
}
.bs-call-logs-missed-call-detail__player-shell .audio-player-bar {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #f9fafb;
}
.bs-call-logs-missed-call-detail__player-shell .spinner-border {
  border: 2px solid #6b7280;
  border-right-color: transparent;
}
.bs-call-logs-missed-call-detail__transcript-block {
  width: 100%;
}
.bs-call-logs-missed-call-detail__transcript-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background-color: #ffffff;
  max-height: 160px;
  min-height: 160px;
  overflow-y: auto;
}
.bs-call-logs-missed-call-detail__transcript-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px 0;
  flex-shrink: 0;
}
.bs-call-logs-missed-call-detail__transcript-header span {
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.bs-call-logs-missed-call-detail__copy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bs-call-logs-missed-call-detail__copy-btn.click-to-copy-tooltip .tooltip-inner {
  width: 100%;
  max-width: 100%;
}
.bs-call-logs-missed-call-detail__transcript-body {
  padding: 10px 12px 12px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.bs-call-logs-missed-call-detail__transcript-text {
  margin: 0;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
  white-space: pre-wrap;
  word-break: break-word;
}
.bs-call-logs-missed-call-detail .inline-mention-editor {
  max-width: 100%;
  min-width: 0;
}
.bs-call-logs-missed-call-detail .inline-mention-editor.error:focus-within {
  border: 1px solid #fee2e2;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .alert-component .email-content-error {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .alert-component .email-content-error div {
  gap: 4px;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .alert-component .email-content-error div .icon-div {
  align-items: center;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .editor-editable-content-container {
  max-height: 137px;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: auto;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper {
  min-width: 0;
  max-width: 100%;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container {
  display: inline;
  border-radius: 4px;
  background-color: #eff6ff !important;
  border: 1px solid #bfdbfe;
  margin-bottom: 2px;
  margin-inline: 1px;
  padding-inline: 6px;
  position: relative;
  text-decoration: none !important;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container .mention-tag-chip {
  color: #3b82f6 !important;
  font-size: inherit;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container .mention-tag-chip .inline-mention-text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mce-content-body {
  color: #1f2937;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  min-height: 62px;
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mce-content-body.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #9ca3af;
}
.bs-call-logs-missed-call-detail .inline-mention-editor .tox-toolbar__group {
  border: none !important;
}
.bs-call-logs-missed-call-detail .prospect-custom-outcome-select {
  border: 1px solid #d1d5db;
  width: 100%;
  border-radius: 4px;
  padding: 6px 8px 6px 12px;
}
.bs-call-logs-missed-call-detail .prospect-custom-outcome-select.default-sentiment {
  background: #ffffff;
  color: #9ca3af;
  font-weight: 400;
  font-size: 14px;
}
.bs-call-logs-missed-call-detail .prospect-custom-outcome-select:hover.default-sentiment {
  background: #ffffff;
  border: 1px solid #1d4ed8;
}
.bs-call-logs-missed-call-detail .prospect-custom-outcome-select:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.bs-call-logs-missed-call-detail .prospect-custom-outcome-select .selected-outcome-main {
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.bs-call-logs-missed-call-detail .prospect-custom-outcome-select .selected-outcome-main div span {
  margin: 0 !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.prospect-details-modal.prospect-modal--call-logs-missed .prospect-detail-modal-container .bs-call-logs-missed-call-detail__notes-wrap {
  padding: 0 12px 24px;
}
.prospect-details-modal.prospect-modal--call-logs-missed .prospect-detail-modal-container .bs-call-logs-missed-call-detail__notes-wrap .notes-list-tab-container {
  padding-top: 0;
}.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control {
  width: 100%;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__trigger {
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__trigger .bs-simple-options-dropdown__value {
  line-height: 20px;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__trigger .bs-simple-options-dropdown__value.bs-simple-options-dropdown__value--placeholder {
  color: #9ca3af;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu {
  padding: 8px 0px;
  border-radius: 4px;
  border: none;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.2392156863), 2px 2px 16px -3px rgba(4, 21, 76, 0.1607843137);
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap {
  padding: 0px;
  border: none;
  position: relative;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap .simple-search-icon {
  color: #9ca3af;
  position: absolute;
  left: 12px;
  top: 10px;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap .bs-simple-options-dropdown__search-input {
  padding: 6px 12px 6px 34px;
  border-radius: 0px;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  background: #f9fafb;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap .bs-simple-options-dropdown__search-input:hover {
  border-color: #f3f4f6;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap .bs-simple-options-dropdown__search-input:focus {
  border-color: #f3f4f6;
  box-shadow: none;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap .bs-simple-options-dropdown__search-input::placeholder {
  color: #9ca3af;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__list {
  padding: 0px;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__list .bs-simple-options-dropdown__option:hover {
  background: #eff6ff;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__list .bs-simple-options-dropdown__option .bs-simple-options-dropdown__option-inner .bs-simple-options-dropdown__option-label {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.bs-call-logs-missed-call-detail .bs-call-logs-detail-call-outcome-select__control .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__list .bs-simple-options-dropdown__option.bs-simple-options-dropdown__option--selected {
  background: #eff6ff;
}.bs-simple-options-dropdown {
  position: relative;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}
.bs-simple-options-dropdown__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  min-width: 120px;
  padding: 6px 8px 6px 12px;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background-color: #ffffff;
  cursor: pointer;
  text-align: left;
  line-height: 20px;
}
.bs-simple-options-dropdown__trigger:hover:not(:disabled) {
  border-color: #0137fc;
}
.bs-simple-options-dropdown__trigger:focus {
  outline: none;
  border-color: #0137fc;
  box-shadow: 0 0 0 2px #e6f7ff;
}
.bs-simple-options-dropdown--disabled .bs-simple-options-dropdown__trigger {
  cursor: not-allowed;
  opacity: 0.6;
}
.bs-simple-options-dropdown__value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bs-simple-options-dropdown__value--placeholder {
  color: #8c8c8c;
  font-weight: 400;
}
.bs-simple-options-dropdown__value-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
.bs-simple-options-dropdown__value-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.bs-simple-options-dropdown__value-icon svg {
  display: block;
}
.bs-simple-options-dropdown__value-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1f2937;
}
.bs-simple-options-dropdown__chevron {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  color: #8c8c8c;
}
.bs-simple-options-dropdown__chevron svg {
  width: 16px;
  height: 16px;
}
.bs-simple-options-dropdown__menu {
  position: absolute;
  z-index: 1060;
  left: 0;
  right: auto;
  min-width: 100%;
  margin: 4px 0 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.bs-simple-options-dropdown__search-wrap {
  padding: 8px 8px 4px;
  border-bottom: 1px solid #e8e8e8;
}
.bs-simple-options-dropdown__search-input {
  display: block;
  width: 100%;
  padding: 6px 8px;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  line-height: 20px;
  font-size: 14px;
}
.bs-simple-options-dropdown__search-input:focus {
  outline: none;
  border-color: #0137fc;
  box-shadow: 0 0 0 2px #e6f7ff;
}
.bs-simple-options-dropdown__search-input::placeholder {
  color: #8c8c8c;
}
.bs-simple-options-dropdown__list {
  margin: 0;
  padding: 4px 0;
  list-style: none;
  max-height: 220px;
  overflow-y: auto;
}
.bs-simple-options-dropdown__empty {
  padding: 12px;
  text-align: center;
}
.bs-simple-options-dropdown__option {
  display: block;
  width: 100%;
  padding: 8px 12px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  line-height: 20px;
}
.bs-simple-options-dropdown__option:hover {
  background-color: #f5f5f5;
}
.bs-simple-options-dropdown__option--selected {
  background-color: #e6f7ff;
  color: #0137fc;
}
.bs-simple-options-dropdown__option-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
.bs-simple-options-dropdown__option-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.bs-simple-options-dropdown__option-icon svg {
  display: block;
}
.bs-simple-options-dropdown__option-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}.bs-call-logs-outbound-sections {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.bs-call-logs-outbound-sections__tablist {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding-top: 8px;
}
.bs-call-logs-outbound-sections__tablist .bs-tabs-content-holder {
  overflow: hidden;
}
.bs-call-logs-outbound-sections {
  /* bs-tabs-top + global _tab.scss provide the bottom rule + blue ink bar underline */
}
.bs-call-logs-outbound-sections__tabs.bs-tabs-top.bs-tabs-small .bs-tabs-tab {
  /* keep vertical room for ink bar; rc-tabs default tab margin still applies */
  padding: 8px 0;
  margin: 0;
}
.bs-call-logs-outbound-sections__tabs.bs-tabs-top.bs-tabs-small .bs-tabs-ink-bar {
  border-radius: 4px 4px 0px 0px;
}
.bs-call-logs-outbound-sections__tabs.bs-tabs-top.bs-tabs-small .bs-tabs-nav-list {
  display: flex;
  align-items: center;
  gap: 16px;
}
.bs-call-logs-outbound-sections__tabs.bs-tabs-top.bs-tabs-small > .bs-tabs-content-holder {
  margin-top: 0;
}
.bs-call-logs-outbound-sections__tabs:not(.bs-call-logs-recording) .bs-tabs-ink-bar {
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  border-radius: 4px 4px 0px 0px;
}
.bs-call-logs-outbound-sections__tab {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6b7280;
  outline: none;
  border: none;
  background: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}
.bs-call-logs-outbound-sections__tab .bs-call-logs-outbound-sections__tab-icon {
  color: #6b7280;
}
.bs-call-logs-outbound-sections__tab .bs-call-logs-outbound-sections__tab-icon--active {
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bs-call-logs-outbound-sections__tab--active:not(.tab-recording-and-transcription) {
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bs-call-logs-outbound-sections__tab.tab-recording-and-transcription {
  color: #1d4ed8;
}
.bs-call-logs-outbound-sections__tab-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 120px;
}
.bs-call-logs-outbound-sections__tab-panel.active-tab-ai-summary .bs-call-logs-outbound-sections__panel {
  padding: 16px 0;
}
.bs-call-logs-outbound-sections__panel {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  position: relative;
}
.bs-call-logs-outbound-sections__panel--filled {
  max-height: 323px;
  overflow-y: auto;
}
.bs-call-logs-outbound-sections__panel--filled .call-logs-outbound-panel-header-time {
  display: flex;
  align-items: center;
  padding: 12px 12px 0 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
}
.bs-call-logs-outbound-sections__panel--filled .no-recording-or-transcription-available {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
  padding: 16px;
}
.bs-call-logs-outbound-sections__panel {
  /* AI summary: keep header + copy outside scroll; only body text scrolls */
}
.bs-call-logs-outbound-sections__panel--filled.bs-call-logs-outbound-sections__panel--ai-summary {
  display: flex;
  flex-direction: column;
  max-height: 323px;
  overflow: hidden;
  min-height: 0;
}
.bs-call-logs-outbound-sections__panel--filled.bs-call-logs-outbound-sections__panel--ai-summary .bs-call-logs-outbound-sections__panel-header {
  flex-shrink: 0;
}
.bs-call-logs-outbound-sections__panel--filled.bs-call-logs-outbound-sections__panel--ai-summary .bs-call-logs-outbound-sections__summary-body-scroll {
  padding: 0 16px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.bs-call-logs-outbound-sections__panel-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  padding: 0 16px;
}
.bs-call-logs-outbound-sections__panel-header .copy-button-icon {
  display: flex;
  align-items: center;
  padding: 3px;
}
.bs-call-logs-outbound-sections__panel-header .copy-button-icon:hover {
  color: #6b7280;
  background: #f3f4f6;
  border-radius: 4px;
}
.bs-call-logs-outbound-sections__panel-header .call-logs-outbound-panel-header-time {
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  padding: 0px;
}
.bs-call-logs-outbound-sections__body-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #1f2937;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.bs-call-logs-outbound-sections__body-text-no-ai-summary {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
  margin: 0;
  text-align: center;
}
.bs-call-logs-outbound-sections__player-shell {
  width: 100%;
  margin-bottom: 12px;
  padding: 16px 16px 0 16px;
}
.bs-call-logs-outbound-sections__player-shell .audio-player-bar {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #f9fafb;
}
.bs-call-logs-outbound-sections__player-shell .audio-player-bar.audio-player-loading .audio-player-play-button:hover {
  background: none;
}
.bs-call-logs-outbound-sections__player-shell .spinner-border {
  border: 2px solid #6b7280;
  border-right-color: transparent;
}
.bs-call-logs-outbound-sections__transcript-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.bs-call-logs-outbound-sections__transcript-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  flex-shrink: 0;
}
.bs-call-logs-outbound-sections__transcript-header .change-email-modal--divider {
  width: 100%;
  margin: 0px 16px;
}
.bs-call-logs-outbound-sections__transcript-header .bs-call-logs-missed-download-icon-container {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  bottom: 20px;
  right: 16px;
  background: #ffffff;
}
.bs-call-logs-outbound-sections__transcript-header .copy-button-icon {
  display: flex;
  align-items: center;
  padding: 4px;
}
.bs-call-logs-outbound-sections__transcript-header .copy-button-icon:hover {
  color: #6b7280;
  background: #f3f4f6;
  border-radius: 4px;
}
.bs-call-logs-outbound-sections__transcript-header .outbound-transcription-header {
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.bs-call-logs-outbound-sections__transcript-header .bs-call-logs-missed-download-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin: 0;
  border: none;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  color: inherit;
  font: inherit;
}
.bs-call-logs-outbound-sections__transcript-header .bs-call-logs-missed-download-icon:hover {
  background: #f3f4f6;
  border-radius: 4px;
}
.bs-call-logs-outbound-sections__transcript-header .bs-call-logs-missed-download-icon:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bs-call-logs-outbound-sections__transcript-body {
  min-height: 0;
  padding: 0 16px;
  max-height: 215px;
  overflow-y: auto;
  text-align: center;
  padding-bottom: 12px;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-transcript-item-container {
  display: flex;
  gap: 8px;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-transcript-item-container .no-speech-detected-text-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-transcript-item-container .no-speech-detected-text-container .no-speech-detected-text-header {
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-transcript-item-container .no-speech-detected-text-container .no-speech-detected-text-body {
  color: #6b7280;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-transcript-item-container .bs-call-logs-transcript-item-name-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 8px;
  line-height: 12px;
  padding: 4px;
  border-radius: 50%;
  max-height: max-content;
  min-height: 22px;
  min-width: 22px;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-transcript-item-container .bs-call-logs-transcript-item-name-initial.agent {
  background-color: #fffbeb;
  color: #d97706;
  border: 1px solid #fde68a;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-transcript-item-container .bs-call-logs-transcript-item-name-initial.customer {
  background-color: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-transcript-body-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-outbound-sections__transcript-item {
  display: flex;
  flex-direction: column;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-outbound-sections__transcript-item .bs-call-logs-transcript-item-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-outbound-sections__transcript-item .copy-button-icon {
  position: absolute;
}
.bs-call-logs-outbound-sections__transcript-body .bs-call-logs-outbound-sections__transcript-item .bs-call-logs-transcript-item-content {
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1f2937;
  text-align: start;
}
.bs-call-logs-outbound-sections__transcript-text {
  margin: 0;
  line-height: 22px;
  white-space: pre-wrap;
  word-break: break-word;
}
.bs-call-logs-outbound-sections__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.bs-call-logs-outbound-sections__empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.bs-call-logs-outbound-sections__empty-title {
  margin: 0px;
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.bs-call-logs-outbound-sections__empty-caption {
  margin: 0;
  max-width: 320px;
  color: #1f2937;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.bs-call-logs-outbound-sections .enable-recording-btn {
  display: flex;
  align-items: center;
  height: auto;
  background: none;
  padding: 0px;
  color: #1d4ed8;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.bs-call-logs-outbound-sections .enable-recording-btn:hover {
  background: none;
  color: #1d4ed8;
}
.bs-call-logs-outbound-sections .enable-recording-btn:focus {
  background: none;
  color: #1d4ed8;
}
.bs-call-logs-outbound-sections .enable-recording-btn:active {
  background: none;
  color: #1d4ed8;
}
.bs-call-logs-outbound-sections {
  /* Prospect drawer listing + dialer: AI summary copy stays fixed while text scrolls */
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-header {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0px;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-header .bs-call-listing-ai-summary-header-text {
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text {
  position: relative;
  border: 1px solid #1d4ed8;
  border-radius: 4px;
  background-color: #ffffff;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text .copy-button-icon:hover {
  color: #6b7280;
  background: #f3f4f6;
  border-radius: 4px;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text .bs-call-listing-ai-summary-text-scroll {
  color: #1f2937;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  white-space: normal;
  word-break: break-word;
  max-height: 224px;
  overflow-y: auto;
  padding: 12px 30px 12px 16px;
  box-sizing: border-box;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text .copy-button-icon {
  display: flex;
  align-items: center;
  position: absolute;
  right: 12px;
  bottom: 12px;
  border-radius: 4px;
  cursor: pointer;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text .copy-button-icon:hover {
  color: #1d4ed8;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-header {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
  padding: 4px 0px;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  padding: 12px 16px;
  border-radius: 4px;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .audio-player-bar {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #f9fafb;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .audio-player-bar.audio-player-loading .audio-player-play-button:hover {
  background: none;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .audio-player-bar.audio-player-loading .audio-player-play-button .audio-player-playback-spinner {
  border: 2px solid #6b7280;
  border-right-color: transparent;
}
.bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .change-email-modal--divider {
  width: 100%;
  margin: 0;
}

.bs-call-listing-ai-summary-copy-btn.click-to-copy-tooltip .tooltip-inner {
  width: 100%;
  max-width: 100%;
}

/* AI summary body: react-markdown (outbound detail tab + call listing card) */
.bs-call-logs-ai-summary-markdown {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1f2937;
  word-break: break-word;
  white-space: normal;
}
.bs-call-logs-ai-summary-markdown p {
  margin: 0 0 8px;
}
.bs-call-logs-ai-summary-markdown p:last-child {
  margin-bottom: 0;
}
.bs-call-logs-ai-summary-markdown ul,
.bs-call-logs-ai-summary-markdown ol {
  margin: 0 0 8px;
  padding-left: 1.25rem;
}
.bs-call-logs-ai-summary-markdown li {
  margin: 0 0 4px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #1f2937;
}
.bs-call-logs-ai-summary-markdown h1,
.bs-call-logs-ai-summary-markdown h2,
.bs-call-logs-ai-summary-markdown h4 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  margin: 8px 0 4px;
  color: #1f2937;
}
.bs-call-logs-ai-summary-markdown h1:first-child,
.bs-call-logs-ai-summary-markdown h2:first-child,
.bs-call-logs-ai-summary-markdown h4:first-child {
  margin-top: 0;
}
.bs-call-logs-ai-summary-markdown h3 {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 8px 0 4px;
  color: #1f2937;
}
.bs-call-logs-ai-summary-markdown code {
  font-family: inherit;
  background: #f3f4f6;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 11px;
}
.bs-call-logs-ai-summary-markdown pre {
  margin: 0 0 8px;
  padding: 8px;
  background: #f9fafb;
  border-radius: 4px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
.bs-call-logs-ai-summary-markdown pre code {
  background: transparent;
  padding: 0;
}
.bs-call-logs-ai-summary-markdown a {
  color: #1d4ed8;
  word-break: break-all;
}
.bs-call-logs-ai-summary-markdown strong {
  font-weight: 600;
}
.bs-call-logs-ai-summary-markdown blockquote {
  margin: 0 0 8px;
  padding-left: 8px;
  border-left: 3px solid #e5e7eb;
  color: #6b7280;
}

.bs-call-logs-outbound-sections__panel--no-ai-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 12px 16px !important;
}

.bs-call-logs-outbound-sections__no-ai-summary-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #111827;
  margin: 0;
  text-align: center;
}

.bs-call-logs-outbound-sections__no-ai-summary-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
  margin: 0;
  text-align: center;
}.bs-calls-list-tab-skeleton {
  pointer-events: none;
}
.bs-calls-list-tab-skeleton__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 11px;
  border: 1px solid #e8eff5;
  width: max-content;
  border-radius: 4px;
  margin-bottom: 12px;
}
.bs-calls-list-tab-skeleton__header span {
  display: flex;
  align-items: center;
}
.bs-calls-list-tab-skeleton__item {
  margin-bottom: 16px;
}
.bs-calls-list-tab-skeleton__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  gap: 8px;
  min-width: 0;
}
.bs-calls-list-tab-skeleton__left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
}
.bs-calls-list-tab-skeleton__right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.bs-calls-list-tab-skeleton__right span {
  display: flex;
  align-items: center;
}
.bs-calls-list-tab-skeleton__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bs-calls-list-tab-skeleton__icon-wrap span {
  display: flex;
  align-items: center;
}
.bs-calls-list-tab-skeleton__pill {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
}
.bs-calls-list-tab-skeleton__pill span {
  display: flex;
  align-items: center;
}
.bs-calls-list-tab-skeleton__pill--outcome {
  margin-left: 4px;
}.react-time-picker {
  display: inline-flex;
  position: relative;
}

.react-time-picker,
.react-time-picker *,
.react-time-picker *:before,
.react-time-picker *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-time-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}

.react-time-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  border: thin solid gray;
}

.react-time-picker__inputGroup {
  min-width: calc((4px * 3) + 0.54em * 6 + 0.217em * 2);
  flex-grow: 1;
  padding: 0 2px;
  box-sizing: content-box;
}

.react-time-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}

.react-time-picker__inputGroup__divider,
.react-time-picker__inputGroup__leadingZero {
  display: inline-block;
  font: inherit;
}

.react-time-picker__inputGroup__input {
  min-width: 0.54em;
  height: 100%;
  position: relative;
  padding: 0 1px;
  border: 0;
  background: none;
  color: currentColor;
  font: inherit;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.react-time-picker__inputGroup__input::-webkit-outer-spin-button,
.react-time-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.react-time-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}

.react-time-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em);
}

.react-time-picker__inputGroup__amPm {
  font: inherit;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.react-time-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px;
}

.react-time-picker__button:enabled {
  cursor: pointer;
}

.react-time-picker__button:enabled:hover .react-time-picker__button__icon,
.react-time-picker__button:enabled:focus .react-time-picker__button__icon {
  stroke: #0078d7;
}

.react-time-picker__button:disabled .react-time-picker__button__icon {
  stroke: #6d6d6d;
}

.react-time-picker__button svg {
  display: inherit;
}

.react-time-picker__clock {
  width: 200px;
  height: 200px;
  max-width: 100vw;
  padding: 25px;
  background-color: white;
  border: thin solid #a0a096;
  z-index: 1;
}

.react-time-picker__clock--closed {
  display: none;
}
.call-logs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}
.call-logs-header__tabs-section {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 24px;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav {
  margin: 0;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav.bs-tabs-nav::before {
  border-bottom: none;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab {
  padding: 18px 0;
  margin: 0 24px 0 0;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:hover .bs-tabs-tab-btn .call-logs-header__tab-with-icon .call-logs-header__tab-count {
  background: #eff6ff;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:hover .bs-tabs-tab-btn .call-logs-header__tab-with-icon .call-logs-header__tab-count span {
  color: #1d4ed8;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn .active .call-logs-header__tab-count {
  background: #eff6ff;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn .active .call-logs-header__tab-count span {
  color: #1d4ed8;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-disabled {
  padding: 0;
  margin: 0 24px 0 0;
  pointer-events: none;
}
.call-logs-header__tabs-section .bs-tabs-small .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-disabled .call-logs-header-divider {
  height: 28px;
  width: 2px;
  border-radius: 1px;
  background-color: #e5e7eb;
}
.call-logs-header__tabs {
  margin: 0;
}
.call-logs-header__tabs .bs-tabs-tab {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  padding: 12px 16px;
}
.call-logs-header__tabs .bs-tabs-tab:hover {
  color: #1d4ed8;
}
.call-logs-header__tabs .bs-tabs-tab-active {
  color: #1d4ed8;
}
.call-logs-header__tabs .bs-tabs-tab-active .bs-tabs-tab-btn {
  color: #1d4ed8;
}
.call-logs-header__tabs .bs-tabs-ink-bar {
  background-color: #1d4ed8;
  height: 3px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.call-logs-header__actions-section {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.call-logs-header__tab-with-icon {
  display: flex;
  align-items: center;
  gap: 4px;
}
.call-logs-header__tab-count {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f3f4f6;
  padding: 3px 7px;
  border-radius: 20px;
  min-width: 16px;
  text-align: center;
}
.call-logs-header__tab-count span {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #6b7280;
}.credits-indicator {
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 4px 12px;
  display: flex;
  align-items: center;
}
.credits-indicator span {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
  cursor: pointer;
}
.credits-indicator__icon {
  width: 16px;
  height: 16px;
  color: #1d4ed8;
}
.credits-indicator__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}.call-logs-search {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 235px;
  padding: 5px 11px 5px 16px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
}
.call-logs-search__input {
  width: 100%;
}
.call-logs-search__input.bs-input-affix-wrapper {
  border: none;
  padding: 0;
}
.call-logs-search__input.bs-input-affix-wrapper:focus-within {
  border: none;
  box-shadow: none;
}
.call-logs-search__input.bs-input-affix-wrapper::before {
  line-height: 20px;
}
.call-logs-search__input .bs-input-md {
  line-height: 20px;
  color: #1f2937;
}
.call-logs-search__input .bs-input-md::placeholder {
  color: #9ca3af;
}
.call-logs-search .input-icons-right .bs-input-suffix .sh-close-o.sh-close-o:before {
  color: #9ca3af;
}
.call-logs-search:hover {
  border-color: #346aff;
}
.call-logs-search:focus-within {
  border-color: #346aff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}.call-logs-sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background-color: #ffffff;
}
.call-logs-sub-header__left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.call-logs-sub-header__left .icon-container {
  border: none;
  background: none;
  padding: 0;
}
.call-logs-sub-header__left .icon-container .filter-count-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 7px;
  height: 7px;
  text-align: center;
  padding: 0px;
  top: 4px;
  right: 3px;
}
.call-logs-sub-header__left .disabled {
  border: none;
  background: none;
  cursor: not-allowed;
}
.call-logs-sub-header__left .disabled .call-logs-sub-header__icon-button-container {
  background: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.call-logs-sub-header__left .disabled .call-logs-sub-header__icon-button-container svg {
  color: #6b7280;
  cursor: not-allowed;
}
.call-logs-sub-header__search {
  width: 235px;
}
.call-logs-sub-header__divider {
  width: 2px;
  height: 28px;
  background-color: #e5e7eb;
  border-radius: 1px;
}
.call-logs-sub-header__icon-button-container {
  padding: 6px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.call-logs-sub-header__icon-button-container .call-logs-sub-header__icon-button {
  color: #6b7280;
}
.call-logs-sub-header__icon-button-container:hover .call-logs-sub-header__icon-button {
  color: #1d4ed8;
}
.call-logs-sub-header__icon-button-container:hover {
  background-color: #dbeafe;
}
.call-logs-sub-header__right {
  display: flex;
  align-items: center;
  transition: 0.2s ease-in-out;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}
.call-logs-sub-header__right .credits-indicator {
  padding: 5px 12px;
}
.call-logs-sub-header__right .credits-indicator:hover {
  background: #f5f5f5;
}
.call-logs-sub-header__right.disabled .call-logs-sub-header__add-new-template span, .call-logs-sub-header__right.disabled .credits-indicator span {
  cursor: not-allowed;
}
.call-logs-sub-header__right.disabled .call-logs-sub-header__add-new-template, .call-logs-sub-header__right.disabled .credits-indicator {
  cursor: not-allowed;
}
.call-logs-sub-header__right.disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.call-logs-sub-header__right.disabled:hover .call-logs-sub-header__add-new-template, .call-logs-sub-header__right.disabled:hover .credits-indicator {
  background: none;
}
.call-logs-sub-header__right.disabled:hover {
  background: none;
}
.call-logs-sub-header__right-section {
  display: flex;
  align-items: center;
  gap: 8px;
}
.call-logs-sub-header__credits-help-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.call-logs-sub-header__credits-help-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.call-logs-sub-header__add-new-template {
  border: 1px solid #1d4ed8;
  border-radius: 4px;
  padding: 6px 16px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.call-logs-sub-header__add-new-template:hover {
  background-color: #dbeafe;
}
.call-logs-sub-header__add-new-template-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1d4ed8;
}.prospect-name-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
}
.prospect-name-cell__left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}
.prospect-name-cell__left__icon {
  flex-shrink: 0;
  color: #6b7280;
  min-height: 20px;
  min-width: 20px;
}
.prospect-name-cell__left__icon--missed {
  color: #dc2626;
}
.prospect-name-cell__left__text {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
  cursor: pointer;
  height: 100%;
  display: flex !important;
  align-items: center;
}
.prospect-name-cell__left__text:hover {
  color: #1d4ed8;
}
.prospect-name-cell__left__dot {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ef4444;
}
.prospect-name-cell__left__arrow-forward-up {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  cursor: default;
}
.prospect-name-cell__left__arrow-forward-up svg {
  color: #6b7280;
}
.prospect-name-cell__left__arrow-forward-up:hover {
  background: #e9ecef;
  border-radius: 4px;
}
.prospect-name-cell__right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0 8px 24px;
}
.prospect-name-cell__right .shd-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  height: auto;
  background: none;
  border: none;
  color: #6b7280;
  outline: none;
}
.prospect-name-cell__right .shd-button:hover {
  background: #dbeafe;
  border-radius: 4px;
}
.prospect-name-cell__right .shd-button:hover svg {
  color: #1d4ed8;
}
.prospect-name-cell__right .shd-button.shd-button--primary:focus:not(:hover) {
  background-color: transparent;
}
.prospect-name-cell__right .shd-button.shd-button--disabled {
  background: none;
}
.prospect-name-cell__right .shd-button.shd-button--disabled:hover svg {
  color: #6b7280;
}
.prospect-name-cell__right .prospect-name-cell__voicemail-button--active {
  background: #dbeafe;
  border-radius: 4px;
}
.prospect-name-cell__right .prospect-name-cell__voicemail-button--active svg {
  color: #1d4ed8;
}

.call-outcome-cell {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 20px;
  cursor: pointer;
  width: fit-content;
}
.call-outcome-cell--empty {
  background: transparent;
  border: none;
}
.call-outcome-cell--empty .call-outcome-cell__placeholder {
  color: #9ca3af;
  font-size: 14px;
}
.call-outcome-cell--empty .call-outcome-cell__icon {
  color: #9ca3af;
}
.call-outcome-cell--filled .call-outcome-cell__label {
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
  padding-right: 2px;
}
.call-outcome-cell--filled .call-outcome-cell__icon {
  color: #6b7280;
}
.call-outcome-cell:hover {
  opacity: 0.8;
}

.column-cell-content:hover .column-cell-content--value .transcript-cell__actions {
  display: flex;
}

.date-time-cell span {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  line-height: 20px;
}

.transcript-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
.transcript-cell__text-placeholder {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #9ca3af;
  font-style: italic;
}
.transcript-cell__text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #1f2937;
}
.transcript-cell__actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  display: none;
  transition: opacity 0.15s ease;
}
.transcript-cell__actions.active {
  display: flex;
}
.transcript-cell__action-icon-full-view, .transcript-cell__action-icon, .transcript-cell .copy-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
  color: #6b7280;
  border-radius: 4px;
}
.transcript-cell__action-icon-full-view:hover, .transcript-cell__action-icon:hover, .transcript-cell .copy-button-icon:hover {
  background-color: #ffffff;
  color: #6b7280;
}
.transcript-cell__action-icon-full-view.active, .transcript-cell__action-icon.active, .transcript-cell .copy-button-icon.active {
  background-color: #ffffff;
}

.prospect-voicemail-popover-container.bs-popover-inner {
  padding: 0;
  max-width: 450px;
  z-index: 1049;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__header__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__header .cross-icon-container {
  padding: 4px;
  display: flex;
  align-items: center;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__header .cross-icon-container svg {
  color: #1f2937;
  cursor: pointer;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__header .cross-icon-container:hover {
  background: #f3f4f6;
  border-radius: 4px;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover .voicemail-greeting-audio-player {
  width: 426px;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__footer {
  display: flex;
  align-items: center;
  position: relative;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__footer__view-transcript-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1d4ed8;
  cursor: pointer;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__footer__view-transcript-text:hover {
  color: #1e40af;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__footer.disabled__view-transcript-text {
  opacity: 0.35;
  cursor: not-allowed;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__footer__transcript {
  border: 1px solid #d1d5db;
  padding: 12px;
  border-radius: 4px;
  width: 100%;
  height: auto;
  min-height: 120px;
  max-height: 200px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  outline: none;
  overflow-y: auto;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__footer__transcript__copy-icon {
  display: flex;
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 2px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__footer__transcript__copy-icon:hover {
  color: #6b7280;
  background: #f3f4f6;
}
.prospect-voicemail-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .prospect-name-cell__voicemail-popover__footer__transcript__copy-icon .copy-button-icon {
  display: flex;
  color: #6b7280;
}

.view-full-transcript-modal-popover.popover {
  z-index: 1049;
}
.view-full-transcript-modal-popover.bs-popover-inner {
  padding: 0;
  border: 1px solid #3b82f6;
  border-radius: 0px;
}
.view-full-transcript-modal-popover.popover {
  width: 473px;
  height: 104px;
  max-width: 473px;
}
.view-full-transcript-modal-popover.popover .arrow {
  display: none;
}
.view-full-transcript-modal-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.view-full-transcript-modal-popover .popover-body .bs-popover-content .bs-popover-inner-content .view-full-transcript-modal__textarea {
  border: none;
  padding: 10px 16px;
  height: 102px;
  overflow-y: auto;
  max-height: 102px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}

.voicemail-copy-button-icon.click-to-copy-tooltip .tooltip-inner {
  width: 100%;
  max-width: 100%;
}.dialer-reports-sortable-header {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
}
.dialer-reports-sortable-header__label {
  flex: 1;
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.dialer-reports-sortable-header__label span {
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
}
.dialer-reports-sortable-header__sort-type.sort-by-type {
  display: flex;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0;
}
.dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 4px;
}
.dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon:hover {
  background-color: #ffffff;
}
.dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-up,
.dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-down {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f2937;
}
.dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-up svg,
.dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-down svg {
  width: 12px;
  height: 12px;
}
.dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-up.disabled,
.dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-down.disabled {
  color: #9ca3af;
}.call-logs-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background-color: #ffffff;
  margin: 0;
}
.call-logs-table a[href^="tel:"] {
  color: #1f2937;
  text-decoration: none;
}
.call-logs-table a[href^="tel:"]:hover, .call-logs-table a[href^="tel:"]:focus {
  color: #1f2937;
  text-decoration: underline;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .column-header-content--name .column-header-content--headText {
  width: 100%;
  justify-content: flex-start;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .column-header-content--name .column-header-content--headText .column-header-content--colHeadText {
  height: 100%;
  width: 100%;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content:hover .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type {
  opacity: 1;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header__label, .call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header__label span {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon {
  border-radius: 4px;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-up, .call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-down, .call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-up.disabled, .call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon .sort-by-type-icon-down.disabled {
  color: #6b7280;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon:hover {
  background-color: #ffffff;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon:hover .sort-by-type-icon-up, .call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon:hover .sort-by-type-icon-down {
  color: #d1d5db;
}
.call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon:hover .sort-by-type-icon-up:hover, .call-logs-table .tanstack-table--thead .tanstack-table--th .column-header-content .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type .sort-by-type-icon:hover .sort-by-type-icon-down:hover {
  color: #1f2937;
}
.call-logs-table .call-logs-tanstack-table--missed-call-count .tanstack-table--wrapper {
  height: calc(100% - 81px);
  max-height: calc(100% - 81px);
}
.call-logs-table .call-logs-tanstack-table--loading .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value {
  padding: 0 16px 0 20px;
  display: flex;
  align-items: center;
}
.call-logs-table .call-logs-tanstack-table--loading .column-cell-content--value {
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.call-logs-table .call-logs-tanstack-table:not(.call-logs-tanstack-table--missed-call-count) .tanstack-table--wrapper {
  height: calc(100% - 47px);
  max-height: calc(100% - 47px);
}
.call-logs-table .call-logs-tanstack-table--no-pagination.call-logs-tanstack-table--missed-call-count .tanstack-table--wrapper {
  height: calc(100% - 50px);
  max-height: calc(100% - 50px);
}
.call-logs-table .call-logs-tanstack-table--no-pagination:not(.call-logs-tanstack-table--missed-call-count) .tanstack-table--wrapper {
  height: calc(100% - 16px);
  max-height: calc(100% - 16px);
}
.call-logs-table .call-logs-tanstack-table--no-pagination .tanstack-table--wrapper {
  margin-bottom: 16px;
}
.call-logs-table .call-logs-table-banner.danger-alert.alert.alert-danger {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  gap: 6px;
  background: #fef2f2;
  border-color: #fee2e2;
  margin: 0;
}
.call-logs-table .call-logs-table-banner div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.call-logs-table .call-logs-table-banner div .alert-message-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
  padding-left: 2px;
  margin: 0;
}
.call-logs-table .call-logs-table-banner div .shd-button {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1d4ed8;
  height: auto;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.call-logs-table .call-logs-table-banner div .shd-button:hover {
  color: #1e40af;
  text-decoration: underline;
}
.call-logs-table--infinite-scroll .call-logs-table__scroll-container {
  flex: 1;
  overflow: auto;
  min-height: 0;
}
.call-logs-table--infinite-scroll .call-logs-tanstack-table {
  height: auto !important;
  min-height: 100%;
}
.call-logs-table--infinite-scroll .call-logs-tanstack-table .tanstack-table--wrapper {
  height: auto !important;
  max-height: none !important;
}
.call-logs-table--infinite-scroll .call-logs-table__loader {
  display: flex;
  justify-content: center;
  padding: 16px;
}
.call-logs-table .tanstack-table--tr .tanstack-table--td:first-of-type .column-cell-content {
  padding: 0px;
}
.call-logs-table .tanstack-table--tr .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value .call-logs-column-content {
  padding: 0 24px 0 16px;
}
.call-logs-table .tanstack-table--tr .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value .call-logs-column-content-no-value {
  padding: 0 24px 0 16px;
}
.call-logs-table .column-header-content--colHeadText {
  line-height: 16px;
}
.call-logs-table .tanstack-table {
  padding: 0 24px;
}
.call-logs-table .tanstack-table--th .column-header-resizer {
  cursor: default;
}
.call-logs-table .tanstack-table--tr:hover {
  background-color: #f9fafb;
}
.call-logs-table .tanstack-table--tr:hover .tanstack-table--td .column-cell-content {
  background-color: transparent;
}
.call-logs-table .tanstack-table--tr:hover .tanstack-table--td:first-of-type .column-cell-content {
  background-color: #f9fafb;
}
.call-logs-table .tanstack-table--tr:hover .tanstack-table--td:last-of-type .column-cell-content {
  background-color: #f9fafb;
}
.call-logs-table .tanstack-table--tr .column-cell-content {
  padding: 0px;
}
.call-logs-table .tanstack-table--tr .column-cell-content .column-cell-content--value .call-logs-column-content {
  padding: 0 16px;
}
.call-logs-table .tanstack-table--tr .column-cell-content .column-cell-content--value .audio-player-bar {
  width: 100%;
}
.call-logs-table .tanstack-table--tr .column-cell-content .column-cell-content--value .call-logs-column-content-no-value {
  padding: 0 16px;
  height: 100%;
  display: flex;
  align-items: center;
}
.call-logs-table .tanstack-table--td:not(:last-of-type) .column-cell-content:hover {
  background-color: #f3f4f6 !important;
}
.call-logs-table .column-cell-content .delete-call-log-button {
  background-color: unset;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  padding: 6px;
}
.call-logs-table .column-cell-content .delete-call-log-button svg {
  color: #6b7280;
  width: 20px;
  height: 20px;
}
.call-logs-table .column-cell-content .delete-call-log-button {
  transition: all 0.2s ease;
}
.call-logs-table .column-cell-content .delete-call-log-button:hover svg {
  color: #b91c1c;
}
.call-logs-table .column-cell-content .delete-call-log-button:hover {
  background-color: #fef2f2;
}
.call-logs-table .column-cell-content:hover {
  cursor: pointer;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value {
  height: 100%;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .audio-player-bar {
  height: 100%;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .call-logs-column-content-no-value {
  height: 100%;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .transcript-cell__text {
  color: #1d4ed8;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .call-logs-column-content {
  height: 100%;
  width: 100%;
  color: #1d4ed8;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .call-logs-column-content .prospect-custom-outcome-select .selected-outcome-main div span {
  color: #1f2937;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .call-logs-column-content .prospect-custom-outcome-select .selected-outcome-main .bs-select-box-icon-wrapper {
  color: #1f2937;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .call-logs-column-content .prospect-name-cell__left__text {
  color: #1d4ed8;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .call-logs-column-content .prospect-phone-number-column-content {
  color: #1d4ed8;
}
.call-logs-table .column-cell-content:hover .column-cell-content--value .call-logs-column-content .date-time-cell span {
  color: #1d4ed8;
}
.call-logs-table .column-cell-content .column-cell-content--value .created-by-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.call-logs-table .column-cell-content .column-cell-content--value .created-by-wrapper .created-by-avatar {
  width: 20px;
  height: 20px;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar {
  padding: 0;
  background: none;
  border: none;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar.audio-player-loading .audio-player-play-button {
  padding: 0;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar.audio-player-loading .audio-player-play-button:hover {
  background: none;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-speed {
  width: 29px;
  background: #f9fafb;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button {
  min-width: 16px;
  min-height: 16px;
  color: #6b7280;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button svg {
  min-width: 16px;
  min-height: 16px;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button:hover {
  background: #dbeafe;
  border-radius: 4px;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button:hover svg {
  color: #1d4ed8;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar.audio-player-loading .audio-player-play-button {
  padding: 0;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar.audio-player-loading .audio-player-play-button:hover {
  background: none;
}
.call-logs-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-progress .audio-player-progress-filled {
  border-radius: 10px;
}
.call-logs-table .column-cell-content .column-cell-content--value .prospect-custom-outcome-select {
  height: fit-content;
}
.call-logs-table .column-cell-content .column-cell-content--value .prospect-custom-outcome-select .selected-outcome-main {
  padding: 4px 6px;
}
.call-logs-table .column-cell-content .column-cell-content--value .prospect-custom-outcome-select .selected-outcome-main div {
  line-height: 16px;
  font-weight: 400;
}
.call-logs-table .tanstack-table--th {
  width: 100% !important;
}
.call-logs-table .tanstack-table--th .column-header-resizer--handle {
  display: none;
}
.call-logs-table .tanstack-table--td {
  width: 100% !important;
}
.call-logs-table .call-logs-tanstack-table--admin .tanstack-table--td:last-child,
.call-logs-table .call-logs-tanstack-table--admin .tanstack-table--th:last-child {
  min-width: 64px !important;
  width: 64px !important;
}
.call-logs-table .call-logs-tanstack-table--admin .tanstack-table--td:last-child .column-header-content,
.call-logs-table .call-logs-tanstack-table--admin .tanstack-table--th:last-child .column-header-content {
  padding: 0 16px;
  width: 42px;
}
.call-logs-table .call-logs-tanstack-table--admin .tanstack-table--td:last-child .column-cell-content,
.call-logs-table .call-logs-tanstack-table--admin .tanstack-table--th:last-child .column-cell-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 16px;
}
.call-logs-table .call-logs-tanstack-table--admin .tanstack-table--td:last-child .column-cell-content .column-cell-content--value,
.call-logs-table .call-logs-tanstack-table--admin .tanstack-table--th:last-child .column-cell-content .column-cell-content--value {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 4px;
  min-width: 32px;
}

.view-full-transcript-modal__textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  color: #1f2937;
  background-color: #ffffff;
  resize: none;
  font-family: inherit;
}
.view-full-transcript-modal__textarea:focus {
  outline: none;
  border-color: #1d4ed8;
}
.view-full-transcript-modal__textarea:read-only {
  cursor: default;
}

.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header {
  border-bottom: none;
}
.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header .modal-title .confirmation-modal-v3--title {
  gap: 8px;
}
.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header .modal-title .confirmation-modal-v3--title h2 .delete-call-log-title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header .modal-title .confirmation-modal-v3--title h2 .delete-call-log-title .delete-call-log-prospect-text-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
  max-width: 280px;
}
.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  padding: 0 24px 24px 24px !important;
}
.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer {
  border-top-color: #e5e7eb;
}
.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 15px;
}
.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid {
  width: 77px;
  background: #b91c1c;
  color: #ffffff;
  border: none;
}
.delete-call-log-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid:hover {
  background: #cf1322;
}.call-logs {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background-color: #ffffff;
  width: 100%;
}
.call-logs .purchase-dialer-card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  flex: 1;
}
.call-logs .call-logs__empty-section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.call-logs .call-logs__empty-section .call-logs-empty-state, .call-logs .call-logs__empty-section .call-logs-search-empty-state {
  height: 100%;
}
.call-logs .call-logs__empty-section .call-logs-empty-state .empty-list, .call-logs .call-logs__empty-section .call-logs-search-empty-state .empty-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.call-logs .call-logs__empty-section .call-logs-empty-state .empty-list .empty-list__inner-vertical, .call-logs .call-logs__empty-section .call-logs-search-empty-state .empty-list .empty-list__inner-vertical {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.call-logs .call-logs__empty-section .call-logs-empty-state .empty-list .empty-list__photo-vertical, .call-logs .call-logs__empty-section .call-logs-search-empty-state .empty-list .empty-list__photo-vertical {
  height: auto;
}
.call-logs .call-logs__empty-section .call-logs-empty-state .empty-list .empty-list__content-vertical, .call-logs .call-logs__empty-section .call-logs-search-empty-state .empty-list .empty-list__content-vertical {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.call-logs .call-logs__empty-section .call-logs-empty-state .empty-list .empty-list__title-vertical, .call-logs .call-logs__empty-section .call-logs-search-empty-state .empty-list .empty-list__title-vertical {
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
.call-logs .call-logs__empty-section .call-logs-empty-state .empty-list .empty-list__body-vertical, .call-logs .call-logs__empty-section .call-logs-search-empty-state .empty-list .empty-list__body-vertical {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: #6b7280;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  width: 378px;
}
.call-logs .call-logs-table {
  flex: 1;
  min-height: 0;
}

.call-logs-filters-modal .modal-dialog .modal-content .modal-header .modal-title span {
  line-height: 20px;
  color: #000000;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .label-container {
  line-height: 18px;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container {
  margin: 0 !important;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control {
  min-height: auto;
  border-color: #d1d5db;
  background: #f9fafb;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control:hover:not(:focus-within) {
  border-color: #4b5563;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control:focus-within {
  background: #ffffff;
  border: 1px solid #1d4ed8;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control .select__value-container .select__placeholder {
  color: #9ca3af;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control .select__indicators .select__indicator-separator {
  width: 1px;
  height: auto;
  border-radius: 1px;
  background: #e5e7eb;
  margin: 5px 0;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control .select__indicators .select__clear-indicator {
  cursor: pointer;
  padding: 8px;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control .select__indicators .select__clear-indicator:hover {
  color: #000000;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control .select__indicator {
  padding: 10px 16px 10px 4px;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control .select__indicator.css-tlfecz-indicatorContainer {
  color: #9ca3af;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .basic-multi-select .select__control .select__indicator svg {
  width: 16px;
  height: 16px;
}
.call-logs-filters-modal .modal-dialog .modal-content .modal-body .prospects-filter-container .filter-container .prospect-filter-date-piker .react-datepicker-wrapper .react-datepicker__input-container .date-picker-container.date-picker-container {
  height: 36px !important;
}.prospect-modal--call-logs-collapsed.prospect-modal--call-logs .bs-call-logs-prospect-drawer-header,
.prospect-modal--call-logs.prospect-modal--call-logs .bs-call-logs-prospect-drawer-header {
  width: 435px;
}
.prospect-modal--call-logs-collapsed.prospect-modal--call-logs .bs-call-logs-prospect-drawer-skeleton,
.prospect-modal--call-logs.prospect-modal--call-logs .bs-call-logs-prospect-drawer-skeleton {
  width: 435px;
}
.prospect-modal--call-logs-collapsed.prospect-modal--call-logs-collapsed .bs-call-logs-prospect-drawer-skeleton,
.prospect-modal--call-logs.prospect-modal--call-logs-collapsed .bs-call-logs-prospect-drawer-skeleton {
  width: 435px;
}
.prospect-modal--call-logs-collapsed.prospect-modal--call-logs-collapsed .modal-content,
.prospect-modal--call-logs.prospect-modal--call-logs-collapsed .modal-content {
  width: fit-content;
  min-width: fit-content;
}
.prospect-modal--call-logs-collapsed.prospect-modal--call-logs-collapsed .modal-dialog,
.prospect-modal--call-logs.prospect-modal--call-logs-collapsed .modal-dialog {
  width: fit-content;
}
.prospect-modal--call-logs-collapsed.prospect-modal--call-logs-collapsed .modal-body,
.prospect-modal--call-logs.prospect-modal--call-logs-collapsed .modal-body {
  overflow: hidden;
}
.prospect-modal--call-logs-collapsed.prospect-modal--call-logs-collapsed .bs-call-logs-prospect-drawer-header,
.prospect-modal--call-logs.prospect-modal--call-logs-collapsed .bs-call-logs-prospect-drawer-header {
  min-width: 435px;
  max-width: 435px;
}
.prospect-modal--call-logs-collapsed.prospect-modal--call-logs-collapsed .modal-body,
.prospect-modal--call-logs.prospect-modal--call-logs-collapsed .modal-body {
  overflow: hidden;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  padding: 0;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header {
  background: #ffffff;
  border-right: 1px solid #e5e7eb;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container.prospect-profile-no-job-title-company,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container.prospect-profile-no-job-title-company {
  align-items: center;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container.prospect-profile-no-job-title-company .prospect-profile-section-header .prospect-profile-section-header-user-detail,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container.prospect-profile-no-job-title-company .prospect-profile-section-header .prospect-profile-section-header-user-detail {
  justify-content: center;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container.prospect-profile-no-job-title-company .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name.job-title-prospect.prospect-profile-section-header-user-name:not(.job-title-prospect) span,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container.prospect-profile-no-job-title-company .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name.job-title-prospect.prospect-profile-section-header-user-name:not(.job-title-prospect) span {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #1f2937;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container.prospect-profile-no-job-title-company .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name span,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container.prospect-profile-no-job-title-company .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name span {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #1f2937;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header {
  display: flex;
  flex: 1;
  gap: 12px;
  min-width: 0;
  align-items: center;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .shd-avatar,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .shd-avatar {
  width: 60px;
  height: 60px;
  align-self: baseline;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .shd-avatar span,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .shd-avatar span {
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
  font-size: 24px;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  width: 100%;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name:not(.job-title-prospect) span,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name:not(.job-title-prospect) span {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #1f2937;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .bs-call-logs-prospect-drawer-header__dnc-chip,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .bs-call-logs-prospect-drawer-header__dnc-chip {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
  padding: 2px 8px;
  background: #fee2e2;
  border-radius: 20px;
  white-space: nowrap;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation {
  display: block;
  min-width: 0;
  width: 100%;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .job-title-prospect span,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .job-title-prospect span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-job-title,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-job-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-company-name,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-company-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media {
  display: flex;
  align-items: center;
  gap: 4px;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a {
  display: flex;
  align-items: center;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .facebook-icon,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .facebook-icon {
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .facebook-icon:hover,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .facebook-icon:hover {
  color: #3b82f6;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .linkedin-icon,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .linkedin-icon {
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .linkedin-icon:hover,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .linkedin-icon:hover {
  color: #1275b1;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .twitter-icon,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .twitter-icon {
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .twitter-icon:hover,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media a .twitter-icon:hover {
  color: #000000;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity {
  display: flex;
  align-items: center;
  gap: 4px;
  height: stretch;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .prospect-profile-section-header-user-activity-view-activity,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .prospect-profile-section-header-user-activity-view-activity {
  display: flex;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  align-self: baseline;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .prospect-profile-section-header-user-activity-view-activity svg,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .prospect-profile-section-header-user-activity-view-activity svg {
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .prospect-profile-section-header-user-activity-view-activity:hover,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .prospect-profile-section-header-user-activity-view-activity:hover {
  background-color: #f3f4f6;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .bs-call-logs-prospect-drawer-header__dnc-btn,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .bs-call-logs-prospect-drawer-header__dnc-btn {
  display: flex;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  align-self: baseline;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .bs-call-logs-prospect-drawer-header__dnc-btn svg,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .bs-call-logs-prospect-drawer-header__dnc-btn svg {
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .bs-call-logs-prospect-drawer-header__dnc-btn:hover,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__prospect-profile-section .prospect-profile-section-header-container .prospect-profile-section-header-user-activity .bs-call-logs-prospect-drawer-header__dnc-btn:hover {
  background-color: #f3f4f6;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__icon-outgoing,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__icon-outgoing {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #10b981;
  color: #ffffff;
  border-radius: 4px;
  width: max-content;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__icon-incoming,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__icon-incoming {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #10b981;
  color: #ffffff;
  border-radius: 4px;
  width: max-content;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__icon-outgoing-task,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__icon-outgoing-task {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #8b5cf6;
  color: #ffffff;
  border-radius: 4px;
  width: max-content;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__icon-missed,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__icon-missed {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #ef4444;
  color: #ffffff;
  border-radius: 4px;
  width: max-content;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text .bs-call-logs-prospect-drawer-header-icon-link,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text .bs-call-logs-prospect-drawer-header-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  margin: 0;
  border: none;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  color: inherit;
  font: inherit;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text .bs-call-logs-prospect-drawer-header-icon-link svg,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text .bs-call-logs-prospect-drawer-header-icon-link svg {
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text .bs-call-logs-prospect-drawer-header-icon-link:hover:not(:disabled),
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text .bs-call-logs-prospect-drawer-header-icon-link:hover:not(:disabled) {
  background-color: #f3f4f6;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text .bs-call-logs-prospect-drawer-header-icon-link:disabled,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-direction-text .bs-call-logs-prospect-drawer-header-icon-link:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__date-time-text,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__date-time-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-duration,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-duration {
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 20px;
  background: #f3f4f6;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-duration span,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .bs-call-logs-prospect-drawer-header__header-section__text-section__call-duration span {
  font-size: 10px;
  line-height: 20px;
  color: #1f2937;
}
.prospect-modal--call-logs-collapsed .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .prospect-details-container,
.prospect-modal--call-logs .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-detail-modal-container .prospect-details-container {
  margin: 16px 16px 16px 0px;
}

/* Call-logs drawer: scrollable body + pinned footer (Dialer Figma footer) */
.bs-call-logs-prospect-drawer-header {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  /* Lets TruncatedTextWithAutoTooltip get a real width cap in nested flex layouts */
}
.bs-call-logs-prospect-drawer-header__job-company-line {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
}
.bs-call-logs-prospect-drawer-header__job-title-col {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}
.bs-call-logs-prospect-drawer-header__job-title-ellipsis-wrap {
  min-width: 0;
  overflow: hidden;
  display: flex;
}
.bs-call-logs-prospect-drawer-header__job-at {
  flex-shrink: 0;
}
.bs-call-logs-prospect-drawer-header__company-col {
  display: flex;
  align-items: center;
  flex: 1 1 0%;
  min-width: 0;
  overflow: hidden;
}
.bs-call-logs-prospect-drawer-header__company-link {
  display: flex;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.bs-call-logs-prospect-drawer-header__job-title-only {
  display: flex;
  width: 100%;
  min-width: 0;
}
.bs-call-logs-prospect-drawer-header__header-section-container {
  flex-shrink: 0;
}
.bs-call-logs-prospect-drawer-header__missed-call-detail {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
}
.bs-call-logs-prospect-drawer-header__footer-container {
  display: flex;
  justify-content: end;
  align-items: center;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0px -2px 4px 0px rgba(4, 21, 76, 0.0784313725);
}
.bs-call-logs-prospect-drawer-header__footer {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 12px;
  padding: 13px 24px;
  width: 100%;
}
.bs-call-logs-prospect-drawer-header__footer .call-logs-footer-btn {
  border: 1px solid #1d4ed8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: #ffffff;
  width: max-content;
  cursor: pointer;
}
.bs-call-logs-prospect-drawer-header__footer .call-logs-footer-btn.btn-solid-default:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #ffffff;
  border-color: #1d4ed8;
}
.bs-call-logs-prospect-drawer-header__footer .call-logs-footer-btn:hover:not(:disabled).btn-solid-default {
  border-color: #1d4ed8;
}
.bs-call-logs-prospect-drawer-header__footer .call-logs-footer-btn:hover:not(:disabled) {
  background: #dbeafe;
}
.bs-call-logs-prospect-drawer-header__footer .call-logs-footer-btn.btn-solid-default:not(:disabled):not(.disabled):active, .bs-call-logs-prospect-drawer-header__footer .call-logs-footer-btn.btn-solid-default:not(:disabled):not(.disabled):focus {
  border-color: #1d4ed8;
  background: #dbeafe;
}
.bs-call-logs-prospect-drawer-header__footer .call-logs-footer-btn .call-logs-footer-btn-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1d4ed8;
}
.bs-call-logs-prospect-drawer-header__footer .prospect-drawer-header-footer-call-btn {
  min-width: 80px;
}
.bs-call-logs-prospect-drawer-header__footer .prospect-drawer-header-footer-call-btn.btn-solid-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #fff;
  background-color: #0137fc;
  border-color: #0137fc;
}
.bs-call-logs-prospect-drawer-header__split-btn {
  display: flex;
}
.bs-call-logs-prospect-drawer-header__split-btn:hover {
  border: 1px solid #1d4ed8;
  border-radius: 4px;
}
.bs-call-logs-prospect-drawer-header__split-btn:hover .btn-solid {
  border: none;
  color: #1d4ed8;
}
.bs-call-logs-prospect-drawer-header__split-btn:hover .bs-call-logs-prospect-drawer-header__split-chevron {
  border-left: 1px solid #1d4ed8 !important;
  border: none;
}
.bs-call-logs-prospect-drawer-header__split-btn.show-link-number-menu {
  border: 1px solid #1d4ed8;
  border-radius: 4px;
}
.bs-call-logs-prospect-drawer-header__split-btn.show-link-number-menu .btn-solid {
  border: none;
  color: #1d4ed8;
}
.bs-call-logs-prospect-drawer-header__split-btn.show-link-number-menu .bs-call-logs-prospect-drawer-header__split-chevron {
  border-left: 1px solid #1d4ed8 !important;
  border: none;
  background: #dbeafe;
}
.bs-call-logs-prospect-drawer-header__split-main {
  border-radius: 4px 0 0 4px !important;
}
.bs-call-logs-prospect-drawer-header__split-chevron {
  border-left: none !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 6px 8px !important;
}
.bs-call-logs-prospect-drawer-header__link-number-popover {
  z-index: 1060;
}
.bs-call-logs-prospect-drawer-header__link-number-popover.popover {
  max-width: max-content;
}
.bs-call-logs-prospect-drawer-header__link-number-popover.popover .bs-popover-inner-content {
  padding: 8px 0;
}
.bs-call-logs-prospect-drawer-header__link-number-popover .bs-popover-content {
  padding: 0;
}
.bs-call-logs-prospect-drawer-header__link-number-popover-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}
.bs-call-logs-prospect-drawer-header__link-number-row {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 8px 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
.bs-call-logs-prospect-drawer-header__link-number-row:hover {
  background: #f3f4f6;
}.bs-link-number-to-prospect-modal .modal-dialog {
  max-width: 480px;
}
.bs-link-number-to-prospect-modal .modal-header {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 8px 8px 0 0;
}
.bs-link-number-to-prospect-modal .modal-body {
  padding: 20px 24px 24px;
  overflow-y: visible;
}
.bs-link-number-to-prospect-modal .modal-footer {
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
}
.bs-link-number-to-prospect-modal__title-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}
.bs-link-number-to-prospect-modal__title-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #5925dc;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bs-link-number-to-prospect-modal__title-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.bs-link-number-to-prospect-modal__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bs-link-number-to-prospect-modal__field-label {
  display: block;
  margin-bottom: 8px;
}
.bs-link-number-to-prospect-modal__select {
  width: 100%;
}
.bs-link-number-to-prospect-modal__select .transfer-select-box {
  width: 100%;
}
.bs-link-number-to-prospect-modal__select .bs-select-box {
  min-height: 40px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.bs-link-number-to-prospect-modal__option {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  text-align: left;
}
.bs-link-number-to-prospect-modal__primary-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.bs-link-number-to-prospect-modal__primary-hint {
  margin: 0;
  padding-left: 28px;
  max-width: 100%;
}
.bs-link-number-to-prospect-modal__error {
  margin: 6px 0 0;
  color: #f5222d;
}.bs-call-logs-prospect-drawer-skeleton {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  background-color: #ffffff;
}
.bs-call-logs-prospect-drawer-skeleton__top-head {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  min-height: 68px;
  border-bottom: 1px solid #e5e7eb;
}
.bs-call-logs-prospect-drawer-skeleton__top-head-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bs-call-logs-prospect-drawer-skeleton__top-head-text span {
  height: 20px;
}
.bs-call-logs-prospect-drawer-skeleton__scroll {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 24px;
  min-height: 0;
}
.bs-call-logs-prospect-drawer-skeleton__section {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 16px;
  gap: 6px;
}
.bs-call-logs-prospect-drawer-skeleton__section span {
  line-height: 14px;
}
.bs-call-logs-prospect-drawer-skeleton__section--profile {
  gap: 0;
}
.bs-call-logs-prospect-drawer-skeleton__section--fields {
  gap: 12px;
}
.bs-call-logs-prospect-drawer-skeleton__profile-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
}
.bs-call-logs-prospect-drawer-skeleton__profile-meta {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.bs-call-logs-prospect-drawer-skeleton__profile-lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.bs-call-logs-prospect-drawer-skeleton__social-dots {
  display: flex;
  gap: 4px;
  align-items: center;
}
.bs-call-logs-prospect-drawer-skeleton__field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 355px;
}
.bs-call-logs-prospect-drawer-skeleton__field-group span {
  line-height: 14px;
}
.bs-call-logs-prospect-drawer-skeleton__bar-full {
  display: flex;
  width: 100%;
}
.bs-call-logs-prospect-drawer-skeleton__bar-full span {
  width: 100%;
}
.bs-call-logs-prospect-drawer-skeleton__note-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  padding-top: 16px;
}
.bs-call-logs-prospect-drawer-skeleton__note-label {
  display: flex;
}
.bs-call-logs-prospect-drawer-skeleton__note-label span {
  display: flex;
  height: 14px;
}
.bs-call-logs-prospect-drawer-skeleton__note-editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #ffffff;
  overflow: hidden;
}
.bs-call-logs-prospect-drawer-skeleton__note-editor-body {
  flex: 1 1 auto;
  min-height: 120px;
  padding: 12px;
}
.bs-call-logs-prospect-drawer-skeleton__note-editor-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-top: 1px solid #e5e7eb;
}
.bs-call-logs-prospect-drawer-skeleton__note-editor-footer-left {
  display: flex;
  gap: 8px;
  align-items: center;
}
.bs-call-logs-prospect-drawer-skeleton__tabs {
  display: flex;
  gap: 24px;
  align-items: center;
  padding-right: 24px;
  border-bottom: 1px solid #e5e7eb;
  padding: 24px 0 17px 0;
}
.bs-call-logs-prospect-drawer-skeleton__tabs span {
  height: 14px;
  display: flex;
}
.bs-call-logs-prospect-drawer-skeleton__activity-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #ffffff;
  margin-top: 16px;
}
.bs-call-logs-prospect-drawer-skeleton__activity-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
.bs-call-logs-prospect-drawer-skeleton__activity-header .activity-header-line {
  display: flex;
  height: 14px;
}
.bs-call-logs-prospect-drawer-skeleton__activity-header .activity-header-line span {
  height: 14px;
  display: flex;
}
.bs-call-logs-prospect-drawer-skeleton__activity-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.bs-call-logs-prospect-drawer-skeleton__activity-item {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
}
.bs-call-logs-prospect-drawer-skeleton__activity-item-lines {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.bs-call-logs-prospect-drawer-skeleton__activity-item-lines .activity-item-line {
  height: 18px;
  display: flex;
}
.bs-call-logs-prospect-drawer-skeleton__activity-item-lines .activity-item-line span {
  height: 18px;
  display: flex;
}
.bs-call-logs-prospect-drawer-skeleton__activity-item-lines span {
  display: flex;
  height: 14px;
}
.bs-call-logs-prospect-drawer-skeleton__footer {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0px -2px 6px 0px rgba(4, 21, 76, 0.1215686275);
}.bs-purchase-dialer-card {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  padding: 32px;
  max-width: 726px;
  max-height: 308px;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.1490196078);
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.bs-purchase-dialer-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 340px;
  flex-shrink: 0;
}
.bs-purchase-dialer-card__heading {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #1f2937;
  margin: 0;
}
.bs-purchase-dialer-card__features {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bs-purchase-dialer-card__feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bs-purchase-dialer-card__feature-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #6b7280;
}
.bs-purchase-dialer-card__feature-text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
}
.bs-purchase-dialer-card__cta-button {
  align-self: flex-start;
  background-color: #1d4ed8;
  border: none;
  border-radius: 4px;
  padding: 6px 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.bs-purchase-dialer-card__cta-button:hover {
  background-color: #1e40af;
}
.bs-purchase-dialer-card__image-wrapper {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 380px;
}
.bs-purchase-dialer-card__image {
  position: absolute;
  max-width: 380px;
  height: auto;
  object-fit: contain;
  bottom: 0;
  right: 0;
}.voicemail-templates-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background-color: #ffffff;
}
.voicemail-templates-table .tanstack-table {
  overflow: unset;
}
.voicemail-templates-table .voicemail-templates-tanstack-table {
  padding: 0 24px;
}
.voicemail-templates-table .tanstack-table--tr .tanstack-table--td:first-of-type .column-cell-content {
  padding: 0 24px 0 16px;
}
.voicemail-templates-table .column-header-content--colHeadText {
  line-height: 16px;
}
.voicemail-templates-table .tanstack-table--th .column-header-resizer {
  cursor: default;
}
.voicemail-templates-table .tanstack-table--wrapper {
  height: calc(100% - 47px);
  max-height: calc(100% - 47px);
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .created-by-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .created-by-wrapper .created-by-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #daeafd;
  background: #eff7fe;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .created-by-wrapper .created-by-avatar .bs-avatar-string {
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #1d4ed8 !important;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .created-by-wrapper .created-by-text {
  font-weight: 500;
  color: #1f2937;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar {
  padding: 0;
  background: none;
  border: none;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-speed {
  width: 29px;
  background: #e5e7eb;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button {
  padding: 2px;
  min-width: 18px;
  min-height: 18px;
  color: #6b7280;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button svg {
  min-width: 16px;
  min-height: 16px;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button:hover {
  background: #dbeafe;
  border-radius: 4px;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button:hover svg {
  color: #1d4ed8;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-play-button.audio-player-playback-spinner {
  padding: 0;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-progress .audio-player-progress-filled {
  border-radius: 10px;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar .audio-player-time {
  width: max-content;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar.audio-player-loading .audio-player-play-button {
  padding: 0;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .audio-player-bar.audio-player-loading .audio-player-play-button:hover {
  background: none;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .performance-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .performance-wrapper .performance-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .performance-wrapper .performance-item img, .voicemail-templates-table .column-cell-content .column-cell-content--value .performance-wrapper .performance-item svg {
  width: 14px;
  height: 14px;
  color: #6b7280;
}
.voicemail-templates-table .column-cell-content .column-cell-content--value .performance-wrapper .performance-item .performance-item-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #1f2937;
  min-width: 26px;
  max-width: 26px;
}
.voicemail-templates-table .tanstack-table--th {
  width: 100% !important;
}
.voicemail-templates-table .tanstack-table--th.tanstack-table--th:last-child {
  width: 23% !important;
  padding: 0;
}
.voicemail-templates-table .tanstack-table--th .column-header-resizer--handle {
  display: none;
}
.voicemail-templates-table .tanstack-table--tr:hover {
  background-color: #f9fafb;
}
.voicemail-templates-table .tanstack-table--tr:hover .tanstack-table--td .column-cell-content {
  background-color: transparent;
}
.voicemail-templates-table .tanstack-table--tr:hover .tanstack-table--td:first-of-type .column-cell-content {
  background-color: #f9fafb;
}
.voicemail-templates-table .tanstack-table--tr:hover .tanstack-table--td:last-of-type .column-cell-content {
  background-color: #f9fafb;
}
.voicemail-templates-table .tanstack-table--td {
  width: 100% !important;
}
.voicemail-templates-table .tanstack-table--td.tanstack-table--td:last-child {
  width: 23% !important;
}
.voicemail-templates-table .tanstack-table--td.tanstack-table--td:last-child .column-cell-content {
  padding: 0;
}
.voicemail-templates-table .tanstack-table--td.tanstack-table--td:not(:last-of-type) .column-cell-content:hover {
  background-color: #f3f4f6 !important;
}
.voicemail-templates-table .voicemail-template-actions-cell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.voicemail-templates-table .voicemail-template-actions-cell .voicemail-template-actions-toggle,
.voicemail-templates-table .voicemail-template-actions-cell .dropdown-toggle-custom,
.voicemail-templates-table .voicemail-template-actions-cell [data-bs-toggle=dropdown] {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 6px;
  min-width: 28px;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  border-radius: 999px;
}
.voicemail-templates-table .voicemail-template-actions-cell .voicemail-template-actions-toggle:hover,
.voicemail-templates-table .voicemail-template-actions-cell .dropdown-toggle-custom:hover,
.voicemail-templates-table .voicemail-template-actions-cell [data-bs-toggle=dropdown]:hover {
  color: #1d4ed8;
  background: #eff6ff;
}
.voicemail-templates-table .voicemail-template-actions-cell .voicemail-template-actions-toggle.active,
.voicemail-templates-table .voicemail-template-actions-cell .dropdown-toggle-custom.active,
.voicemail-templates-table .voicemail-template-actions-cell [data-bs-toggle=dropdown].active {
  background: #eff6ff;
}
.voicemail-templates-table .voicemail-template-actions-cell .voicemail-template-actions-toggle:focus,
.voicemail-templates-table .voicemail-template-actions-cell .dropdown-toggle-custom:focus,
.voicemail-templates-table .voicemail-template-actions-cell [data-bs-toggle=dropdown]:focus {
  outline: none;
  box-shadow: none;
}

.voicemail-template-actions-dropdown {
  min-width: 180px;
}
.voicemail-template-actions-dropdown .dropdown-item-custom {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
}

.voicemail-template-actions-dropdown.dropdown-menu-custom {
  padding: 8px 0;
  margin: 0;
  border: 1px solid #e5e7eb;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.2392156863) 2px 2px 16px -3px rgba(4, 21, 76, 0.1607843137);
}
.voicemail-template-actions-dropdown .dropdown-item-custom {
  padding: 8px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.voicemail-template-actions-dropdown .dropdown-item-custom svg {
  color: #6b7280;
}
.voicemail-template-actions-dropdown .dropdown-item-custom:hover {
  background: #eff6ff;
}
.voicemail-template-actions-dropdown .dropdown-divider-custom {
  display: none;
}.voicemail-templates {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background-color: #ffffff;
  width: 100%;
}
.voicemail-templates .voicemail-templates-empty-state {
  height: 100%;
}
.voicemail-templates .voicemail-templates-empty-state .empty-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.voicemail-templates .voicemail-templates-empty-state .empty-list .empty-list__inner-vertical {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  width: 100%;
}
.voicemail-templates .voicemail-templates-empty-state .empty-list .empty-list__photo-vertical {
  height: auto;
}
.voicemail-templates .voicemail-templates-empty-state .empty-list .empty-list__content-vertical {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.voicemail-templates .voicemail-templates-empty-state .empty-list .empty-list__title-vertical {
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.voicemail-templates .voicemail-templates-empty-state .empty-list .empty-list__body-vertical {
  display: flex;
  justify-content: center;
  text-align: center;
  color: #6b7280;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  width: 378px;
}
.voicemail-templates__content {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.voicemail-templates__content .call-logs__empty-section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.voicemail-templates__content .call-logs__empty-section .call-logs-search-empty-state {
  height: 100%;
}
.voicemail-templates__content .call-logs__empty-section .call-logs-search-empty-state .empty-list .empty-list__content-vertical {
  height: 125px;
}
.voicemail-templates__content .call-logs__empty-section .call-logs-search-empty-state .empty-list .empty-list__title-vertical {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin: 0;
  color: #1f2937;
  margin-bottom: 8px;
}
.voicemail-templates__content .call-logs__empty-section .call-logs-search-empty-state .empty-list .empty-list__body-vertical {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: #6b7280;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.voicemail-templates__placeholder {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}

.voicemail-template-delete-modal .modal-dialog {
  max-width: 450px;
}
.voicemail-template-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header {
  border-bottom: none;
}
.voicemail-template-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header .modal-title .confirmation-modal-v3--title {
  gap: 8px;
}
.voicemail-template-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  padding: 0 24px 24px 24px !important;
}
.voicemail-template-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer {
  border-top-color: #e5e7eb;
}
.voicemail-template-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid {
  background-color: #b91c1c;
  border: none;
  width: 77px;
  height: 32px;
  transition: 0.2s ease;
}
.voicemail-template-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid:hover {
  background-color: #991b1b;
}/**
Design CSS Guide
Override Bootstrap Varibles

1.  Color Palette
2.  Typography
3.  Button
      3.1 Solid Button
      3.2 Ghost Button
4.  Border Radius
5.  Breadcrumb
6.  Dropdown
7.  Pagination
8.  Input/Input Number/Textarea
9.  Progress circle
10. Media Query  
11. New used colors
**. Margin/Padding
*/
.call-logs-reports-sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 16px 24px;
  background-color: #ffffff;
}
.call-logs-reports-sub-header__left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.call-logs-reports-sub-header__toggle {
  width: 170px;
  height: 32px;
  background-color: #f3f4f6;
  border: 1px solid #eaedef;
  border-radius: 4px;
}
.call-logs-reports-sub-header__toggle.global-tab-style {
  padding: 2px;
}
.call-logs-reports-sub-header__toggle .active {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.call-logs-reports-sub-header__toggle.global-tab-style div {
  width: 84px;
}
.call-logs-reports-sub-header__toggle-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.call-logs-reports-sub-header__divider {
  width: 2px;
  height: 28px;
  background-color: #e5e7eb;
  border-radius: 1px;
}
.call-logs-reports-sub-header__filters {
  display: flex;
  align-items: center;
  gap: 16px;
}
.call-logs-reports-sub-header__filters .shd-button--tertiary {
  background-color: #ffffff;
}
.call-logs-reports-sub-header__filters .date-filter-select-wrap {
  width: fit-content;
  min-width: 200px;
}
.call-logs-reports-sub-header__right {
  display: flex;
  align-items: center;
  position: relative;
}
.call-logs-reports-sub-header__right .export-dropdown-span {
  font-weight: 400;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.call-logs-reports-sub-header__right .export-dropdown-view {
  display: flex;
  width: fit-content;
  padding: 0.75rem 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  position: absolute;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  right: 0;
  top: 2rem;
  z-index: 2;
  white-space: nowrap;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.call-logs-reports-sub-header__right .export-dropdown-view .menu-item {
  padding: 0.375rem 0.75rem;
  color: #1f2937;
}
.call-logs-reports-sub-header__right .export-dropdown-view .menu-item:hover {
  color: #1d4ed8;
  background-color: #eff6ff;
}
.call-logs-reports-sub-header__right .export-dropdown-view .menu-item .menu-text {
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 20px !important;
}
.call-logs-reports-sub-header__right .export-cursor-pointer {
  cursor: pointer;
}.dialer-reports-incoming-table {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ffffff;
  height: 100%;
}
.dialer-reports-incoming-table .tanstack-table--wrapper {
  height: calc(100% - 47px);
  max-height: calc(100% - 47px);
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-resizer {
  cursor: default;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-content:hover .column-header-content--name .column-header-content--headText .column-header-content--colHeadText .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type {
  opacity: 1;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-content .column-header-content--name .column-header-content--headText {
  width: 100%;
  justify-content: flex-start;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-content .column-header-content--name .column-header-content--headText .column-header-content--colHeadText {
  height: 100%;
  width: 100%;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content {
  padding: 0 20px 0 0px;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value {
  height: 100%;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value div {
  height: 100%;
  gap: 0;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value div.dialer-reports-member-name {
  padding-left: 20px;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value div .dialer-reports-expand-icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 16px 0px 20px;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:hover {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:hover .tanstack-table--td .column-cell-content {
  background-color: transparent;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:hover .tanstack-table--td:first-of-type .column-cell-content {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:hover .tanstack-table--td:last-of-type .column-cell-content {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr.tanstack-table--tr--sub .tanstack-table--td.tanstack-table--td:first-of-type .column-cell-content {
  padding: 0 20px 0 64px;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr.tanstack-table--tr--sub .tanstack-table--td .column-cell-content {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr.tanstack-table--tr--sub .tanstack-table--td .column-cell-content div {
  display: flex;
  align-items: center;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr.tanstack-table--tr--sub .tanstack-table--td .column-cell-content .column-cell-content--resizer {
  display: none;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content:hover {
  background-color: #f3f4f6 !important;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value .cell-value {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value .cell-value-suffix-percentage {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value .cell-value-suffix {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value div {
  display: flex;
  align-items: center;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value div .cell-value-team-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value div .cell-value-team-name span {
  display: flex !important;
  align-items: center;
}
.dialer-reports-incoming-table .dialer-reports-tanstack-table {
  border: none;
  background: transparent;
  padding: 0 24px;
}
.dialer-reports-incoming-table .dialer-reports-expand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.dialer-reports-incoming-table .dialer-reports-expand-btn:hover {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .dialer-reports-expand-spacer {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.dialer-reports-incoming-table .tanstack-table--tr--sub {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--tr--sub .cell-value-team-name {
  cursor: default;
}
.dialer-reports-incoming-table .tanstack-table--tr:nth-of-type(even).tanstack-table--tr--sub {
  background-color: #ffffff;
}

.dialer-reports-breakdown-popover.popover {
  padding: 0;
  max-width: 100%;
}
.dialer-reports-breakdown-popover .arrow {
  display: none !important;
}
.dialer-reports-breakdown-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.dialer-reports-breakdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-score {
  min-width: auto;
}
.dialer-reports-breakdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-score .progress-main-score {
  width: 32px;
  font-size: 14px;
}
.dialer-reports-breakdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-score .progress-percentage {
  display: none;
}.dialer-reports-summary-cards {
  border: 1px solid #f3f4f6;
  padding: 16px 32px;
  border-radius: 4px;
}
.dialer-reports-summary-cards .dialer-reports-summary-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dialer-reports-summary-cards .dialer-reports-summary-card__value {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #1f2937;
}
.dialer-reports-summary-cards .dialer-reports-summary-card__value .dialer-reports-summary-card__value-suffix {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #1f2937;
}
.dialer-reports-summary-cards .dialer-reports-summary-card__percentage {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
}
.dialer-reports-summary-cards .dialer-reports-summary-card__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
}
.dialer-reports-summary-cards .dialer-reports-summary-card__percentage-trend {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  gap: 1px;
}
.dialer-reports-summary-cards .dialer-reports-summary-card__percentage-trend.positive-trend {
  color: #10b981;
}
.dialer-reports-summary-cards .dialer-reports-summary-card__percentage-trend.negative-trend {
  color: #f87171;
}
.dialer-reports-summary-cards .change-email-modal--divider {
  width: 1px;
  height: 60px;
  border-radius: 3px;
  background-color: #f3f4f6;
  margin: 0 36px;
}
.dialer-reports-summary-cards .change-email-modal--divider.change-email-modal--divider:last-of-type {
  display: none;
}

.dialer-reports-incoming-table {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ffffff;
  height: 100%;
}
.dialer-reports-incoming-table .tanstack-table--wrapper {
  height: calc(100% - 47px);
  max-height: calc(100% - 47px);
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-resizer {
  cursor: default;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-content:hover .column-header-content--name .column-header-content--headText .column-header-content--colHeadText .dialer-reports-sortable-header .dialer-reports-sortable-header__sort-type.sort-by-type {
  opacity: 1;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-content .column-header-content--name .column-header-content--headText {
  width: 100%;
  justify-content: flex-start;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-content .column-header-content--name .column-header-content--headText .column-header-content--colHeadText {
  height: 100%;
  width: 100%;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content {
  padding: 0 20px 0 0px;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value {
  height: 100%;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value div {
  height: 100%;
  gap: 0;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value div.dialer-reports-member-name {
  padding-left: 20px;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:not(.tanstack-table--tr--sub) .tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value div .dialer-reports-expand-icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 16px 0px 20px;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:hover {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:hover .tanstack-table--td .column-cell-content {
  background-color: transparent;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:hover .tanstack-table--td:first-of-type .column-cell-content {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr:hover .tanstack-table--td:last-of-type .column-cell-content {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr.tanstack-table--tr--sub .tanstack-table--td.tanstack-table--td:first-of-type .column-cell-content {
  padding: 0 20px 0 64px;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr.tanstack-table--tr--sub .tanstack-table--td .column-cell-content {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr.tanstack-table--tr--sub .tanstack-table--td .column-cell-content div {
  display: flex;
  align-items: center;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr.tanstack-table--tr--sub .tanstack-table--td .column-cell-content .column-cell-content--resizer {
  display: none;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content:hover {
  background-color: #f3f4f6 !important;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value .cell-value {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value .cell-value-suffix-percentage {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value .cell-value-suffix {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value div {
  display: flex;
  align-items: center;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value div .cell-value-team-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dialer-reports-incoming-table .tanstack-table--wrapper .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value div .cell-value-team-name span {
  display: flex !important;
  align-items: center;
}
.dialer-reports-incoming-table .dialer-reports-tanstack-table {
  border: none;
  background: transparent;
  padding: 0 24px;
}
.dialer-reports-incoming-table .dialer-reports-expand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.dialer-reports-incoming-table .dialer-reports-expand-btn:hover {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .dialer-reports-expand-spacer {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.dialer-reports-incoming-table .tanstack-table--tr--sub {
  background-color: #f9fafb;
}
.dialer-reports-incoming-table .tanstack-table--tr--sub .cell-value-team-name {
  cursor: default;
}
.dialer-reports-incoming-table .tanstack-table--tr:nth-of-type(even).tanstack-table--tr--sub {
  background-color: #ffffff;
}

.dialer-reports-breakdown-popover.popover {
  padding: 0;
  max-width: 100%;
}
.dialer-reports-breakdown-popover .arrow {
  display: none !important;
}
.dialer-reports-breakdown-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.dialer-reports-breakdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-score {
  min-width: auto;
}
.dialer-reports-breakdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-score .progress-main-score {
  width: 32px;
  font-size: 14px;
}
.dialer-reports-breakdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-score .progress-percentage {
  display: none;
}

.call-logs-reports {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background-color: #ffffff;
  width: 100%;
}
.call-logs-reports .reports-empty-state {
  height: 100%;
}
.call-logs-reports .reports-empty-state .empty-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.call-logs-reports .reports-empty-state .empty-list .empty-list__inner-vertical {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  width: 100%;
}
.call-logs-reports .reports-empty-state .empty-list .empty-list__photo-vertical {
  height: auto;
}
.call-logs-reports .reports-empty-state .empty-list .empty-list__content-vertical {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.call-logs-reports .reports-empty-state .empty-list .empty-list__title-vertical {
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.call-logs-reports .reports-empty-state .empty-list .empty-list__body-vertical {
  display: flex;
  justify-content: center;
  width: 100%;
  color: #6b7280;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  width: 378px;
}
.call-logs-reports__content {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.call-logs-reports .dialer-reports-summary-section {
  flex-shrink: 0;
  padding: 0 24px;
}
.call-logs-reports .dialer-reports-table-section {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.call-logs-reports .dialer-reports-table-section.dialer-reports-table-section--loading .dialer-reports-incoming-table .dialer-reports-tanstack-table .tanstack-table--wrapper div .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td.tanstack-table--td:first-of-type .column-cell-content {
  padding: 0 20px;
}
.call-logs-reports .dialer-reports-table-section.dialer-reports-table-section--loading .dialer-reports-incoming-table .dialer-reports-tanstack-table .tanstack-table--wrapper div .tanstack-table--table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td.tanstack-table--td:first-of-type .column-cell-content .column-cell-content--value {
  height: auto;
}
.call-logs-reports__placeholder {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}/**
Design CSS Guide
Override Bootstrap Varibles

1.  Color Palette
2.  Typography
3.  Button
      3.1 Solid Button
      3.2 Ghost Button
4.  Border Radius
5.  Breadcrumb
6.  Dropdown
7.  Pagination
8.  Input/Input Number/Textarea
9.  Progress circle
10. Media Query  
11. New used colors
**. Margin/Padding
*/
.bs-phone-number-v2 {
  position: relative;
}
.bs-phone-number-v2.bs-phone-number-v2--error .bs-phone-number-v2__input-wrapper .react-select-container .react-select__control {
  border-color: #f5222d !important;
}
.bs-phone-number-v2.bs-phone-number-v2--error .bs-phone-number-v2__input-wrapper .react-select-container .react-select__control:hover {
  border-color: #f5222d;
}
.bs-phone-number-v2.bs-phone-number-v2--error .bs-phone-number-v2__input-wrapper .react-select-container .react-select__control:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.bs-phone-number-v2 .bs-phone-number-v2__input-wrapper .react-select-container .react-select__menu {
  z-index: 1070 !important;
}
.bs-phone-number-v2 .bs-phone-number-v2__input-wrapper .react-select-container .react-select__control .react-select__value-container {
  height: 30px;
}
.bs-phone-number-v2__input-wrapper {
  position: relative;
}
.bs-phone-number-v2 .react-select-container .react-select__control {
  display: flex;
  align-items: center;
  padding-left: 0;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  min-height: 2.25rem;
  cursor: text;
}
.bs-phone-number-v2 .react-select-container .react-select__control--is-focused {
  border-color: #0137fc;
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
  outline: none;
}
.bs-phone-number-v2--error .react-select-container .react-select__control {
  border-color: #f5222d;
}
.bs-phone-number-v2--error .react-select-container .react-select__control--is-focused {
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.15);
}
.bs-phone-number-v2--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.bs-phone-number-v2__country-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  height: 100%;
  min-height: 30px;
  border-radius: 0.25rem 0 0 0.25rem;
}
.bs-phone-number-v2__country-btn:focus {
  outline: none;
}
.bs-phone-number-v2__flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}
.bs-phone-number-v2__flag-img {
  display: block;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 2px;
}
.bs-phone-number-v2__flag-img--control {
  width: 16px;
  height: 12px;
}
.bs-phone-number-v2__flag-img--list {
  width: 20px;
  height: 15px;
}
.bs-phone-number-v2__code {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #262626;
  white-space: nowrap;
}
.bs-phone-number-v2__chevron {
  font-size: 0.625rem;
  color: #9ca3af;
  margin-left: 0.125rem;
}
.bs-phone-number-v2__divider {
  width: 0.0625rem;
  height: 1.25rem;
  background-color: #e5e7eb;
  flex-shrink: 0;
  margin-right: 0.25rem;
}
.bs-phone-number-v2__country-picker {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  width: 17.5rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1050;
  overflow: hidden;
}
.bs-phone-number-v2__country-search {
  padding: 0.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.bs-phone-number-v2__country-search-input {
  width: 100%;
  padding: 0.375rem 0.625rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  color: #262626;
  outline: none;
}
.bs-phone-number-v2__country-search-input::placeholder {
  color: #9ca3af;
}
.bs-phone-number-v2__country-search-input:focus {
  border-color: #0137fc;
}
.bs-phone-number-v2__country-list {
  list-style: none;
  margin: 0;
  padding: 0.25rem 0;
  max-height: 12.5rem;
  overflow-y: auto;
}
.bs-phone-number-v2__country-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  font-size: 0.8125rem;
}
.bs-phone-number-v2__country-item:hover {
  background-color: #f3f4f6;
}
.bs-phone-number-v2__country-item--selected {
  background-color: #e6f7ff;
}
.bs-phone-number-v2__country-item--selected .bs-phone-number-v2__country-name {
  color: #0137fc;
  font-weight: 500;
}
.bs-phone-number-v2__country-flag {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.bs-phone-number-v2__country-name {
  flex: 1;
  color: #262626;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bs-phone-number-v2__country-code {
  color: #9ca3af;
  flex-shrink: 0;
  font-size: 0.75rem;
}
.bs-phone-number-v2__country-empty {
  padding: 0.75rem;
  text-align: center;
  color: #9ca3af;
  font-size: 0.8125rem;
}
.bs-phone-number-v2__error {
  margin-top: 4px;
  margin-bottom: 0;
  color: #b91c1c !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}
.bs-phone-number-v2__alert-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 7px;
  padding: 0;
  border: none;
  background: transparent;
  color: #b91c1c;
  cursor: default;
}.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:25px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZgAAAGACAMAAACnYISRAAADAFBMVEUAAAAxQ5cSO5wAOJP////OESYBAAAANJgAJ33SDzT80Rb/AADKAADzKDgEfj3bFRr/zgDoDi4JhQHuHCYAak0AlEIAaDt1qtv/3wAAN4rdKBAAN6lFjdwBMnwOrS3cIyADh1EAVqVLsdjCKC/44BUBeV0BcsIEm0oEKov84kLVBgcAH6UCrcoAZsPpKjv+yAABAHYAoVtysuEAZQAetTrfIA7VKCQBKGXoAxLiCxcAc89ZgbwdRIoLSqn7+fgCki+kMTYAAJcAAK0Almy/CS/+6AYiSaYAUMPiPShkz//vKi0MHIy1Bwb9mgQiXjn88u8AmQADUpP/xyIxjyyHxuMAot7p6Ob9uAs5XbXUIT352gHFCx4jnkQMsF83lQT2PzNwGT06dMQAjMPhFyf1gQPdG0c1qDQAcijw9fjrhoivGyfFICYAAM0Bf/7hZmk9dir65OWNJCrTrjnwsSwmQILmVgUAoeHUOkn2zM3fOwh9mcj/eQDRyc7+mTL//wAHaajh6vPxsbKpstft8e8EOLhJcLQCmbTW4O0AAP/789j51tgfHRDphSjivAztj5XkcxHd3Nn821q2t7jyvcCUlZPuxwuTy6fsoKTqS00CcGlIZaLQHR7pYCSip6QTOIbozhy0yOSKvHblcn3xVmCOpyKGg4ZDNwXaUmGtWxZeCA8ZnQJYVFSdx+iQpMfIgozTqVK/pRTA4M40UmvVrBECVj0yWpeQi1LEPi/Psqx2iqlqvHywnztjnNl0dnJIk0746Lt+CRNhaWCBfsGo27jGYVfU7N+za2uPVj5taTLcRiOUgRcmqr/H0eVwrafOxBVmVwljcawxBAjmypK6nGYzNDJaRC+aDBrg1bhETEeDbAxQs5q9toe74fX86ZVDs2HA17iwjgx5xZbHyU91ukbGdB3tvnnOViLSihZRuICCMxAyHnWquxxVX4YohdFvlUWXWn1OeofpwUrliHQaOVYscBxonhhwk3M2lnmJLU9mMnChv1o4g6QRPyIzsqcmCFcOjBeew94WAAAABHRSTlMA/f5+Mw0WEQAAUx1JREFUeNrsnAlMI1UYx0fzCoKgKBKMwSsYb0EJbjDEkSgS41WPDdatxjOkQFJgJSkhVbvbIIEC4gKCB3LstliBFiW7gNDAChYlaoUqSGC9VlQQLzyiiTF+rzOdu0wvvDK/zs61pDD8+L/vvccLhIKCgoKCwo7xwrnATYZzMaczEERKyuy5FAjRJ7MpKQShrzLV6C5NUNcY9eWIgQgI8nMyEMTHF0hCBORkETJfj4jwPh4hXdoVPNJ0+P4rPoqKYCvCe+o68PukSQKf+NzknJt7Ex842JGTnMwV81ZKStkurphdZSkpbxGExlGMSBCzr7hWs6NiNLD9q8UgtJvrZTdCjJieV3uO9zw7/WxPzyc94Yt5oCM58WDyAwdzeGJwPk7JY8XknYIzRH8CEIOAnRNTU615p6a6WzOoCVUM9amIgFwjSehivjXBofZbv5Zva+HSlEaLOT49/XpPD3g5Ph2EmAmukgm/mJuTOx7IKa5PvrkjORkxgJhz03FE/GJwgNLPBTEJHBBC6kkzGXUx1YO5+wtqCjQ1mv2awUE5MWItOyImAeB8/Vdc2A1H3QTlZUIHF90XXkGLKXp2GsIy3QNyng02MRMTqRP0GS2mNzlnHyrOOZjBF8PYQIhxJBTzzv4lqxUNRltMTS7ebxZcC/vc3OiKQZKEIQZskJSNKy4cgBMyFW75E9MDr+NFxzFBiZkYyErNytqdNTDBacqSk3Oa0EEoMfymjGm/EGJaNbopUydcinwcMx8ZrzSad6TGHHYe2QyixlzPAQHUmdzXQxZnFO8jIxHDtl/fQquGD1cwYljuoI9StRDjF9M9AF6yBnYPdHPEAIngRSiGqfgIMf0AEKOpLd4HYkhU7NDU3bWyMu6t/hWhUIozRl7MtS6n03l4p8QUP1KOUPk+pA5STAIDI4at+JgB6jpQMmTETKxmpQ50d69mZa0yNQZJEvh+ud5YA2J0NaYq/TN33dX6qKH7yIGoizl82OUEvIevlRcj1iIv5pEm2NV3ZNRHKAb3kalSIxZjbJYQk8NsXDFZ3QO67qxVMiurOzVcMYjDM3c90/rozP6xH6IuBmvBeF2HdyQxjxRHV0yaWEzhBx+Y+WJABpccVkzqaurqQJapNhVO/GJO5yDflInElD/eonv3tegnxknj3aGmLEMNpTKKTdlucWIOHEAM8jUGKozJlAU1JpAY+eLPcuzYj/VrpM70Q7SLPxuZTTkxt/FAAD7KFv/ejqaWKBX/NHpIs32NeUISv5is1YEJXP1Xs5juMuIh311GHCYP/Vw22tI8vT/aYoBNJ8ZaEKaYne8us4MXdkgDYlSSbCtmwmeme/fubuxFusbIDzARB3J87/iR1aUF0w6IudbqtG66CkISw6rZ+QEmZ/DCDmnCEUMzkeUfYU5IN2XyUzIsOzpX5joCPbJ/kRjB83IGL5whTThiJvDGAKdiMfKTmH+jmOc3C8IQA/w9k5gkM3h5ktMPCEOMEOnEyE/7Iw7/hmn/f0oMLirCaf9IxbAQCgoKCgoKCgoKCgoK/x8CDawuo9hDE0fBDKzu4EMQMRS30jD352MkmOevW4tlCDRwCzydjmhO9YFoAr5PQFIlIYgrxfz54CJBZEgS+LlyJfkHxWgZGxYLc6rlr1v7T4n5s0KrLcViEoUbIPFcuYyYwdDFkM3NowgwmlEhyYi5PhpiVIv0/3hsNg99uqjir1sTi9GqShZVqsUSlfbfJebPB0u02r59ahAjaUbiuXTVtJgx/VhoYshC40y+1gEnDq3D3YJQoU/M9f7EnHlmRGJUdp8Wy9Dc3JDFp8aOv0EJHGI3KysHxyorNxkxU4tT81OwLU5FQcwLuyIWw1oxtJc3r7gpMYIXwH8uXlM2qE/u6AwtMaOj7pl8AzKn5wPNqHeUn5iurpDEJKSXanlitFBmLDHDjfHxjcNwAg2ZSAykdG2SRCQrxh4zNT8/FWOPhpgX459+IWIxUFi02vTe+iX3+rodixERUIxGRyWmI8TEmI2k2ZHvIPtAi6pKNzpj5NYY+HW81+kUiUF8WDGlIyMjhlKuGNyY2bAXbMYGDRnc4q9bizWp19bqF9QmrhgMR8z1knB/ot9/nz3ninn77V2PPS0rBjGo1dznoqz4Cot+H0kWrgOz5kC1WfBcsdWUGarGdIZYYwrTSTK9xOELTHphk8FB15jr8dbl3WpoaHC2BS1mpnRrq3SGIwawWzxz8T7mPBa7CuCvW4s11W+1lDdURSbmhBOkxdxzj+qFtl1Bi5lcWJjkiaELS7uaBEbdWIwxkBjBc8Wi6gh6ZWYDMuYvpvsaMvfoqKGd2yvb63WCGe9ekHJvMGJGtka29LBjxWA0FzJoVBj+urVYU1XV2kLLWrhi2LDAmVDMrpERlarhxWDFqBf27l1Qs89FFZamctKHudA8u77ubg5uPV4sRW5YYs4557oPy8ryaeJUFT+fA1CJAdqcDQ17Q0iMoSl9aya9ycAXk8eKyaO/QbFcTHVra5OTdayYRbsdKtO83b4oL4YNC3sGX4+fTz30DhOMmMceWwsoZmEJodl1IwosJlaC8MQAH8bFlWAteWUl+RXX+cX41HR5n24YbvB2BStGu6XX6/u2tFwxwO9+L7+rpMSMmUy1xlrTGCtmanHePj8PBzkxbFTouAjF2Bo9MZZGCyNGvilbC9iUqdecS5PjK0hOTEGBSEy8JNuKAco+zK+4uywOpEB8uIkBMRixmBg+bI0xNPXq2w38GgNUIR9VKkkxZ1PWzuYkZgr3yqbYxNwmCUGwUcH/xGJgWDu3POehr8Iq/gBV/FtI0ukcH19YIgP3yuBpTqwGToxGYiAzoOScsvwy2LGJwezpAjWNXXuCFnPrSF/fyK0iMQYSAaSBFSM2czZngKnFfblFOMqICdhdZgPz6aefztnoq0i7y+2Ta87xpTosRnIgQz1XNfIXfXwRfmKuq6j4ENx8WHH3OT9/WHEKmxjIDAwv29pgiBm8GIxQDNCLgF6VpBjgpDvvPEkwJWO3431kYgCLx2OJ8XgiFcM0aS243DBTMtx/ibQYzTsIvaPxe0HVYScGwpKCd9QpkxjhyP/eCMQALQi1qKTFSM+VabURi2GxRUEMp9xQYgIl5sTu7hM5iQlfjBjJubLIxNyrVt8bihggUjFiojiJyU6RsUdaTMGJJ3Kqf7TFAFEUA+j1qv+DGJlp/xC7ywoKCgoKCgoKCgoKCv89zqdIiotLOp+FIB6WhCBOGHz+xMrhtiQuF19MECdR3EVDXxLEGZIwA71LaBIpCOJmSeT+7oC6RS8YeMK9PhWPvnL88efRxPMI9P789WAJDARxgSQEcbUkBJEiCUH89NTlEmwr5il4MRu8KDEXn/S8Kbey8d8mpryqVyAGaOfeakJIRozOaEZq8xJAqum/a8FfD8YTsydcMYcOccXExDwZohgxl/vEXHzCfsgMNpOJX/8SMe3CxHxshtv1BhWNoQouzV9vI6bQ2OlqRiveccC7hFpdRiNC/PVgXDGTx5655AKwE6qYoveSkt4r4oqJ+SlUMZcLXgAWw89MsGL6Z/tv3zkxLfp7BWKys1+F+2QvTMeXt/TpSbh4NTt7GzEHXK7WNfXouA/y2IrVZS2E90+QxPd5yTqfncavQhBzKHN4bu6rzEOsGMDyVGSJocXwMyMWMzwsFtOfAd/1jP6/rykDMdmfkYgD+Vn2dmLIVhAzutTsda6seFcKFzqtLpdRKGbWaHTnGY2zlBgA2/GOgJ09e4IRU9R4T//GlVdu9N/TWMSKAZ4LXsxpNB3FB09jwWL4mRGKWX5s2fPYskDMR4kUH4Ui5oEHuGJukCRwU5YNfPwmAkbdWNCbH2dvL8Z61NrZeqB6LG0M1uDt7+xsdR01CtaDJbgRKllEyA1izH4x5TMz5eq6Y8dww7YncKcALNz3TWZm/8bGxp8bV/ZnZn5zHyMGsP14CRcQk0QDYjgwYg6WH8wQiHmJyYyUGJvHBptAzEgihSEUMQ0NwYupl2jKMGa/GDNcbCsGNbtcVmtrdWcarL/7dczaaj3aSQrWgyW4zaN5FY5CLMbykauzuZBEjnTAgUgdAjvPcMXMvdXFE/NLY2bmY2NjY4NjmxtXDiVlNv7CigHGBWLiJGHEtDSddlpvfQdXDDczYjHDtuVl27BATKKf4MW8GA+8KC8mcFOG0SEanawY8gB46fz++zesm7//bm1tdbU2C9eDJbhrj/z67g/vYDExmPk8q9vocJAO9cw+hGHFdH3x3a9fdLFi7h7KzMxMmtsANsfGKmeT4HLobu7vh8IQU97BTwybGYnib4Hfo98Vvpir/BTFxxcxF+E1ZViMDtyQZkQKxZzGA7+P8ai1dWlXRkZe6aUJ3k+g9iMkrDFux8tvfeSaocUAU3ZYR/2bdcbdhwRi2l5+/deX2zhi3sNiZq/EZv6sHPNmAu8VccTMRdyU8TIjFuOxWDx3hd2UgZiLfK+rjh86dJy6CEJMS8CmzD0DjVme2SwrRgd5WZp8w+V6f/PopnHyQKfLKCGm9chsq0/MnMdmgRWh9rx5WINYYq842mosZMUAX8y99QW/KWuDjGzQ7M3MbOM2ZZbxS7iEVfxfuoWbGXGvbHkZdtLFvz/4xFyUfdVV99GnWMxZkvjFkOqqXuniPzqKULODhOIvIwZitYRQrabmIY2mGqHCQtIsErP++mzngdmP10HMjTde0DU0t25f31Va+rZ93o6/uR8cZcXgroB08ccIi/8fTwXdK7tfEhADZniZEYkZGpLvLssnhoI6pcW8INrO2rYpe13cXQ4shlpsSaIBzebhNB2cqpGoKQMztrvvttn8UzIgZ7hk5O2Rkil27cApkoAYzC/QXb6S6i5DXFgxMMSMhhgmNFRmgh5gwj6ExOAXLzEvSJhhmzKDSMw0Z4DZix1Ny4kh66BrZaypLsRHJBYD3Orx3MrOleEa/yXw1dCyzSIvBvgm86vZ2a9wXFgxMIqJhhiwAi9eZiKfkpFPDNYQODGovKpJMCXzJn9Kph4uzR9vKwaAJf2fA0M/1iFWzKX+TXoSMz4eogPhee/TZZuMGKAIfpAb+VMyTwY1JXOtrBhshtrRmWmLXIx8YrAVcWgCN2U4Iu1x7J24dgQIxCQLxOi83iV1XZ15xTnKiJEExIjAdmTFiCcxcXmJSmJ4QGbeyX0tumLEyBd/ca8MZOkF0/5QNeQSQzIVKXQxGFkx4mn/y6UgFBQUFBQUFBQUFBT+Yu9cYNqo4zhOliuVDqc4HRPFB3uolUydoSbSNCQqqWRaxyYCTlDBpECsnWO8skU6hgsEAddJK+1QHgZfcw8UeehEk40hY0EUUaaiUzRzjo3pdLqY+Pvfo3f/u//1+kDjkvvccW0vGdB+9v3//v8/91C58NhARP6Endr6dlhqo3HkTyy6GEEJoHfIX4j7SSmtL8EfsuLj4/ftiweigHgOycDt+5sQdREI4r1R8hkoltsY8OPHLvIREXEVi/hYg2UMGhYdg/xA+FIiMDAnIiOmziwvxr5wBSz28MXkHMk+kUMUMyLWUmdAYt7Ys+cNqRiil2uDFYMfPyYSk5kZipiNG+dQzPQs2nrNfsTUrkiDRZqYKxniV1dXVFSvjmdf+hFz5GxOzhGCmJGRl0aScS1IMFjo6lJKDHh5HnkJSsxd8IUfPyYSU1ERnJik8o1JcXENDUlJmJhbxEvAYmbHMjIax8bOmP2JscMNM91pdhkx8dXbpxDV8VIxBQWYmBdOXIaJyelgxJw8pjt2EtMCBNaUfQ9akBdMDAXIiwEtCHxODBOTbKUoa3IQYsrj8vNhE5e0sSGAxFBEcDHTGRnWjDKH2xxgYvTsyouJb56aam2daZ3aC2ZEYtrnz2/HErP442wQk3Mi+6WOHCTmLNuUHTv2l0iLp07wBpAYwRsQt2PPg5dgxAAkMc2jo81sYjIpKjOYxGx8aPHih1A7BmIUEhOgmDFro+uMqx6Jkf8HcI9ZWGSaMuP2qYnumZlDPVN7jSIxloXw0Vgswhrz7ZGcy3KyF4MQltdzkJiTT14t0qLTyYvBvTwPeQlODBMZ7PgxaMp6m1tamnsZMRWAPzEGAyYGknLPPdCWwZOkABKjISIUM7thtrFq4ozTipoy+dOuy+imrIwspnqqp253a/fg8Z6pakxMe3tu7vz5ubnt7aJe2YnFHXQ7loO2Zzvo4i/R0npSUQxfXzAxlA+FxGDHj13UjNICW1pMKqz+xDQ0iMQ0wPdPwss/iCFEJiAxE1UZYxNWp/NMgdufGEgMIJeYiqmqiZ6J6aM9VVMVuJj5LGIx2YtpJR1nueJP0AIVR0kMX1+CF4Migx8/dtFoCxLTMhpAd3koXadLH8KKf3lSUjnKC5T/8BMzXTnhzMiospnj4syBitHDKhZjgis2wpXwTCIxCzkxCy1SMRxnkRiSFiRmDQcS43sBYvD6IitGqSm7SIBQjIGIIDFDOt0QubsMWngxVxJRFjPRaDObXY1uN+TFb40pc7cvbHfLNmUHGptGRpoaM0RNmT2X8ZJrJzRlHDlIjFSLghi8voSQGIIYvilTFuNtaPCSxDRA6Q9fzGxGY5Ujzn3GZXWwYmKJ+Ir/Azhc8d/b1AS35f69SVL8LblMXihcDF78kRiJFmUxeH0JuvjDgotBWUHFH3JDi4kTrbgYA6zkkX/4YqYnGgt6bBCZOHOZ0wwod5fJYuKrG6c2HW7cROguu1z19S4XJRIj7S7jWpTFiOuLshjlxICZd0ZH34H2TDkxNCGL8d9dnnbU28wOl5lHeYBJFgNm9jIDTMLI3+n0O1d2lhlgErQAguKJxAiKJ1ZfQksMrPIjcCYk7IbLTAhiooj4FVNng6SY7U7WSTiJATNGNCVjjA9GDNaU4VqUxUjqCxDClIy8GBJzKEZ+SsbLqLC5zTzKk5giMXM3u4xrURbjm7cMUQygIIaNSbmBe4j7T8QMmUkoTvv/a2JwLcpiOC9hiPl/JkZFRUVFRUVFRUVFReVC49yNJOQu4Cw/IDJedwUB+bmgXiuFoXTB6m0rScAAlgYNXIVERCxi0ekiIymKexURcQcHBWg4sBOOsN9nMZGIiDuJyA+0B2Te15JDa66RAmI0d/8sJ+ZKemWfwMqK6SWKuVm77Ip1C/jliv0z6/yJaXnncFBiKOubF7SYaKIZ+rT9lENEMRrNOaIYTgcs/ApiKky7aBd3cCuCvrT8i1csEKp5eoYkxlJjYsS0GHcFJYaitoUips5bWGhzBi5mPAVOCnSZ5l5M9OdyYpCbp6RigCwnJcJPYpp3jV7UjMXlDloMcOV1vJqZjo6OdVIxY9M1bGKA0aqgxEBoghaz/u689evzCtcHKGZRIfO61C4Sk9318eD4x3uywxATvUpOTBoQNbhGIgawWSRiWD78UKCGqTHvNFc2G4VaGDHAVSg0VzB2OtL7hWIsH9RYaqY3T5soToyxxQjNWRBi2NAkrLz3vXthG4iY9YXjUUuWaMaLUgITA15Sxu12V2epWMxzLxzak/1cOGLAzCckMRd7N3u9m3NjYqDc4GJKS1FoSGLAyr59sMWLf8thaks825jxNYbBuK4/HYwgP/3p/bwYS00+0DDG1xhjvBFCU2GihCjecJQPjYIYHWIDTOAaTp3K0kRFbdAhFMSMg5f7ocZYLK5aXMwLHTMjIzMdL/jERBKRv3VWNEIvbpqQmM3eGG9uGmzZcsOLqa/XiCsNIwassFu8V7ZlV4W0+LN0z6bP7u+H1Kzp55uymum6zbSYWZNPDJhBbporAxZTW8uGhgf2E2HFeMcL87Le2FealzI+JL5a7Kbeg9spDlYM1JfxBQuctTY7JU5M/+ntI6f7swMWY/qgpuYDEy4GcKBT32stAjG5m2GFrw0xXLlhxdhMzCnxWPeM/gFff00hhM8YMS2wQFhETdnWj7aCmNn9M2vWwGZmZg3fXZ5uyEfUjY1ZfGLii1teRGaMWwIU48jNdXChURYTiShKKcrL+ujt9XlFS4rE/6NHXjn1u1gMfAqLFiywR2naaiVi3v/jm/eDEGPZPT2924KLQdRTHrvLJRDjrQMx3piLN6fFsEC5oRPTSVGdGpKYDz6gEMJn+DgG75VdlboVzDzdP7Pu6XS2zvgSk9+AvAhvV0gHphg2xesv4fGbGPYPblV9fJFUErNEE5X10b7xvKJCiZidg2/IiKnVaAp8xf96htX9506fPte/mn0ZiJixMZKYAhDjdArFQFrqvDFpG3xinhi9mhZTUF9fIG3KNETkB5g3g5StydCUpafvn+1nvPDFH240Og39ZJEYFJh9RZcEKMZUW2uhL9VzDY98jaEQtvGUvLxzl3+WVzhuoxACMY2bNjWSm7Iye5udwsQA3d2vvtrdfX3gYsYAqRgXJL/TbhI2ZRsurttcF+PdcDFj5VTy1VczYrLQmuWghMiLuYcIiIGGbGsmXWRmu7khjU+MdZuVAkwHqkQ15lEP6PDQC0LhdAU8LspiyqDqF716CG60qnGK3xcF3MEhKv4mKP4iMatXDx5avZoXQ0nBxdfALW8DKv5QYLze3PRcpAWs0Mh2l2VrjLyYTMYLwA5phImpGmk6YDIdaBqpxBJTnEJrYfEoi4G4YCh1l1OWjGuK3i0cL2S7ywpiCN3l630YjbBRFBNJhO0u/yY9xgFseCExdeCldBSUYGIgLiIUawypV3YVKv7wxQ9p+O7y3qaRAwdGmvZSgsS0fME2YxpwoqGfyZ9HQoiLshg0kGEHmMpiyAPMhURCErPq9suIYkBNGiosAvxNyfCjS9hy+BWz9SrYoEdGj3GBcEqmam9l5d4qSiCm+ByY4BoxvXximNMVCHFRFgPUDcGUjGORghjplMzci/mceFSQr7Bg+JvEBJjRJWwDErO1IhUZ4dFe528Ss7jwEga9qMYQAgNiCHEBgp3EVBYDUMDcizl+mZwYsCJGedqfs6IshsSL8m/gTzCBoVD8IS4XtBjwQhTDFxZMjIqKioqKioqKioqKyoXHw0RggEZE/ngzigauu+PnPpIJPvD9wu+zkgj3/ZenpS2nEOJpeYoll0H+wtqdlqpqLYKCH56qBTJdHhc78PR6hRtAMJCcD5BmkWMAxVl55dlonH9dDH4dMF4Mvv+/FGMzlFG7hGIqbIZa7gMdGsI2cy/G7nC0lZa2ORz2sMW8CJeef/ZFqZhiNItWrCQGvw4YLwbfj4uJZZe1a9nnQYoxc2LuwhdGDOSjgNqWyolJ3W5oM1mr0Qe6/yUdxkv7uQ9UIxSjEX2g9y1del/AYizuFY7oaOcKtyVcMc+WlAwPl5Q8u2jR5UIxNxd3a41GbXfxzUpiogUkJJ+iSU7A92u178WePHnyaiwxb1ZWsn/cjw1GjFkhMdp520tL7dZkRkx1gcdBHU7Vog902XUnhF5OXLeM/UDhg+XFwAtRYpYuDaIpW6J3rlpVpl8iSp7DlpVlc2BibiECYlgvf5dM9sHmWSwxfFSKgxLTW75xqCE/7hWxmHnvNb68JXb5PCwxVivzHAglMUTo3z+5zeOktiAxW8ARVQG7aDHLlkFofHGBlzKJCUOMPWXA+dprzoEUvCmrj6Kpl4h5rqvrOZGYpYhjJSWJw5OTw4klJcfoHawYyAsDZMavGPw6YAm97rqhIbe7NwHfr01d/rLFsu1kqjAxqCkDkJtQaoyOCPP7Z/Z42kxIjKGAqszU8mJQaBqGhhpQXACFGkMUo/PR1SW9ybbbU7TC41lR5HELv48jisUhEvPQT6+++tML6AmsQjGTw32Tra2tfZN9w5O8GGLxjyeCXwcsYWTH7522vp1rE/D92nnLz58+fXo5X2PepI0Ab3LFfzkDiBFCEGOG1Y8YCsEXOBZazDokYxBdf2yQO1dc/uCQGMR9aANiAOawMOHP/fJL6c+t1+vzAL2+XijGxomxicR0/XD8rd1dXFoe4sUkPjjZ1zc83Nc3+WCiUMyHRs6I8UO/YvDrgCXE9vR0dh7tATHYfu28l3d0d+94eR6XmLWV1rX0o7VyLSsmjUjwidFHk6DFHDkCMn5E1x/7MUAxSwWIxHwbCXwrFlOg10d//nm0Xl8gFJPFicnCxUBgxne89QMI4eDFJE7+NTz812RiyGIShPRGAU880ZsgTl7sjk8/HVnJFv9YTkxsKGLM/sUQvehpMXt+ggasCF1/rChcMcCeyMg9OomYgU+iIyOjPxnwiYkC7BSLnTPEitn9w/HBH3Y/RGrKhoehLaMf6B1Bj2NwMe/1lHV2jh19TyJmdOfOna+MMmKAcJoypEapKeMKHN6U0XVlEF1/LISm7D6xmC8Byc+1DQysOn581cCAjRcjKC0OoRigH9WYfnLxn2ydhFVU/I2BF/8EjJcpW+fSowkSMb29Bw/u6OVrTCjFH0/MY0TY4l9JFRiQGFObp0dS/A2G0Iu//MBc76N8I/+cEdNGsbRhYsjdZTPN+ZLJxETomJWcZ14H310GGyu5FfiqvbQpQSKm+egrmzbtPPgLlxiuuwwPwY/8FcVUUPbS0i1IzBbK6WlLDrK7HK6Y/HxcDN9Pro/i8DPANHNmShITS8CLUAyADTAVE3OvoMz0JkjFGHegu4G/b+QSww0wQ0uM2a+Y1MOUw1NQnYrEaJOt4Gj7vHAHmLiYy8UrLmZjOS4G0eaw2x2Ql0DFAAfPP554/iD3KvgpGU7LvZge+Vq1EoFNyQSbGLffxFRbTW2G7alaRow2dRtV4HFlhj0lQ04MOAHEYvCmTISyGCJhFv+VgYjhG7DQBpj+E0PVGmww1mfFALuoMoNt7maXkQ52AdCjSExc/v9QTECJwZnrGuOCfGh5MUB1laVz7maXF5HAxZQHIEZFRUVFRUVFRUVFReXCQ0PEt1/HchdDRMS6HBIREbcCFHWrCPHxYzf++uuNzEByLQPFwr6EE3mI8L+neBr/je8euUGK3IWp5a8BcwkROCGLiOJBF8+wKN7A5waGf9g7E6ioqjCOj3WB5BRBtlmRLWa2YZ0COkEvKi1acE4bBtppgWqgDmJp0EQlTEYMm7KHmAgicJByKFYFJRZXUBIUEReMgMrMRK00q+++fbkzbwbEljO/ebz3Zk7pzPv5v9+9dx7vIZb3GGwScxctZsoztohRnD/WOeykIuZRAhbEdCTGmIbusiTG0/P/LeY6eICY+z5UE4NEKM4fu6Cr00oxj/z88yNWiHEodaxCuqYhs2I8I2L9rRPjCT/V1X5+9Rt/q4ZnvJgn8AKwu7aKmTa2YhjwB3vYJjEXipg6f/7Uzs6Jle5WiBnXunp16zgrxDjsclwFF0EzZO0nivE8hrT+nlYnpv70S2UnGxuPsp5Gn5hpY52Yu9jEwKeYQxKDeO4UIRXjNL/Wu7Fi/o6JVoj5efXQUNPP1ohxmN2RePCWfVrUAuVGJgaaschobY7nVZ5WiqmubW1ubm1ttdSUPXFOEoOIWEgMgC9vQSWsTxCuDmNOjOz8Mafbbisre+gJiRidoYVSivk9v2nOUFP+7+piMKWO8PX6kvUUgnIjEuOZcyzHP5JKD4uOPsaJQZjVqxEg7AnvPzLHqC2k0ov5z8WauA0hSocQ16iZPW6CGP2yZfrR1JgniFhIDPAThRAV2JS1WCSG3JTJzh+rmD+urHHcn6t8BTEtTQl7s1oUYn7u7a3r6+39WSwmPNycGNycJTtjN7jcCGIikDY9NhYas2iU7SkS09uLAGFPOKDGMJoUQQwLQidPghjASjFtVVVtWMy0MRYjJAZYhxDS9dUtRGpiZOePNVYMd3dXHE70FsQcMCXsXmFSiGnt3ZaWtq23VSRmV0fHLrIYYHap4xZnzD663LBi/LXR2mM5hceiI7Nz+MQIYSEcUG1kQWFkTlikUkxcWlqcLWJ26vU7z3VisBiKioyklImRIf1CbGJZ99ETJ2prE/8UxJhWBO7+tsUaMQ4dHbC6WYJFMWCmMFKbnpOTHuvv6SkXA2EhiZkUGz3JmOLPvz6eBR3e+NthxD1TF5O294or9i4TEoOInOXE/KSDwODrfRlsE1PR2Fl7ZGWut1gMdeTA3iOUsil7rNd0sqdH3JTNDg+fTRaD07TqS3lTBkDNP5YSG5aOwjytrDHa2IKI9IiwdIUY05FNm46YrBezrO2KK9pADDAyMYiI5cTQTVjg4sWBqr8ZJRVT1thV37bC171e1JQhymAgFf/TbbWnjxYpij9ZzAbH7aTijxuzyEiUHRlthH3LNWYqS3lYQXpEytfsM5GYAyZYBDHXESH0yqbBYyRi5hKxmJjfPBVoNF8TkYoZ7u7qOtqTVlTkrd5dbu7raTvU/KiKGMvdZSAWRRr9o6lo1e7yVI6M9KXRRVMFMVJsFwOMqRghMYc9PSeJHrBgMXcSkYrx7uwcHr78cEWZuxUDzJ+XLGkepyZGbYDpnxKbAsPL6GPqYmSQxfybE/O8l6fnBMkDzKg0ZRxde7q7uzq7vp9qzZRMK0zJqIlRnZLxBKBBgz2bxPyHEgORYSYxb/T0pHPCbyaoNWUCw4PdTk7ug11WT2Kqi1GfxMR6/kExEJhzkhhCgbG2KQMnXd4w9Q+rkUz7k8V0WzXt/x9MjB07duzYsWPHjh07duz81zA38HEjotG8T8T8F0FziGg0E2mQlxeaKEKjuYwBsdzIoNGEuGUjhoQExBDrEaLRBAevfEbGieBgc/edtPVC1uaPw4NE+OOwlF4tXcofh5VPk4ABppjXlmeucsT8e8RMVRNTEBLC3LJj/S+/rEcAFRESUqDRbAkObpd6+TE4+CC8n/COf1KM10D/QOrggBd/HJ450a4q5kfnNYmOnJiPiJxbMVMZNVMticH58IiGV7IHFuDsRMPTWHxAt2cGLz8hisvy4MztjvT7KR2BmE52QxAzYYL1YiAtqcmDA6LjgP/FWBbzWrvzHkfHxH9ezFReDN5XSww+gSUkJAWhlIEBvA4JyYlkDmjiGlFztjI4+Ev4bMz72WVBjDEiKirCqExMo+O8eY6NiQoxj+MrZjxuhRgiIAY4kWlBzLfOyauKutN4MYhHp1M0ZUFBbh4FzW5uk2BnhGKyiFisMdeRxdA2CiOjBwaitYUhIWHCAd3DN2ftwcFbHAH2/czuMCcmezpNtkJMd2lEQWm3oinzD8XXcgn158VcyOPlJeyLjsPAoCwxDQdaVjSZm8Sc8yO+LFA3onBWE7+UiFm3TiEmpPXzmL2LPdy8Pm/m3pDgMT/fQPhqmX6NovjXKQ4UGYkoDtuLP0Js+5VuNNIb8QFdlRwcfAL/iwzmi6cDQxhF/E7eOJ3FKH//2icLCp7Uymvt46GuAYBr6OMyMVFwO7gU2NwqF5OaCQyKxDToAhtMz6yQvx++6m+Ht52GdMs64WvyWSIxep+XX/bRy99QVLNbkK7g3uLP75WLMZTHxZUvVIhpMSEdSGsyyT8wlZ6dna48QRDEiFERg7S44odBcLTSf+mJB4ODf4SqD8WTFxNVEETfO4kkppgTU8y9/iTLrl3Fxbs2cM+445A3a1ZqXl7qrGl5UjFesXBry3S4J5yXTMxAZqazc2bmgCDmAFqBM91gIohZ6QztL3yKxM5l8FGck5aKxOQ/r9M9v1ouJsTt3uLduyM+L3CTi8mP27EjLl/2gcFISxbE1dTXp5OJiQ6LzQ4T3WbQi4iKGCA7BMhW1obtwQAUT0FMAVXsAARlE8QEcWKC5GJKS6OiNpTKxExIhcDk5QUETAudIBGTYgwriI4OC4tO4cUEOcwGkpbj78eWJ+En8BKI0aGGZ5qwmhVyMXPanbc4snTCiYt5IFImJl/ZXY7S7U43HIiySgxlyurr68lCLUM9PS0yMUZ8V0ejdWKuk4iJkoiJdTMjJhPEbBeLCWK8RCObxHSURkSUdsjF5Lnm5UFc8lxT5WIiI6OjIyON2ZwYo9aYEhEWrU1Yv2QJ3F46OiwiBV5ixRzAYjZJajA3eGGjvsd5Fu5iy5uydUoxe2vc3DyiQtysacpaerKaAKoFNnIxyJiTY0Sjacr4wQs9pJGJYZuyg4IY/i5wtjVlpRuqITHKpizAP/hK/wB5U1YQnY6Jji7gxCyqXLS6N9+nMlefv02fW+mzune1T+UiUVPmJ+0c0YMXrjeWuMY5yQGjVvyBqJhiur4oir9BWfwNvCikLP74zM2zUfxjETOkkRf/lfSQP1la/Oe5SFEv/jW7IgqerFEW/+CA0NCAYFnxL46ONhqZn2JWTHm+Pte3Up8f51PpuyguX1+Jn5TTxb+loeWZk2/Ieq0weOF6Y5D6aZuZ11W6y4yZmuYQkZhLiJgfOYcRGYkYfvDCDmmk3eUTXHd5j0hMl4sM893luzlwr+w490TUXYaaIe8uL42NzYYlm94sZcXo4xYaFubry7cZDPHl+nx4Eqcv57rLGxXDieRVfG9si3OAMFOgPsC8t7nZTS7mL97IX2pibiUiEzMVP9TGMZHc4IUf0ggDzB9FA8w1/ACz20WOqOYVBwUVG5FCzOt3NzfDisX2AWauT+5TkBKfRZWVEBmfyqfg4YObMqBhkfKiQ458b+xL51RemLoYIMpNJuYvWPgHXo1IDKhgxMCWwcliYtL5wYswpMFiVsHgRTYls4oWEz7ThSSGCIghYvuUTPy2hfHb4hfiBfa4J7SYoy8rEKaCYPCy2YFnBJOYl7AqmB9YzlJi1ObK2MGLgJaZxORH/YAw+gcxfpe7jF6M7ZOYE919c/WLfN0nVvr4VMKTRfQTXGNOv2xWDDN4cRidGAK2i7G9xuA+soxsN/K0/0o87f89aPgnxMCHgIu2TQS4Nd5oNL+CBrNimMGLWIwdO3bs2LFjx44dO3bs/Pe4noj5gdgfD5Mwf1/L24mYP0dgAhGN5jEiGs0FRDSaWUQ0Gm+W6RLMXczH/J9zERGNxo+IRnMvEY3mRiIqYhYvRhywz83m3kQQY/6+lrevWDHmYqa6XzBVIearr957b1aJ3zwBvxJGzPz5/wUxFi4kQDWWpVGIhkora+Sn2b9SijF/X8vbT50aazHuw93Dw7DhH4KYwX6RmP5BRkxtLayQgHAxH/HyT4uZQIQ+0Bnd3WUGhLRwsHVl3Y1pjBggUREa+X0tnc7b+3QGm5g6zsaZM1vPhpjeXpmYsoN79hzsJiZmnhi/eVhMLj5ZJNe2xDyNl6fZzViJCQ8niSkMC8uRiVncXdYdg4wR9PcWMfXd3YtZMcClamJ8j6+qkIkZWnGq7gwvxpsHWhYecYKzmnSIQyxGp5OJ2fTW2rVryvjIyMSUwOJXUlKC1dCJqUSo8tw3ZY5ERGLe+P77N5RiUlB2LAqTitGllRUhY9Ds6dNnBxlRUVmajhMDICny65I5jas/fPg8pilbweblFNxvs26rXMz8eITi5xPEmF64q48oBiGZmIotwHwziQElg4MHB2HDianV62uVTRniickQ/4O4lIjZEqAuJsNgyFCKeeNGr85OL9hIxeQYjTmFxmghM2zx16EI8OIwfXYx0kFelGLI1yUDL5sHBgZ+p8XU1bGBaYdTGU+dkYsBL2BGKaZl6IX9QwsJYnpjYnplxR/+R1hziSGIKcGbElbMfFiUiUE8GY2LpWIulz/MizH/Ou9lcZmjY71jolRMuJ/fvD/+mOfnFy4Vk1KA12FhUjGA7jdo+F/64Ycboc6QxJCvSwZiBlLzNv8sSsyZnp5DIGbFmTqpmEpEU6kQ0/QC0KdTitEVFenk3eWp4k6ZTAxIOXiwP2DWrH5WDMaimE6DWMzlZ1eMAZR0xhjKZGI6v/oD+KpTLgaF4RVBzPyXwl+C73p+VxXjJOGRZRnlGXqRmLpTZ+oOtZ/qGWrfapUYw9ALL9z1AkRGIQZ1diKRGAciksTM+jIZysI0Woz6ATV0OhaJxRC8nHUxQNcf8+b90SWvMTmosDCnkJI3ZYE6lOvtDnjvQLpAW8SMqz3adrRI1JRtrTtzpmeo50xPnXVNWROIgbbMpBDTG7N9e0yvDWIOzmJhmjIhJeTE4EOWmKZSY0bblBXJmzIAJ0ZZ/MNSEJVSQCj+8Z95g5fP4mXFf4ODFJmYw0nLahuv+KJKVPzPAD1ntvZYWfxbTC03v6AzmCi5GF2Vs3OVzhYx/YPJgyUB/YPWidFl1NcXxSAW8+OMd4iMvPjP+6qz86t5suIP5ISFvajoLjeWxaD4XF/f3HgUU9Qo6i7vcrAspn7nztraop07peOYoTNDdVZ3lymTqa+F0CvTwkVJk7XWiwFKBufNGwQxFpuyy4iMgRgMQUxXFzRnXW9YN8BsbMQDTJ0ODzDLipbxkQQvZDEC44oycs+TDTC3njkz6gFm7y3OwC29toiB+v99Caz8zCdm7MXMISL8+fPo1aimZDrCHVTEjOGUzBJnmiVqYshTMv9iMaOfxOyY7aAm5lxNYqqLgZzIJjERkf+YGNIHKHUAbBED/CNiSPyXEmPHjh07duzYsWPHjh07/zXMDdAeYghm4S98/RYR9WnwFyWQB6SfbdRoXGfMmLHgVmDajBnT8HYBvOCq0bzA4MzCv89pRPh7jt3Awt9z7CYicAV2IhqNr29lbXx8ua+vL0LCvkZzORHz59chREVSiEZynC8mchbF6BEBvWUxeifMRLxgKvpT4TfQAmbMuPJdEBI6Y0YAbN69Em/PnZjTRUVFGbUiMUBuHCcG71sSY/78OoQiayLHVswbCrCYiXqCl4mWxcSDEvpBLxtTU0EMRMQVzMAGkkN7cYWNJTGu3IPfsU7MkSNKMS8XJX33zcmdSTt9xGLy43J5MbDPivmKfYj3zJ9fR0XGpMVEahkx45nHGImpHpCI4c1otbwXy2LyUT6tBFZ0XBgxQMAMV89bPWfMgJUrjo1lMZyMJUu4XVbMVVfRYrbCQyHmuiM3NTTcdOQ6qZh1rV+k1e7I9Un74rtrRGIqy3H7hRC3L03M8ePixFwoQiwmsiYtI63GeBYTcyUsSjHVb9zY318NG14MZ2bf5Mn7WC8Wxfjkw6v5PkxoIC5A0npGDIQGygtmGsRFRQzP+vWypiwvz0Jirrvp119hJRHz0zc72+6ozMiovGPdzrSfeDG52+Lzc7EYYV9IzOVz16yZSz8hidn68enTH2/FYrTGGPCiTMxUItaISV7zZbJCzI2D1f0DA/3VgzfyYjgzk4ODJ3Ne1BODvbBxSfoGIRDDEAp2FtAbFTGv8VCUsE+LCQjAYraSxEBU2hYa2iA4IjF3lK89OmXKh2lp10+542irnhOzY9vCuPxtWAy3LyRmLvx8+SW7A8jOrwMxFd0gRlpjwAjDqMQkby8p2Z4pF1P9FpgBL29Vi8UIdYb1Yk2NgZ9NqcA3FMJiXANCF1yFXbiyvbKrFoQGuKqI2V9XV9eEUBNs9svFgBqFGIjKpVkIZV0KO6LEZHzx08vX+AQG+kCF2ZnGiRm3I36hIR+L4fZZMV+BFK4pgx0cGfn5dVtvP93AidEatawYPjKjEHPll10gJlkp5q2SqvqNb8nEgJkUByAFvNBY0SubOL8EtHynZbvXM2hm4dqPq/8s5rmamBbE0sKLuQrb9jfXlLX1YDE9bQ+LxXxdM2VKPgLiQEwNIwYR4RKTOZdNTiazlZ5fJxEjgL2oJwYREYs50rBJkRjISlVV1dq3+oUaw5thvMjFyC+EwIYF7o0Jx++LBAQsLH9eEJNqtZh7sIkmRNMkNGWbnVNTMxfgwMAiF2OidC1gUUeZxGJqY16Z8mEcQs9+OGVK2g41MTgha5KP0/U/eQ2XGCcJH3/cePfDSjFciXGAz0tEXUxw5p49W7YoxNw40L/2SNXaflHxF8xgL6pi2E4yjksS1qKLW0T3XlxnsU3ZNKEpm2WpKePM8F7uYcVkzgoAMeTEtOkQMuATTdrEYir2rrtjSvzixdum3LFu2Q5rBphzp2WunDt35bRpODkEMRtLvn99e6tMDBeY8aMSAxdm2RJM6JVV969d2z9QJSn+7niFAPqJihjaSxnuitG9s/OcMCMv/gcQYKJ3OTFJWAy5xvyaZTK1tZlMWb+KxZzeuw2iUlQE5SWmBhxZGmCyHbET02hOMKMZhZgd4d8f/34HOTGA7WJUxzHQI4MCUy1PjCBGvSnDcaG7YvH6R5hWjRfzrtBdfldFjAcLhbKzEcU9Y8QkgRishSCmra3n11972toEMZjy3XEfHs3IODolf3e52gATYHrLycl0f5mUGDDzcyt4IdUYcDMGYgAYx0BcRiOmDHfFoLCI5mVsHGAKYiIiCz08CiMjBDGT/CfBgqUQBphgJgsAL9KRf1tNTBEQ8w14URlgsmN+FiExSpRi+PJv7iZ0lsW8adOUDMadF+MOi2Uxn21M/c4AhYUNi5CYd+VTMu9aIaZQ2GCsmJLpgdAo58r0GUUZsPjArtoAU1DDjy+tFIPDglcjEGPrJKbtiano/yKOKSy8GkA6iRlqxSSmhxSCmK22zS4fLSrKpXdUB5jyxFgthovMv1LMzlooLAqYaf9Uca8M95tdbRcz+ml/lQGmEpvEqDRlduzYsWPHjh07duz8xzlfY+dfiZPTWKoZT0T8y5wdHcI+/+vViIUfKF0t4lUejea3T0loNO5SPotD6UH4772aiEazgIhG40JDIRaKec4P3BALP3C7g4hGE06Eu2YM8vZGF4lgxPz22XkKNRcQYc83u+oq+nyzK3nMnoemLqZ0A1A6cjHj/cyJqQA4L7kLqbDxwEjFIKClBQHnUsyrQb9PHGeVGPZ8s9BQ+nwzQQzhPDQf68RsKO0ohWWDSMzl8CCLqUpeU4+3iAf/+dMriGIqqjIzq1gzehRZDH9rUDQrxql7C3w91+0kE/OueFGI6cs652JeBTVO58vEuCseWAwC4iqG4xAgiCGchxaht0YMSJkeEjIb5FiRmCpX0FJ/WJYYoIwoJtPVNZMW47sNxQbBfxah1TFiPls5efL2VZMnr/xMlpgB/MPtvCsVY2poCLRSzH1nTQzgNx/aM/XEXHhV6K0Va9Z03xr67oWCGOJ5aIIYFwliMRs6ds0OD5+9q2ODFYnJ/PLqqw8nJx+WJWa81/gCCkkRi1mkowpwXLJRywv0n+MEXiavaofVSiermzKqbk6D6ZwnJjsW1Pz22Tj1xFx4a+qF3mvWel8YepWamOcjpGL6AutEYhyIsJeJwmKo3TsXy8QkM2KkiZm+ISA8XH4PV6Ep+6wcGaPgb4wyoqybL6MPRAko2ZK46iBsSvgDgTgijx3TIg5BTEtDQ0OdQV0M4tAmJGhVrwFjWUxhLELpBa/iUnO+WmIQENc9vI3UlAnnoekZMxIxWajPxSoxl+MFocU7v99oIDZlksR4lW7fsyfPa3qHRAxf/CvjUcp4oIAyDF12GSPmIC0mcQ1sDirF5C1YkEQQk9Ww/zqXLHUxgpfFuwUzqr+tAGLEsImJpVD0q5jpP0B7ZkEMe75ZaCp9vpkgRn4eWoRe2ZQZ0HUu1ieGCty9c1NVDEUq/tLElGw6vDcJ/shSuRhMLaWlq34sMt11GScGG1meuGo5bNYoxFALAEopZsilwcVliLJaTII2K45KUBfjTUSoMb87cfjSap4mwp5vdutS+nwzQYzsPDRARYxqYqjdacvql+0WiRGQ1pgNVXv37iKIEQYv44sjqT6woi4Gk7RgwTFlYqi+hjlzrhsyWC/mwIo+k3bUYsCMUPotibmSiJkv1mxvyoQaE3hgWcaBQKEpe5UETkx1gFdo9XhlUyYMXlLg/ElsRdyUtTsmtpObMio2llKKCaybc10DlH/rxaynqPWjbcoIZi6g8a30vUDMKMSAmcA6W2qMYfdug6j4IyJcdzxcWfyFwQtqupn1IhT/PYmr9kiK/7VE+JF/U4MLBL4hy/rinyAt/r5EVHplxbHpBdiMXExlXHz5uFGLIXeXXyNCJ0bcXVZPDEDqLosGL3WX8dD3Hr5sJbRh2/dAi7byspsZ1MS0NLjQYuoMI+suj0yMhxHBPy5sRiYmdyGKz+U7zraJ0auM/MHCM4rHa2xiJGLUE5NEeEOiwctlMjHYzHa4jyrvRV0MaurL+rXOFNiCzqWYQhy5AmlrBjogMfm6OFFi3G0Qo4/Qq4kBD3OkCy3mclsT4zWL9IZEgxe5GDBzPBGuTHkcvFgrBsjKgtU5FfMqm5jxIjMXMGZyKy8414kBLzYlxn8a8Q0JgxeFGAGbxDQ1WS3mPn59n1jMOGGBH2tqTDquMePFZviQjLr4K1CvMbaIyQsmvyFu8DI6Mcpp/3OamPGMFTdRa8apGKUYOyMHxIj53f6F5r8FJxl2M3bs2LFjx44dO/8/4Ld5Jk2CHwu325AMPC9mQCzsU/Oz0aWzQ4iv6+8nnqZkMwhztxyNJpCI+fO4fphu5v07khD94pLswt03EDF/fBBgMATG/PySGFpMDgBHeozEOHbsEptZyr2uXe/zD4gxfz2xq8/7jfj+HUrHXAxA1SjFTCrMzo6YRBQTHz96MdKbzWxO4l5P2IfiXz7nYhTncbl7X8CIgb+cEBr8uUrVxXi4XQSPx91GLmbx5woxXinpYTlEMfnXXJM/ejFAB9eceSU9nSd+Q/nPn00xx49bIeZCEe7DTt4V3k7e7lgMcH8+kkF/rlILYuae6B+YREhM26Hlh9pGl5iLIwrNNWU//WR9YhDH+s8/X6+4BRTdnC1Nfftp58mpwhvSUuiK+8+amIYVtB0bxAzP9B6uGnbfNMyIAXx0BDHYDFnMzKqyTZs9+v0nTGAiw4s5dSXmkC2J+U3RlHlcfHEUlH8O4UBT8fE6m8V890V18y/fScUk1ifim2jkOT892dn5aS/2DSUk7NuXkKDzOUtijhuwk5OGZyyJkZ7HNTxzuGzTzO4trJjnn1eEhj2gKWauvrS83yOn2aN/zSRZYlZcybBCEIN4AhcjHkuJIWJ78efy0uxXXd3cvF4qZlki3A4oZKnD5qedN+fxYpYACQhte/6siMkKpGNzQEWM+DwuuEnzlvojw91sU6bXXy2vNCCGMUMUM3e5f+y2bekemwcgMuIaM5kVE0wQU/P5sRqlmJixFrOvubl1Y3Pzd4IYng10a7Z582ZGjHbfElfXJfu0KGHf6kfOghhToBXFX3oel/umk0dPnp45jMXQrRiOL3TP5GKAMJKYlStLalavrhkYGJzwuDgxbVdytCnEBLaezGgNHIWYOwSQgKqYb1p/A1rFYrq7wUpjvaMjPaTxIoiJjXJgGY0Y9IxYTBAR6Vz98MynTp+6r6K7m07M8whBdsliIhBRzJHqz+PiavxBDFNkrBNz8p8QE/eI3+HDfo+Ui8QUFbFimCGNl7wpMxbDC6MXswI12SrGvfupI6d+dd/ENGV6wExTVkyRm7Jnqo/F94ZtfntAVmOWm2/KqJrWVpuaskskKMUYjepiMD6PAIsoWVOW6MhQ6gBIir+2wEHEaIq/DmXh8t9w3GoxU8u6T5yYOzzMjGMewcv9cYTiH+4ihy3+Px4ZKCwceGu5PwxlIDO8mD6LxT+QVPxHKia9uDjdKjFU3KLnyykkE9PJisF9AEl3OSXIQcyoussGhEwHTA2qiRFwH557YubwRCfL3eXwy82Jmbty00b/zYM4MG4ToPbLusunRN3lq4kQu8vqYu4TJSYqCgEjG2CCF4ENIZwY0B3lIGV0A8wVB0xZUGisFzN12HuuewU38qfjohTzxkwXshhg5twTgwNe4OUiUPO4eIB56tApKDBqYkaemPtYMZTRSI1YTGKM2EypQwgzJSMUl9GLEVATo0BtSga8KJBOyUBYIDEXcYkRsCUxI60xwAjFCCVGaM7wJGbBeId/kxhzk5jdLubEXMqLgfKCtSjFjD4xS8dMDIkNGg0uLv8mMeam/btcSJBml0cohjztb8eOHTt27NixY8eOHTv/PS5guIWF/8WcSUTM/4LSc0Q0mgeIaDSPKjm63Jm7sHbFEoYkLwYY6Jn5BaunaOCGFE+JoS+UPcEjx0OGhftUEjH/+j1EzP/3Lgy3sIQwaDTXELFCjBe9DoHlLItZvfpR/MNz/Vpn57WcmJ2Ml/e9eDGvd9kq5vGU9ELazEXsAkjPK/uXi3GHB0lMCDyimpOavVgt8Nx6MVt7erZaFrNu3aP0z/3049HKdufMTTNZMb68F0HM6zOn2yRmQpg2Z0JBIRgRmTF/n0oElJ8+7fMvEmMhMV5fJCUlRYETL3jYlJgz7e1neDFz9g/N2b9/qG///jl1Q3NYMdK8nHR2bp87kxNzUvAiiAEztoh53JidUzDBI4zODPvwMH99MATkXv/U9WdPjMFgm5h164iJIYupHuzv9xpJjelpb+/hxQyZTEN1WZi6pqY6XgzOCxOXD6EZWzkTYMR89gv28ouXVAyYCbdJTOwEaMlyQAiXF6WY2lOnDh2q5cTs8Hn2ZZKYsMLC6MLCMNvEBO7du9iimEkTJknErF5tVWLmY+CUF1jmC2g0nxCx3JTtb2rqq+vry+qDddOQssZA1V++aaYgpl7mpTgaxGBcTEiK5abMoyCnoPBxWgqrR359sMkftP84YzIWcz2wg0Lx10vQaO4HCj0KUJhH4f0CVtSk3W+trSGKOXQIVqDl7/bOB6aNKo7jaB5VqiFVQI0G/6CYmJnNzThdBidGXfxLdWInxhj/Rcs0pTiNldQIwz/pakvXtRaRjgmCM8CGVGAbwpx2jrG5KUMREWXMqWS4jIlMnUZ/76735x2v16P1T8zuc+2VqwS3fvL9/d67Pe7kiSkroyWGLiZgObrmpjXqxZCIpWw/iIG7goEYsEP2GMhMh17fClJEMWPYy02iFoRADMeHiEC4c6xhHgHf/OdiJJmRXx9sDH9MY7yY9pVftUSMPE+IqQqgQBUWcxHe1Igxe/q7ugbfeYci5sCBmaXs7HXrvkLoq3XrFqhLjN1WFygywRc5eItXDCQGatgWaDFb9m/ZwieGp/1Jvb4vXypmgvMiahHEAPupYgwyM9GHy+T1wRqCzSubCzgxQHWwHZTg7SK8F8Tg9X7ueqzkTtguUiHm1Tc6jh/veMNrlov5LSM1NeM3tpRJE1PAIIApUJkYu6nIHSgT8pKjIMZAhROTkQHPyOt94jwmN1LGXMX5hJh94GWnqIUQs19tYhCVGbdDHGpZWdqCxfAhoSYmLQ2lpdVjLZg7lcQ8xHLpaz1HHjz+8eHXnueOJYkZS00dYxOTRpSy9xjw8p7aHhMIFLmL7GJi4hNDHy6LkxcQIorhJpc7BS2kmP0qe4xaMUf2bpsY+IQTwyEkBna8mA2//pr76691nJQ7lUsZSGHFZB/OTj/c9vylcEiKOQBwzZ8Ug4D31PaYcE1doCpM9JjTqMQlJjcyeZGJ6QAvUi3mD7dcGBHzu05GomKWdD//2vElhBhK838Ru7joRaL5X0qFSwzYyG6bvqsY7rDNHT4Ue7jcbF6wwNysIjEIU/50OaqpQSLxivk6wg9fC2LEyQspBiaXNaKWd/Yf4/6NneIlcTFgZvFi8AJi0qhE3g+/mPtimHyfLkZIzPPHvQ2+4PHn2UOqmAvSSDHcLnZiEIu7LmCxqhKTT4UXc19EzP79GbwYcfKC+V0QMw1eOC2mV3+4UFj8QHhJVAxJLDFA1YYq4v1YiQFADt4pJOaCuGb+SCRRMfRSJk5eyMRM1oAWtn4Rq1Kwl/9MDEnsxFyKN0ELEN8pmcz/Qow4eYG4SL7/SM1btkj9IsSAl/+JGIBXopyYNF7MjxIlP/7XiYHJC/X7X7Hx9YsU87vufyWGII7EaGhoaGhoaGhoaGho/P94jArcNyXKhK43yoWpc6lE/4Wme6hEX/d1K4c+QjIHe7sT7rrcKFOC5ELf6VKi//r86VSiX+D6uZvo6+7S0/M7P8rrzE+X/X+voUJOhE8XUBCTezJdTErvPymGXPeVqJjCv0dMzjqKGN3SV6KJCe/YEc5Pz85WLQaMRF5uw1sMMbm5V1PFYDN0MS+QWzxiyHVfiYpZ8w8mRqdrXFoTJTGd4WdAzDHYaGIWLYouhuM2LAZR4RKQSRWDzSSemHOoyJYXbQ6y+OISU+dGRXArFIOUaH9fBTE5WMRKQUlTEy9G51yxooYmJi8v7+J8sPLux8dmiqm3GY22elGM4INIjKIY4GQnTQyYSVzMbTzvl4Q7hQOZmI3LVixb9v33k3GJecaKrM+oFoMEjEYkAGJ2r5Ukpa3VJSQGzISW4lYjF7Nj/fod+ekQmQ9nJqYIL7cpZ9w0MWRiUgQWLhS/Zj/odniWMrRbW1UaZEjvIeYwxl7JKIj5fOCnboRsvBrZuq+Nz7lXuNZ/uzG+UrbKZkuRiVG+TyXGwSIRI6XXYOgSxQCtS3GrkZcySAyIOQaBkYupR/XXFK1aZYUXpR5DiqmslInp7jhyJPekG8hanCKaCYX4vSgGvHg8DkYuZvt28VUUs7xz3Nk2MRD0mDzh2/I+uhjEEOu+IDFHVyz7PqSUGCQgF1NoSbEUynpMTDEOxrh1xMg4aGJ+ajUQYprgOQq37KuRiVleUrI8yqjMVn6NG5VbrchGEUNPzM55BsO8nVIxR548p3ZJbu6SX0gxgpnRxsZRbi8V4/Ft2hR0yMS888MP7/Cvgpjl69eP6waavhgY8Aa9KBz+bjmIIdd9dRjmfdf5/e37lBMj0l5mNpfl0IbL6sWgkRFGJoYrZk1+A9AqiBmwewZ0uiEws6KGEFOyY0cJXcwiY/011jVz09Yg4xnkcFkhMTcZDDelzEaMwek0cHtCzPRv09MmeWKOHSNfQUzJxC+Pvw9itg18EQx6mfBtJdW/gJhTpLQZ5v1c7DdsUymmtD2z9OXq9tL4xWAjDvxkJGKqd58KdBg4MmOKyYPEKIm5ZZEghuyp9B5TU1lZM6tSNi8U8vN7UYxxeHp6WF7KmO3bzfwrL+bzX0ug8zudA86gxwOlDL8hF5O5dM/55x/SZ6oU054Dq/fW5bRjMQYqKsTgi3WRYjCZrQbgXnj2UkoZrcfQS1kASllAWspAg7hRE7OQfSTe/B3f2I2zaP5w41KftPmfQrDt0PnXHuqOMY8RKS0rKzNDYOIVAzhWX3bZ6hnN/6eQgceVGav5f5YPD7qYelR1jXuVFTd/SmLUzmOA7GtJZj9c1lGRDpfffjsPXqhiwMyePeBFrZjNOS+/nLOZJkb9cNkBSN7n24tIX6zhMpSyvChiIC/uqvoAE7hGMTGxxNyZCi5SuYcoBrwkLEb9zdSeajtFvZic0urqUq75v0kl+t/3SiqcmF6Xy+Vn4cy0gRjWC32C2bnhu+jnyupXMcQEk5qYGKdkXgMfghfuS8VTMvJzMopi7qECYiioF1Ods7aaE5NOEPuUDF1MXKdkwhv3hSlieNLSYKecGEUxEBeW1D+5B3uoeBLzhSW5BP+6GKAUCtnfLqbDQNKkfBLzu87wd1QxIoqJURYDXijEOO3/34sB/k4xcZ32h0uCdyYqRkNDQ0NDQ0NDQ0ND4//HIipwwWrUrdM1oKJkAnLd19kCSUnXiZwmMvOaK4f0o048wXyCSvQJ6XVSTuOJfu7rJUxz1kskSZhzIojfDFyK0UuYj8G/YFU7WauXM9vrnincJ/SGFAoKYpIDaBs+I1+XLIVc9zVDzMmxxDxaq9+rA+IQs1LcZGLMFSYzVUzzLthl7SpISEzt6PpWvRzyc0hEjKvx/VmKSS5nmnS6ILIkSyDXfUWsDI9FxHyw8gNlMW/qQ434tGxrHGIkXq4jTtebNg0PD5oQOk8CK2ZXM+sla1dCYvb0Thx2wXEt/8AoXPfMuNWBWBz9RoTB70QX0+jq+/Tz6GKqYIFAoIoUk7yGgZtYeZm3iB90ugRWy4Kzh4c5MR/s3r37AwUxj+7R9+mARn9tdDE3UlFITMVgV2tr16YKQoyQGOwlS70YQYAoxt+7rdcv+uL+o2yZVVtxflN+cTsrxuHyT/aDHGbSPwJSHCOTfteIVMzCheS9D/pcjVDP6GIglUUPL3p4LikmxUaYoYtpGQsu4ErZnJbdaHfLnKhiDtT62TLWpx/bFYcYiRdCjGm4FRiuoPWYgl0xegzDyMUc0OOdtMeEWl16KRQx+cWPNUxNHeFK2Va/y2UAKavPWQ1f3wtHBxmpmMpKUowOQuN8nyqmCiEL6+NhiRig0FYByw3sRvH2O+S6L1zFWiaDoCd2YqDrtzpxGQvp37j77uhinuUJ7xu2CAdkYohSVsGJMamr6aQYY38/Q4rZM38PuxPE8BmcswSYwx+Rn8PJ+cU9psOcGDODBmtd/nv3be7r7dvsu9fg8vebiT/PihUyMWxoPl1OEWNDtoiQenAjiAEzq0wDOqfEDLnuC4uRNv8PSik9RihjQzpgr7/2y7vViLGgbhMSzCgkpmITLmWD8lKGqJBiKgY3bjzoIMR8PX8+dvI13l0viAEti1l4NeTnAGKm7b1TbVhMQXNBweCY696OqzHbLnFNfoMKvuLF7IRLWer1sNspiGkcamRDo5MSEWNERZyXubZVc0Ux2IzV5NQ5PVbeDLnu62yOliA/KpsTbVR2QO9q1AGj+rHL71Ylxmpqshut/JHSqMw0ODwMLSYOMSZ7/8HJEboYMjH3PLgYvyx+8B7umPwcTk6f6vAUF7NiXs7K2t7T0+8KbcA86RrLKmCysBiOmqV6YGmNmJjRvaNcaPwGEUGMmyoGeMbqATMmayH/g86ewYKxybOjX5hBmLywxVS/hb/A3CVUxFGZh2n4LOxRMypDZpPZjEjUiWEc/ZtMjIpSNmfxg3PY13sW82JOkXBy8VQPmuYSg7KymMNXvuror3O73XUHt8LYw3wzLwZYiL1A+xcT08eKGSLExCpl2IzR7tQNmFYVysXgOsY1/5YWJTHi5GVIX/vH3WrFNCFvsLwp9jyG4YlDjGPk4CZPhbz5H4CHnihlc94DL5yhB0tFMSLbpnpM08UTrJiCAuSd6ilb/SSI2VjLZGV9hbIIMcBCYlTGljKwI0Fs/kW05s+ZYeyw6tBsS6GKWcCOypTEiJMX/W+gRKUYMBP0NqmY+Z9HRV3zZwYDmzyMfLg8f750uMxVMuGew0vuoYjpCHWnn5XdEWLFQHoreq5809W/b8O+Qbh3vBkiLY7KoJbt3AmVTBTDxaXRmZohQRwuo8DcRXOriOEyz1uMF+7Ly6xJoZSy4DDeK4kRJy/Q9WVi9PCQbEC04XL0BJRSYZNKQT5ctlpnzGMOzZ9/SCKGLlhWyia6Ovq6up4SZv6eb7o8/aHW1snmr/tlo8TKhZCaSkIMxMX5bgYBMcEsl08w5WZIMS2QGHjEEiOZvNxNiAETJMpiTqMy+wtWx57533cf7NhSJohJEZ8pFDGUUzLmVwddfld/1uVlMYbvbFx+z5CheEpGxIKCuOiXS8UM17awcYklRjJ5IcVw6OVinqUi+/kxS1kiYg5BYIjEYB3sTvgythjAsXorWrcAxRCD4/JYRlxigDrkg/tYowAWI46RgdhixMkLKYaXIpYyZTGIyj+RGIAUg03wfqilLLGTmBCXOMUARahBp+tGbqLHqBMjTl5IMTwJJeZfEEPw94v5PTWDJkZDQ0NDQ0NDQ0NDQ+P/h3jJD3Licyom5yS8J95PphJ9YpWd/SqyWm6SkZR0JpWkJN/U/RSSTjwUxXyyeFZiqorKq8otR91uS5HF4ubFZB/bjsqVxey9/8z7zzzz/vtBDLJPaWLkYlK4LSIms30tXK2jdK16MUctlqPlRwPuNW5ruSXAiekBM0RoaGKGvl1fObT+271YDKo4rImhJyaFE7O2JQfsVK9NrJQtezObCA29lN0PaoYgNNzPCYYMMpJOPIjEkKUMyKmeRSnzeL3I0+DzeoNBD/J6PayYoWUhIjR0MXfcAdUMYNdlbQ3YRzUxRGIKbQjZCkUxmWvXwl5VMsCLz9vtsV996xVXXHG119Pg9Znw+7rGkBAakejNH6GR28+1mne8fpWUpBMPxIPF2Apt8BDFtLScql5Mg93X4PVecevExFNX2L3dPnsDK0anY0NDIhMDv1gN3/fII4/Az3Ef9d8Oo4gNy09wMclSIC4QGlFMdfUsxPi8dp/Xc/Wtn2y+9Wq7N2i3ByNi2NCoFlP07DL97c+WI1icI5J04kEXQ7yvVowvaPd5HigBHrD77EGfLy4x6KAr5JqEynjCi0nhN76UxS0GN/7xxvHx8c+9XtDki6uUYTGhgyiolTIeofkritFRYYVV2KH/L3eOjztLvD47jMqE5n8hvfnTxZSPjIwMas0fgiJuHPGKgdoV9JaMj5eM5/mCcCQbLpdV3yqgJAbYPTrvhB8uszPK1zkn/D4lLjFMENx4PB67HXZgJchgMUJcVoKPmGK0CaYAsVwK7+NPTBCGy/agNwgPO75vKpsYIi4xxWinZMjEPA46CDdxiQHACAb8MAzXS4i4xBSjncSkNv/Eegx9tEbEJaYY7bS/hoaGhobGP8xff9MS7Xw+B5wAAAAASUVORK5CYII=);background-repeat:no-repeat}.react-tel-input .ad{background-position:-48px -24px}.react-tel-input .ae{background-position:-72px -24px}.react-tel-input .af{background-position:-96px -24px}.react-tel-input .ag{background-position:-120px -24px}.react-tel-input .ai{background-position:-144px -24px}.react-tel-input .al{background-position:-168px -24px}.react-tel-input .am{background-position:-192px -24px}.react-tel-input .an{background-position:-216px -24px}.react-tel-input .ao{background-position:-240px -24px}.react-tel-input .aq{background-position:-264px -24px}.react-tel-input .ar{background-position:-288px -24px}.react-tel-input .as{background-position:-312px -24px}.react-tel-input .at{background-position:-336px -24px}.react-tel-input .au{background-position:-360px -24px}.react-tel-input .aw{background-position:-384px -24px}.react-tel-input .ax{background-position:0 -48px}.react-tel-input .az{background-position:-24px -48px}.react-tel-input .ba{background-position:-48px -48px}.react-tel-input .bb{background-position:-72px -48px}.react-tel-input .bd{background-position:-96px -48px}.react-tel-input .be{background-position:-120px -48px}.react-tel-input .bf{background-position:-144px -48px}.react-tel-input .bg{background-position:-168px -48px}.react-tel-input .bh{background-position:-192px -48px}.react-tel-input .bi{background-position:-216px -48px}.react-tel-input .bj{background-position:-240px -48px}.react-tel-input .bl{background-position:-264px -48px}.react-tel-input .bm{background-position:-288px -48px}.react-tel-input .bn{background-position:-312px -48px}.react-tel-input .bo{background-position:-336px -48px}.react-tel-input .br{background-position:-360px -48px}.react-tel-input .bs{background-position:-384px -48px}.react-tel-input .bt{background-position:0 -72px}.react-tel-input .bw{background-position:-24px -72px}.react-tel-input .by{background-position:-48px -72px}.react-tel-input .bz{background-position:-72px -72px}.react-tel-input .ca{background-position:-96px -72px}.react-tel-input .cc{background-position:-120px -72px}.react-tel-input .cd{background-position:-144px -72px}.react-tel-input .cf{background-position:-168px -72px}.react-tel-input .cg{background-position:-192px -72px}.react-tel-input .ch{background-position:-216px -72px}.react-tel-input .ci{background-position:-240px -72px}.react-tel-input .ck{background-position:-264px -72px}.react-tel-input .cl{background-position:-288px -72px}.react-tel-input .cm{background-position:-312px -72px}.react-tel-input .cn{background-position:-336px -72px}.react-tel-input .co{background-position:-360px -72px}.react-tel-input .cr{background-position:-384px -72px}.react-tel-input .cu{background-position:0 -96px}.react-tel-input .cv{background-position:-24px -96px}.react-tel-input .cw{background-position:-48px -96px}.react-tel-input .cx{background-position:-72px -96px}.react-tel-input .cy{background-position:-96px -96px}.react-tel-input .cz{background-position:-120px -96px}.react-tel-input .de{background-position:-144px -96px}.react-tel-input .dj{background-position:-168px -96px}.react-tel-input .dk{background-position:-192px -96px}.react-tel-input .dm{background-position:-216px -96px}.react-tel-input .do{background-position:-240px -96px}.react-tel-input .dz{background-position:-264px -96px}.react-tel-input .ec{background-position:-288px -96px}.react-tel-input .ee{background-position:-312px -96px}.react-tel-input .eg{background-position:-336px -96px}.react-tel-input .eh{background-position:-360px -96px}.react-tel-input .er{background-position:-384px -96px}.react-tel-input .es{background-position:0 -120px}.react-tel-input .et{background-position:-24px -120px}.react-tel-input .eu{background-position:-48px -120px}.react-tel-input .fi{background-position:-72px -120px}.react-tel-input .fj{background-position:-96px -120px}.react-tel-input .fk{background-position:-120px -120px}.react-tel-input .fm{background-position:-144px -120px}.react-tel-input .fo{background-position:-168px -120px}.react-tel-input .fr{background-position:-192px -120px}.react-tel-input .ga{background-position:-216px -120px}.react-tel-input .gb{background-position:-240px -120px}.react-tel-input .gd{background-position:-264px -120px}.react-tel-input .ge{background-position:-288px -120px}.react-tel-input .gg{background-position:-312px -120px}.react-tel-input .gh{background-position:-336px -120px}.react-tel-input .gi{background-position:-360px -120px}.react-tel-input .gl{background-position:-384px -120px}.react-tel-input .gm{background-position:0 -144px}.react-tel-input .gn{background-position:-24px -144px}.react-tel-input .gq{background-position:-48px -144px}.react-tel-input .gr{background-position:-72px -144px}.react-tel-input .gs{background-position:-96px -144px}.react-tel-input .gt{background-position:-120px -144px}.react-tel-input .gu{background-position:-144px -144px}.react-tel-input .gw{background-position:-168px -144px}.react-tel-input .gy{background-position:-192px -144px}.react-tel-input .hk{background-position:-216px -144px}.react-tel-input .hn{background-position:-240px -144px}.react-tel-input .hr{background-position:-264px -144px}.react-tel-input .ht{background-position:-288px -144px}.react-tel-input .hu{background-position:-312px -144px}.react-tel-input .ic{background-position:-336px -144px}.react-tel-input .id{background-position:-360px -144px}.react-tel-input .ie{background-position:-384px -144px}.react-tel-input .il{background-position:0 -168px}.react-tel-input .im{background-position:-24px -168px}.react-tel-input .in{background-position:-48px -168px}.react-tel-input .iq{background-position:-72px -168px}.react-tel-input .ir{background-position:-96px -168px}.react-tel-input .is{background-position:-120px -168px}.react-tel-input .it{background-position:-144px -168px}.react-tel-input .je{background-position:-168px -168px}.react-tel-input .jm{background-position:-192px -168px}.react-tel-input .jo{background-position:-216px -168px}.react-tel-input .jp{background-position:-240px -168px}.react-tel-input .ke{background-position:-264px -168px}.react-tel-input .kg{background-position:-288px -168px}.react-tel-input .kh{background-position:-312px -168px}.react-tel-input .ki{background-position:-336px -168px}.react-tel-input .xk{background-position:-144px 0}.react-tel-input .km{background-position:-360px -168px}.react-tel-input .kn{background-position:-384px -168px}.react-tel-input .kp{background-position:0 -192px}.react-tel-input .kr{background-position:-24px -192px}.react-tel-input .kw{background-position:-48px -192px}.react-tel-input .ky{background-position:-72px -192px}.react-tel-input .kz{background-position:-96px -192px}.react-tel-input .la{background-position:-120px -192px}.react-tel-input .lb{background-position:-144px -192px}.react-tel-input .lc{background-position:-168px -192px}.react-tel-input .li{background-position:-192px -192px}.react-tel-input .lk{background-position:-216px -192px}.react-tel-input .lr{background-position:-240px -192px}.react-tel-input .ls{background-position:-264px -192px}.react-tel-input .lt{background-position:-288px -192px}.react-tel-input .lu{background-position:-312px -192px}.react-tel-input .lv{background-position:-336px -192px}.react-tel-input .ly{background-position:-360px -192px}.react-tel-input .ma{background-position:-384px -192px}.react-tel-input .mc{background-position:0 -216px}.react-tel-input .md{background-position:-24px -216px}.react-tel-input .me{background-position:-48px -216px}.react-tel-input .mf{background-position:-72px -216px}.react-tel-input .mg{background-position:-96px -216px}.react-tel-input .mh{background-position:-120px -216px}.react-tel-input .mk{background-position:-144px -216px}.react-tel-input .ml{background-position:-168px -216px}.react-tel-input .mm{background-position:-192px -216px}.react-tel-input .mn{background-position:-216px -216px}.react-tel-input .mo{background-position:-240px -216px}.react-tel-input .mp{background-position:-264px -216px}.react-tel-input .mq{background-position:-288px -216px}.react-tel-input .mr{background-position:-312px -216px}.react-tel-input .ms{background-position:-336px -216px}.react-tel-input .mt{background-position:-360px -216px}.react-tel-input .mu{background-position:-384px -216px}.react-tel-input .mv{background-position:0 -240px}.react-tel-input .mw{background-position:-24px -240px}.react-tel-input .mx{background-position:-48px -240px}.react-tel-input .my{background-position:-72px -240px}.react-tel-input .mz{background-position:-96px -240px}.react-tel-input .na{background-position:-120px -240px}.react-tel-input .nc{background-position:-144px -240px}.react-tel-input .ne{background-position:-168px -240px}.react-tel-input .nf{background-position:-192px -240px}.react-tel-input .ng{background-position:-216px -240px}.react-tel-input .ni{background-position:-240px -240px}.react-tel-input .nl{background-position:-264px -240px}.react-tel-input .no{background-position:-288px -240px}.react-tel-input .np{background-position:-312px -240px}.react-tel-input .nr{background-position:-336px -240px}.react-tel-input .nu{background-position:-360px -240px}.react-tel-input .nz{background-position:-384px -240px}.react-tel-input .om{background-position:0 -264px}.react-tel-input .pa{background-position:-24px -264px}.react-tel-input .pe{background-position:-48px -264px}.react-tel-input .pf{background-position:-72px -264px}.react-tel-input .pg{background-position:-96px -264px}.react-tel-input .ph{background-position:-120px -264px}.react-tel-input .pk{background-position:-192px -264px}.react-tel-input .pl{background-position:-216px -264px}.react-tel-input .pn{background-position:-240px -264px}.react-tel-input .pr{background-position:-264px -264px}.react-tel-input .ps{background-position:-288px -264px}.react-tel-input .pt{background-position:-312px -264px}.react-tel-input .pw{background-position:-336px -264px}.react-tel-input .py{background-position:-360px -264px}.react-tel-input .qa{background-position:-384px -264px}.react-tel-input .ro{background-position:0 -288px}.react-tel-input .rs{background-position:-24px -288px}.react-tel-input .ru{background-position:-48px -288px}.react-tel-input .rw{background-position:-72px -288px}.react-tel-input .sa{background-position:-96px -288px}.react-tel-input .sb{background-position:-120px -288px}.react-tel-input .sc{background-position:-144px -288px}.react-tel-input .sd{background-position:-168px -288px}.react-tel-input .se{background-position:-192px -288px}.react-tel-input .sg{background-position:-216px -288px}.react-tel-input .sh{background-position:-240px -288px}.react-tel-input .si{background-position:-264px -288px}.react-tel-input .sk{background-position:-288px -288px}.react-tel-input .sl{background-position:-312px -288px}.react-tel-input .sm{background-position:-336px -288px}.react-tel-input .sn{background-position:-360px -288px}.react-tel-input .so{background-position:-384px -288px}.react-tel-input .sr{background-position:0 -312px}.react-tel-input .ss{background-position:-24px -312px}.react-tel-input .st{background-position:-48px -312px}.react-tel-input .sv{background-position:-72px -312px}.react-tel-input .sy{background-position:-96px -312px}.react-tel-input .sz{background-position:-120px -312px}.react-tel-input .tc{background-position:-144px -312px}.react-tel-input .td{background-position:-168px -312px}.react-tel-input .tf{background-position:-192px -312px}.react-tel-input .tg{background-position:-216px -312px}.react-tel-input .th{background-position:-240px -312px}.react-tel-input .tj{background-position:-264px -312px}.react-tel-input .tk{background-position:-288px -312px}.react-tel-input .tl{background-position:-312px -312px}.react-tel-input .tm{background-position:-336px -312px}.react-tel-input .tn{background-position:-360px -312px}.react-tel-input .to{background-position:-384px -312px}.react-tel-input .tr{background-position:0 -336px}.react-tel-input .tt{background-position:-24px -336px}.react-tel-input .tv{background-position:-48px -336px}.react-tel-input .tw{background-position:-72px -336px}.react-tel-input .tz{background-position:-96px -336px}.react-tel-input .ua{background-position:-120px -336px}.react-tel-input .ug{background-position:-144px -336px}.react-tel-input .us{background-position:-168px -336px}.react-tel-input .uy{background-position:-192px -336px}.react-tel-input .uz{background-position:-216px -336px}.react-tel-input .va{background-position:-240px -336px}.react-tel-input .vc{background-position:-264px -336px}.react-tel-input .ve{background-position:-288px -336px}.react-tel-input .vg{background-position:-312px -336px}.react-tel-input .vi{background-position:-336px -336px}.react-tel-input .vn{background-position:-360px -336px}.react-tel-input .vu{background-position:-384px -336px}.react-tel-input .wf{background-position:0 -360px}.react-tel-input .ws{background-position:-24px -360px}.react-tel-input .ye{background-position:-48px -360px}.react-tel-input .za{background-position:-96px -360px}.react-tel-input .zm{background-position:-120px -360px}.react-tel-input .zw{background-position:-144px -360px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-left:60px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .form-control.open{z-index:2}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:49px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-12px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-1px;left:30px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:224px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block;position:absolute;left:10px;top:3px}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px 7px 44px;position:relative}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{z-index:2;position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}.compliance-details-drawer-skeleton {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.compliance-details-drawer-skeleton__fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.compliance-details-drawer-skeleton__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.compliance-details-drawer-skeleton__country-value {
  display: flex;
  align-items: center;
  gap: 8px;
}
.compliance-details-drawer-skeleton__documents {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compliance-details-drawer-skeleton__document-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compliance-details-drawer-skeleton__document-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
}
.compliance-details-drawer-skeleton__document-card-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}.phone-numbers-tabs {
  padding: 0 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}
.phone-numbers-tabs .bs-tabs .bs-tabs-nav {
  margin: 0;
}
.phone-numbers-tabs .bs-tabs .bs-tabs-nav::before {
  border-bottom: none;
}
.phone-numbers-tabs .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab {
  height: 44px;
  padding: 0px;
}
.phone-numbers-tabs__tabs {
  margin: 0;
}
.phone-numbers-tabs__tabs .bs-tabs-nav {
  margin: 0;
}
.phone-numbers-tabs__tabs .bs-tabs-nav::before {
  border-bottom: none;
}
.phone-numbers-tabs__tabs .bs-tabs-tab {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  padding: 1rem 0;
  margin-right: 1.5rem;
}
.phone-numbers-tabs__tabs .bs-tabs-tab:hover {
  color: #1d4ed8;
}
.phone-numbers-tabs__tabs .bs-tabs-tab-active .bs-tabs-tab-btn {
  color: #1d4ed8;
}
.phone-numbers-tabs__tabs .bs-tabs-ink-bar {
  background-color: #1d4ed8;
  height: 3px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.scrollbar-container {
  position: relative;
  height: 100%; }

/*# sourceMappingURL=styles.css.map*/.pre-warmed-label-container {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  padding: 0.0625rem 0.375rem;
  background: #f1f5f9;
  border-radius: 6.25rem;
  font-size: 0.6875rem;
  color: #64748b;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1.4;
  cursor: default;
  flex-shrink: 0;
}.dialer-incoming-call-wrapper {
  z-index: 10001;
}

.dialer-incoming-call-container {
  width: 300px;
  border: 1px solid #2c2c2e;
  background: #080808;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.dialer-incoming-call-header {
  display: flex;
  align-items: center;
  background-color: #252525;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid #383838;
}

.dialer-incoming-call-drag-handle {
  display: flex;
  align-items: center;
  cursor: grab;
}
.dialer-incoming-call-drag-handle:active {
  cursor: grabbing;
}
.dialer-incoming-call-drag-handle svg {
  color: #676767;
}

.dialer-incoming-call-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #f3f4f6;
  flex: 1;
}

.dialer-incoming-call-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  gap: 6px;
}

.dialer-incoming-call-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 164px;
}
.dialer-incoming-call-info .dialer-incoming-call-name {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #f3f4f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialer-incoming-call-info .dialer-incoming-call-role {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #9e9e9e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialer-incoming-call-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.dialer-incoming-call-actions .dialer-incoming-call-answer-btn, .dialer-incoming-call-actions .dialer-incoming-call-decline-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s ease;
  padding: 0;
  color: #ffffff;
}
.dialer-incoming-call-actions .dialer-incoming-call-answer-btn:hover, .dialer-incoming-call-actions .dialer-incoming-call-decline-btn:hover {
  opacity: 0.85;
}
.dialer-incoming-call-actions .dialer-incoming-call-answer-btn:active, .dialer-incoming-call-actions .dialer-incoming-call-decline-btn:active {
  opacity: 0.7;
}
.dialer-incoming-call-actions .dialer-incoming-call-answer-btn {
  background: #15a34a;
}
.dialer-incoming-call-actions .dialer-incoming-call-decline-btn {
  background: #ee2828;
}.pre-call-test-modal .modal-dialog {
  max-width: 545px;
}
.pre-call-test-modal .bs-modal-header .modal-title {
  font: 600 16px/24px Inter, sans-serif;
  color: #1f2937;
}
.pre-call-test-modal .bs-modal-body {
  padding: 0 !important;
}
.pre-call-test-modal-body {
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pre-call-test-modal-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pre-call-test-modal-section-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font: 600 12px/16px Inter, sans-serif;
  color: #6b7280;
}
.pre-call-test-modal-section-label svg {
  flex-shrink: 0;
}
.pre-call-test-modal-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pre-call-test-modal-select-wrapper {
  flex: 1;
  min-width: 0;
}
.pre-call-test-modal-select-wrapper .transfer-select-box {
  width: 100% !important;
}
.pre-call-test-modal-select-wrapper .transfer-select-box .bs-select-box {
  height: 32px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 5px 10px;
  background: #ffffff;
  color: #374151;
}
.pre-call-test-modal-select-wrapper .transfer-select-box .bs-select-box:hover {
  border-color: #9ca3af;
}
.pre-call-test-modal-select-wrapper .transfer-select-box .bs-select-box:focus, .pre-call-test-modal-select-wrapper .transfer-select-box .bs-select-box:focus-within {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
}
.pre-call-test-modal-select-wrapper .transfer-select-box .bs-select-box .bs-select-box-text {
  font: 400 14px/20px Inter, sans-serif;
  color: #374151;
}
.pre-call-test-modal-select-wrapper .transfer-select-box .bs-select-box .bs-select-box-icon-wrapper svg {
  color: #6b7280;
}
.pre-call-test-modal-test-btn {
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  background: transparent;
  font: 500 14px/20px Inter, sans-serif;
  padding: 5px 16px;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
  flex: 1;
  max-width: 120px;
}
.pre-call-test-modal-test-btn:hover {
  background: rgba(29, 78, 216, 0.06);
}
.pre-call-test-modal-test-btn:active {
  background: rgba(29, 78, 216, 0.12);
}
.pre-call-test-modal-intensity-row-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pre-call-test-modal-intensity-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pre-call-test-modal-intensity-row label {
  font: 400 12px/20px Inter, sans-serif;
  color: #6b7280;
  flex-shrink: 0;
  margin: 0;
}
.pre-call-test-modal-bars {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.pre-call-test-modal-bar {
  height: 6px;
  width: 36px;
  border-radius: 10px;
  background: #e5e7eb;
  flex: 1;
}
.pre-call-test-modal-bar--green {
  background: #059669;
}
.pre-call-test-modal-bar--yellow {
  background: #f59e0b;
}
.pre-call-test-modal-bar--red {
  background: #ef4444;
}
.pre-call-test-modal-bar--animate {
  animation: pre-call-bar-pulse 0.8s ease-in-out infinite alternate;
}
.pre-call-test-modal-error {
  font: 400 12px/16px Inter, sans-serif;
  color: #ef4444;
}
.pre-call-test-modal-footer {
  border-top: 1px solid #e5e7eb;
  padding: 20px 24px;
  display: flex;
  justify-content: flex-end;
}

@keyframes pre-call-bar-pulse {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.mic-access-warning-modal .modal-dialog {
  max-width: 450px;
}
.mic-access-warning-modal .bs-modal-header {
  display: none;
}
.mic-access-warning-modal .bs-modal-body {
  padding: 0 !important;
}
.mic-access-warning-modal-body {
  padding: 24px 24px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mic-access-warning-modal-heading-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mic-access-warning-modal-heading-row svg {
  flex-shrink: 0;
}
.mic-access-warning-modal-title {
  font: 600 16px/24px Inter, sans-serif;
  color: #1f2937;
  margin: 0;
}
.mic-access-warning-modal-description {
  font: 400 14px/20px Inter, sans-serif;
  color: #1f2937;
  margin: 0;
}
.mic-access-warning-modal-steps-box {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 16px;
}
.mic-access-warning-modal-steps-heading {
  font: 400 14px/20px Inter, sans-serif;
  color: #4b5563;
  margin: 0 0 4px;
}
.mic-access-warning-modal-steps-list {
  font: 400 14px/20px Inter, sans-serif;
  color: #4b5563;
  margin: 0;
  padding-left: 21px;
}
.mic-access-warning-modal-steps-list li {
  margin-bottom: 0;
}
.mic-access-warning-modal-steps-list strong {
  font-weight: 600;
  color: #4b5563;
}
.mic-access-warning-modal-footer {
  border-top: 1px solid #e5e7eb;
  padding: 20px 24px;
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

.draggable-dialer-main-container {
  position: fixed;
  width: 332px;
  height: 600px;
  border: 1px solid #2c2c2e;
  z-index: 1050;
}
.draggable-dialer-main-container.dialer-ringing {
  height: 451px;
}
.draggable-dialer-main-container {
  background: #080808;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}
.draggable-dialer-main-container--pip {
  border-radius: 0 0 16px 16px;
}
.draggable-dialer-main-container {
  display: flex;
  flex-direction: column;
  user-select: none;
}
.draggable-dialer-main-container > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.draggable-dialer-main-container.dragging {
  cursor: grabbing;
}
.draggable-dialer-main-container.dragging .dialer-header-container {
  cursor: grabbing;
}

.bs-pip-dialer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}
.bs-pip-dialer .draggable-dialer-main-container {
  position: relative !important;
  left: auto !important;
  top: auto !important;
}

.dialer-header-container {
  height: 52px;
  width: 100%;
  padding: 16px;
  background: #252525;
  border-radius: 16px 16px 0 0;
  cursor: default !important;
  border-bottom: 1px solid #383838;
}
.dialer-header-container--pip {
  border-radius: 0;
}

.dialer-header {
  width: 298px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dialer-header-left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.dialer-header-dots-container {
  display: flex;
  margin-top: 1px;
  cursor: grab;
}
.dialer-header-dots-container:active {
  cursor: grabbing;
}
.dialer-header-dots-container .dialer-header-dots-icon {
  color: #676767;
}
.dialer-header-dots-container .dialer-header-dots-icon:active {
  transform: scale(0.88);
}
.dialer-header-right {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dialer-header-right .dialer-header-call-duration {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #f3f4f6;
}
.dialer-header-title-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dialer-header-title-container .dialer-header-network-bars {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialer-header-title {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #f3f4f6;
}
.dialer-header-title.ringing {
  color: #9e9e9e;
}
.dialer-header-title.call-connected {
  color: #15a34a;
}
.dialer-header-title.connected {
  color: #10b981;
  font-size: 14px;
  font-weight: 500;
}
.dialer-header-close-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f3f4f6;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.dialer-header-close-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.dialer-header-close-btn:active {
  background-color: rgba(255, 255, 255, 0.15);
}

.dialer-headset {
  padding: 4px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f3f4f6;
  border-radius: 4px;
  background: transparent;
  transition: background-color 0.2s;
}
.dialer-headset:hover {
  background-color: #4f4f4f;
}
.dialer-headset:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.dialer-headset-icon {
  opacity: 1;
  filter: brightness(0) invert(1);
}

.dialer-headset-wrapper {
  position: relative;
}
.dialer-headset-wrapper .dialer-headset-tooltip {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-88%);
  background-color: #ffffff;
  color: #1f2937;
  padding: 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  width: 200px;
  max-width: 200px;
  white-space: normal;
  text-align: start;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.dialer-headset-wrapper .dialer-headset-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 88%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
}
.dialer-headset-wrapper:hover .dialer-headset-tooltip {
  visibility: visible;
}

.dialer-content {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-anchor: none;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}
.dialer-content.dialer-content-recording {
  padding: 16px 0 0 0;
}
.dialer-content.dialer-prospect-list {
  padding: 20px 0 0 0;
}

.dialer-phone-separator {
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  margin: 0 8px;
}

.dialer-keypad {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
  background-color: #080808;
}

.dialer-keypad-warning-banner {
  width: 100%;
  background: rgba(146, 64, 14, 0.5019607843);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  border-radius: 8px;
}
.dialer-keypad-warning-banner .text-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.dialer-keypad-warning-banner .text-container p {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  line-height: 16px;
}
.dialer-keypad-warning-banner .fix-it-btn {
  border-radius: 4px;
  background-color: rgba(217, 119, 6, 0.5019607843);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  font-family: Inter, sans-serif;
  padding: 0 8px;
  border: none;
  transition: background-color 0.2s;
}
.dialer-keypad-warning-banner .fix-it-btn:hover {
  background-color: #d97706;
}
.dialer-keypad-warning-banner .fix-it-btn:active {
  background-color: rgba(217, 119, 6, 0.5019607843);
}

.dialer-phone-input-container {
  width: 100%;
  border-bottom: 1px solid #383838;
}
.dialer-phone-input-container .country-code-phone-input-picker {
  background: transparent;
  border: none;
  outline: none;
  gap: 0;
}
.dialer-phone-input-container .country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container {
  background: transparent;
  border: none;
  outline: none;
}
.dialer-phone-input-container .country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-picker-button {
  padding: 8px 8px 6px 0px;
  background: transparent;
  border: none;
  outline: none;
}
.dialer-phone-input-container .country-code-phone-input-picker .country-code-input-divider {
  width: 1px;
  height: 16px;
  background: #383838;
  margin: 10px 0 4px 0;
}
.dialer-phone-input-container .country-code-phone-input-picker .country-code-phone-input-picker-dropdown {
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: #4f4f4f transparent;
}
.dialer-phone-input-container .country-code-phone-input-picker .country-code-phone-input-picker-dropdown::-webkit-scrollbar {
  width: 6px;
}
.dialer-phone-input-container .country-code-phone-input-picker .country-code-phone-input-picker-dropdown::-webkit-scrollbar-track {
  background: transparent;
}
.dialer-phone-input-container .country-code-phone-input-picker .country-code-phone-input-picker-dropdown::-webkit-scrollbar-thumb {
  background-color: #4f4f4f;
  border-radius: 3px;
}
.dialer-phone-input-container .country-code-phone-input-picker .phone-input-field-container .phone-input-field {
  padding: 8px 8px 6px 8px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  line-height: 20px;
  color: #f3f4f6;
}

.dialer-keypad-grid-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 18px;
}

.dialer-keypad-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 16px;
  column-gap: 32px;
  justify-items: center;
  align-items: center;
}

.dialer-keypad-btn {
  background: #252525;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.2s;
  padding: 0;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #383838;
  outline: none;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.dialer-keypad-btn.no-btn {
  visibility: hidden;
  cursor: default;
}
.dialer-keypad-btn:hover {
  border: 1px solid #9e9e9e;
}
.dialer-keypad-btn .dialer-keypad-btn-number {
  color: #f3f4f6;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
  font-size: 20px;
}
.dialer-keypad-btn .dialer-keypad-btn-number.dialer-keypad-btn-number-star {
  position: absolute;
  top: 16px;
  height: fit-content;
  left: 20px;
}
.dialer-keypad-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: scale(0.98);
}
.dialer-keypad-btn:active {
  background-color: rgba(255, 255, 255, 0.15);
  transform: scale(0.95);
}
.dialer-keypad-btn--key-pressed {
  background-color: rgba(255, 255, 255, 0.1);
  transform: scale(0.98);
}

.dialer-call-via-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dialer-call-via-container p {
  color: #676767;
  font-size: 12px;
  text-align: center;
  margin: 0;
  line-height: 14px;
}
.dialer-call-via-container .dialer-call-via-select-container {
  width: 220px !important;
  border-radius: 4px !important;
}
.dialer-call-via-container .dialer-call-via-select-container .bs-select-box {
  background: #252525 !important;
  color: #f3f4f6 !important;
  border: 1px solid #383838;
  border-radius: 8px;
  gap: 16px;
  padding: 6px 12px;
}
.dialer-call-via-container .dialer-call-via-select-container .bs-select-box:hover {
  border: 1px solid #9e9e9e;
}
.dialer-call-via-container .dialer-call-via-select-container .bs-select-box:focus, .dialer-call-via-container .dialer-call-via-select-container .bs-select-box:focus-within {
  border: 1px solid #9e9e9e;
  box-shadow: none;
}
.dialer-call-via-container .dialer-call-via-select-container .bs-select-box .bs-select-box-text {
  line-height: 16px;
}
.dialer-call-via-container .dialer-call-via-select-container .bs-select-box .bs-select-box-text.placeholder {
  display: flex;
  align-items: center;
  color: #9e9e9e;
}
.dialer-call-via-container .dialer-call-via-select-container .bs-select-box .bs-select-box-icon-wrapper {
  color: #b0b0b0 !important;
  margin: 0px;
}
.dialer-call-via-container .dialer-call-via-select-container .bs-select-box .bs-select-box-icon-wrapper svg {
  color: #808080;
}

.dialer-call-via-skeleton {
  display: flex;
  justify-content: center;
}
.dialer-call-via-skeleton.dialer-call-via-skeleton span:nth-of-type(1) {
  display: flex;
  width: 100%;
}
.dialer-call-via-skeleton .react-loading-skeleton {
  --base-color: #252525 !important;
  --highlight-color: #383838 !important;
}

.dialer-call-via-select {
  width: 276px !important;
  z-index: 10000 !important;
}
.dialer-call-via-select .bs-select-box:focus-within {
  border: none !important;
  outline: none !important;
}
.dialer-call-via-select .transfer-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #141414;
  border-radius: 8px;
  border: 1px solid #252525;
}
.dialer-call-via-select .transfer-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
  gap: 8px;
}
.dialer-call-via-select .transfer-body .transfer-search {
  height: 100% !important;
  background: #252525 !important;
  padding: 6px 12px !important;
}
.dialer-call-via-select .transfer-body .transfer-search .bs-input-affix-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dialer-call-via-select .transfer-body .transfer-search .bs-input-affix-wrapper.bs-input-affix-wrapper::before {
  content: none;
}
.dialer-call-via-select .transfer-body .transfer-search .bs-input-affix-wrapper .input-icons-left {
  margin: 0 !important;
}
.dialer-call-via-select .transfer-body .transfer-search .bs-input-affix-wrapper .input-icons-left .bs-input-prefix {
  margin: 0;
}
.dialer-call-via-select .transfer-body .transfer-search .bs-input-affix-wrapper .input-icons-left .bs-input-prefix .sh-search {
  color: #9e9e9e;
}
.dialer-call-via-select .transfer-body .transfer-search .bs-input-affix-wrapper .bs-input-md {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #9e9e9e;
}
.dialer-call-via-select .transfer-content {
  flex: 1;
  overflow-y: auto;
  max-height: 158px !important;
  scrollbar-width: thin;
  scrollbar-color: #4f4f4f transparent;
}
.dialer-call-via-select .transfer-content::-webkit-scrollbar {
  width: 6px;
}
.dialer-call-via-select .transfer-content::-webkit-scrollbar-track {
  background: transparent;
}
.dialer-call-via-select .transfer-content::-webkit-scrollbar-thumb {
  background-color: #4f4f4f;
  border-radius: 3px;
}
.dialer-call-via-select .transfer-content div {
  display: flex;
  flex-direction: column;
}
.dialer-call-via-select .transfer-content div li {
  padding: 6px 16px !important;
}
.dialer-call-via-select .transfer-content div li.active, .dialer-call-via-select .transfer-content div li:hover {
  background-color: #252525 !important;
}
.dialer-call-via-select .transfer-content div li span {
  color: #dedede !important;
  line-height: 20px;
}
.dialer-call-via-select .transfer-content .transfer-empty img {
  display: none;
}
.dialer-call-via-select.dialer-call-via-select-disabled .transfer-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialer-call-via-select.dialer-call-via-select-disabled .transfer-content .transfer-list {
  width: 100%;
}

.dialer-call-btn {
  width: 52px;
  height: 52px;
  background: #15a34a;
  border: none;
  border-radius: 50%;
  color: #f3f4f6;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: 0.1s ease-in-out;
}
.dialer-call-btn svg {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #ffffff;
}
.dialer-call-btn:hover:not(:disabled) {
  background: #007d2f;
}
.dialer-call-btn:active:not(:disabled) {
  opacity: 0.9;
}
.dialer-call-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.dialer-prospect {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
  padding: 0 10px;
}

.dialer-search-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 6px;
}

.dialer-search-icon {
  position: absolute;
  left: 18px;
  color: #676767;
  pointer-events: none;
}

.dialer-search-input {
  width: 100%;
  background: #252525;
  border: 1px solid #383838;
  border-radius: 8px;
  color: #f3f4f6;
  padding: 5px 10px 5px 34px;
  font-size: 14px;
  line-height: 20px;
  outline: none;
  transition: border-color 0.2s;
}
.dialer-search-input::placeholder {
  color: #676767;
}
.dialer-search-input:focus {
  border-color: rgba(255, 255, 255, 0.3);
}

.dialer-prospect-list {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 6px 10px 6px;
}
.dialer-prospect-list .infinite-scroll-component {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.dialer-prospect-item {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  transition: background-color 0.2s;
}

.dialer-prospect-alphabet-header {
  font-size: 12px;
  color: #717171;
  font-weight: 500;
  flex-shrink: 0;
  width: 20px;
  text-align: left;
}

.dialer-ringing-controls-header {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.dialer-ringing-controls-header .dialer-end-call-icon-container {
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.1s ease-in-out;
  border-radius: 4px;
  background: none;
  border: none;
  height: 100%;
}
.dialer-ringing-controls-header .dialer-end-call-icon-container:hover {
  background: #383838;
}
.dialer-ringing-controls-header .dialer-end-call-icon-container:hover .dialer-prospect-call-icon {
  color: #dedede;
}
.dialer-ringing-controls-header .dialer-end-call-icon-container .dialer-prospect-call-icon {
  color: #808080;
}

.prospect-details-wrapper {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.prospect-details-wrapper .prospect-name {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: #f3f4f6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85%;
  line-height: 17px;
}
.prospect-details-wrapper .prospect-phone-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.prospect-details-wrapper .prospect-phone-row .prospect-phone {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  color: #9e9e9e;
  line-height: 15px;
}
.prospect-details-wrapper .prospect-phone-row .prospect-phone-more {
  border: 1px solid #383838;
  border-radius: 100px;
  padding: 2px 8px 2.5px 8px;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
  font-weight: 400;
  font-size: 12px;
  color: #dedede;
  line-height: 15px;
}
.prospect-details-wrapper .prospect-phone-row .prospect-phone-more:hover {
  border-color: #9e9e9e;
}
.prospect-details-wrapper .prospect-phone {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  color: #9e9e9e;
}

.dialer-ringing-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
  flex-shrink: 0;
  color: #3b82f6;
  background-color: rgba(30, 58, 138, 0.5019607843);
}

.dialer-prospect-list-name-container {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
}
.dialer-prospect-list-name-container .dialer-prospect-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f3f4f6;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  max-width: 85%;
}

.dialer-prospect-call-btn {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
}
.dialer-prospect-call-btn:hover {
  color: #f3f4f6;
  background-color: rgba(255, 255, 255, 0.1);
}
.dialer-prospect-call-btn:active {
  background-color: rgba(255, 255, 255, 0.15);
}

.dialer-prospect-skeleton {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 6px;
}
.dialer-prospect-skeleton .dialer-prospect-item .react-loading-skeleton {
  --base-color: #252525 !important;
  --highlight-color: #383838 !important;
}

.dialer-prospect-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
}
.dialer-prospect-loader .spinner-border {
  width: 24px;
  height: 24px;
  border-width: 2px;
  color: rgba(255, 255, 255, 0.5);
}

.dialer-prospect-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  height: 100%;
}
.dialer-prospect-empty-state-text {
  color: #717171;
  font-size: 14px;
  margin: 0;
}

.dialer-prospect-empty {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  padding: 32px 16px;
}

.dialer-footer {
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px 12px;
  gap: 4px;
  background: #252525;
  border-radius: 0 0 16px 16px;
}

.dialer-footer-tab {
  flex: 1;
  background: transparent;
  border: none;
  color: #676767;
  cursor: pointer;
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  transition: all 0.2s;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.dialer-footer-tab:hover {
  color: rgba(255, 255, 255, 0.8);
}
.dialer-footer-tab.active {
  color: #ffffff;
}
.dialer-footer-tab span {
  line-height: 20px;
}

.dialer-content::-webkit-scrollbar,
.dialer-prospect-list::-webkit-scrollbar {
  width: 6px;
}

.dialer-content::-webkit-scrollbar-track,
.dialer-prospect-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}

.dialer-content::-webkit-scrollbar-thumb,
.dialer-prospect-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
.dialer-content::-webkit-scrollbar-thumb:hover,
.dialer-prospect-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.dialer-ringing-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper {
  display: flex;
  border-bottom: 1px solid #383838;
  padding: 0px 16px 16px 16px;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls.end-initiated-call {
  opacity: 0.35;
  pointer-events: none;
  user-select: none;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .dialer-ringing-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 12px;
  font-weight: 500;
  flex-shrink: 0;
  color: #3b82f6;
  background-color: rgba(30, 58, 138, 0.5019607843);
  font-size: 16px;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .prospect-details-wrapper {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 2px;
  min-width: 0;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .prospect-details-wrapper p {
  margin: 0;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .prospect-details-wrapper .prospect-name {
  font-size: 16px;
  color: #f3f4f6;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85%;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .prospect-details-wrapper .prospect-phone-row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .prospect-details-wrapper .prospect-phone-row .prospect-phone {
  font-weight: 400;
  font-size: 12px;
  color: #a6a6a6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  flex: 1;
  min-width: 0;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .prospect-details-wrapper .prospect-phone-row .prospect-phone-more {
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #3b82f6;
  cursor: pointer;
  white-space: nowrap;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .prospect-details-wrapper .prospect-phone-row .prospect-phone-more:hover {
  text-decoration: underline;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .dialer-end-call-icon-container {
  padding: 10px;
  background: #ee2828;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .dialer-end-call-icon-container.shd-button {
  height: 100%;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .dialer-end-call-icon-container:not(.shd-button--disabled):hover {
  background: #d91f1f;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .dialer-end-call-icon-container span svg {
  width: 100%;
  height: 100%;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header .dialer-end-call-icon-container:active {
  transform: scale(0.98);
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-header span {
  display: inline-block;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: flex-start;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  height: 100%;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button:not(.shd-button--disabled):hover span .dialer-ringing-functionality-icon:not(.active), .dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button:not(.shd-button--disabled):hover span .dialer-ringing-microphone-icon:not(.active) {
  border: 1px solid #9e9e9e;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button.shd-button--disabled.dialer-microphone-icon:hover {
  border: 1px solid #252525;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-functionality-icon, .dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-microphone-icon {
  background: #252525;
  padding: 9px;
  border-radius: 50%;
  color: #ffffff;
  border: 1px solid #383838;
  transition: 0.1s ease-in-out;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-functionality-icon:active, .dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-microphone-icon:active {
  transform: scale(0.98);
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-functionality-icon.active, .dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-microphone-icon.active {
  background: #f3f4f6 !important;
  color: #252525;
  border: 1px solid #ffffff;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-functionality-icon.dialer-ringing-microphone-icon, .dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-microphone-icon.dialer-ringing-microphone-icon {
  padding: 11px;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-keypad-icon-container {
  padding: 11px;
  border-radius: 50%;
  background: #252525;
  border: 1px solid #383838;
  transition: 0.1s ease-in-out;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-keypad-icon-container.active {
  background: #f3f4f6 !important;
  border: 1px solid #ffffff;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-keypad-icon-container.active .dialer-ringing-keypad-icon {
  color: #252525;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-keypad-icon-container:not(.active):not(.disabled):hover {
  border: 1px solid #9e9e9e;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-keypad-icon-container .dialer-ringing-keypad-icon {
  color: #ffffff;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-keypad-icon-container .dialer-ringing-keypad-icon:active {
  transform: scale(0.98);
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-ringing-keypad-icon-container .dialer-ringing-keypad-icon.dialer-ringing-microphone-icon {
  padding: 11px;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span .dialer-call-hold-icon-enable,
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button span svg {
  width: auto;
  height: auto;
}
.dialer-ringing-container .dialer-ringing-controls-wrapper .dialer-ringing-controls .dialer-ringing-controls-btns .shd-button .dialer-call-hold-icon-enable {
  color: #252525;
  border-radius: 50%;
}
.dialer-ringing-container .dialer-ringing-note-wrapper {
  height: 100%;
  display: flex;
  padding: 16px 16px 0px 16px;
}
.dialer-ringing-container .dialer-ringing-note-wrapper textarea {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  background: #252525;
  color: #f3f4f6;
  padding: 12px 12px 0px 12px;
  border: 1px solid #383838;
  outline: none;
  resize: none;
}
.dialer-ringing-container .dialer-ringing-note-wrapper textarea::-webkit-scrollbar {
  width: 6px;
}
.dialer-ringing-container .dialer-ringing-note-wrapper textarea::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.0509803922);
  border-radius: 3px;
}
.dialer-ringing-container .dialer-ringing-note-wrapper textarea::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
.dialer-ringing-container .dialer-ringing-note-wrapper textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3019607843);
}
.dialer-ringing-container .dialer-ringing-note-wrapper textarea::placeholder {
  color: #717171;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
  position: relative;
  overflow: visible;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-container .dialer-ringing-voicemail-instruction {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #f3f4f6;
  margin: 0;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-container .dialer-ringing-voicemail-form {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-container .dialer-ringing-voicemail-form .dialer-ringing-voicemail-label {
  font-weight: 400;
  font-size: 12px;
  line-height: 16.5px;
  color: #9e9e9e;
  margin: 0px;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-container .dialer-ringing-voicemail-form .voicemail-template-dropdown-trigger {
  border: 1px solid #383838;
  background: #252525;
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 34px;
  padding: 7px 12px;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-container .dialer-ringing-voicemail-form .voicemail-template-dropdown-trigger:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #1e3a8a;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-container .dialer-ringing-voicemail-form .voicemail-template-dropdown-trigger .voicemail-template-dropdown-trigger-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #f3f4f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-actions {
  display: flex;
  justify-content: flex-end;
  border: 1px solid #252525;
  padding: 15px 20px;
  background: #1f1f1f;
  border-radius: 0 0 16px 16px;
}
.dialer-ringing-container .dialer-ringing-voicemail-drop-container .dialer-ringing-voicemail-actions .shd-button {
  border-radius: 8px;
  color: #f2f2f7;
  background: #1d4ed8;
}

.dialer-in-call-keypad {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dialer-in-call-keypad .dialer-in-call-keypad-input-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 6px 12px;
  margin: 0 16px;
  border-bottom: 1px solid #383838;
}
.dialer-in-call-keypad .dialer-in-call-keypad-input {
  flex: 1;
  min-width: 0;
  direction: ltr;
  text-align: left;
  background: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #f3f4f6;
  padding: 0;
}
.dialer-in-call-keypad .dialer-in-call-keypad-input::placeholder {
  color: #a6a6a6;
  font-weight: 400;
}
.dialer-in-call-keypad .dialer-in-call-keypad-input-clear {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dialer-in-call-keypad .dialer-in-call-keypad-input-clear .dialer-in-call-keypad-clear-icon {
  color: #f3f4f6;
  opacity: 0.7;
}
.dialer-in-call-keypad .dialer-in-call-keypad-input-clear:hover .dialer-in-call-keypad-clear-icon {
  opacity: 1;
}
.dialer-in-call-keypad .dialer-in-call-keypad-grid {
  column-gap: 32px;
  row-gap: 16px;
  padding: 0 55px;
}

.phone-numbers-bottom-sheet-content--in-call-keypad {
  padding: 0 16px 20px;
  max-height: none;
  overflow: visible;
  flex: 0 1 auto;
}
.phone-numbers-bottom-sheet--inline .phone-numbers-bottom-sheet-content--in-call-keypad {
  max-height: none;
}

.voicemail-template-dropdown {
  width: 100%;
  transform: translate(0px, 262px) !important;
}
.voicemail-template-dropdown.transfer-overlay {
  padding: 0px 16px;
}
.voicemail-template-dropdown-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: #252525;
  border: 1px solid #383838;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s;
}
.voicemail-template-dropdown-trigger:hover {
  border-color: rgba(255, 255, 255, 0.3);
}
.voicemail-template-dropdown-trigger:focus {
  outline: none;
  border-color: #3b82f6;
}
.voicemail-template-dropdown-trigger-text {
  font-size: 14px;
  font-weight: 400;
  color: #f3f4f6;
  flex: 1;
  text-align: left;
}
.voicemail-template-dropdown-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b0b0b0;
  flex-shrink: 0;
}
.voicemail-template-dropdown-footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px 16px;
  border-top: 1px solid #383838;
}

.voicemail-template-option {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #f3f4f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.voicemail-template-dropdown .transfer-container {
  background-color: #141414;
  border: 1px solid #252525;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.voicemail-template-dropdown .transfer-container .transfer-body {
  background: #252525;
  border-radius: 8px;
}
.voicemail-template-dropdown .transfer-container .transfer-body .transfer-search {
  height: 100%;
  background: #252525 !important;
  padding: 6px 12px;
}
.voicemail-template-dropdown .transfer-container .transfer-body .transfer-search .bs-input-affix-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.voicemail-template-dropdown .transfer-container .transfer-body .transfer-search .bs-input-affix-wrapper.bs-input-affix-wrapper::before {
  content: none;
}
.voicemail-template-dropdown .transfer-container .transfer-body .transfer-search .bs-input-affix-wrapper .input-icons-left {
  margin: 0 !important;
}
.voicemail-template-dropdown .transfer-container .transfer-body .transfer-search .bs-input-affix-wrapper .input-icons-left .bs-input-prefix {
  margin: 0;
}
.voicemail-template-dropdown .transfer-container .transfer-body .transfer-search .bs-input-affix-wrapper .input-icons-left .bs-input-prefix .sh-search {
  color: #9e9e9e;
}
.voicemail-template-dropdown .transfer-container .transfer-body .transfer-search .bs-input-affix-wrapper .bs-input-md {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #9e9e9e;
}
.voicemail-template-dropdown .transfer-container .transfer-content {
  background: #252525;
  max-height: 126px !important;
}
.voicemail-template-dropdown .transfer-container .transfer-content::-webkit-scrollbar {
  width: 6px;
}
.voicemail-template-dropdown .transfer-container .transfer-content::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}
.voicemail-template-dropdown .transfer-container .transfer-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
.voicemail-template-dropdown .transfer-container .transfer-content div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.voicemail-template-dropdown .transfer-container .transfer-content div li {
  padding: 6px 16px !important;
}
.voicemail-template-dropdown .transfer-container .transfer-content div li.active, .voicemail-template-dropdown .transfer-container .transfer-content div li:hover {
  background-color: #252525 !important;
}
.voicemail-template-dropdown .transfer-container .transfer-content div li span {
  color: #dedede !important;
  line-height: 20px;
}

.dialer-ringing-voicemail-container {
  position: relative;
  overflow: visible;
}
.dialer-ringing-voicemail-container .voicemail-template-dropdown {
  position: relative;
}

.dialer-popup-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dialer-popup-container > * {
  position: relative;
}

.dialer-content-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.dialer-content-wrapper .dialer-in-call-keypad-sheet-layer .phone-numbers-bottom-sheet-backdrop {
  display: none;
  background: none;
}
.dialer-content-wrapper .phone-numbers-bottom-sheet .phone-numbers-bottom-sheet-content {
  max-height: none;
}

.dialer-in-call-keypad-sheet-layer {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
  isolation: isolate;
}

.phone-numbers-bottom-sheet-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}
.phone-numbers-bottom-sheet-backdrop:not(.phone-numbers-bottom-sheet-backdrop--open) {
  pointer-events: none;
}
.phone-numbers-bottom-sheet-backdrop--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.phone-numbers-bottom-sheet-backdrop--inline {
  position: absolute;
  inset: 0;
  z-index: 10;
}

.phone-numbers-bottom-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 70vh;
  background: #080808;
  border-radius: 16px 16px 0 0;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 4px 0 rgba(4, 21, 76, 0.2784313725), 0 8px 6px 0 rgba(4, 21, 76, 0.0784313725);
  border-top: 1px solid #383838;
  will-change: transform;
}
.phone-numbers-bottom-sheet:not(.phone-numbers-bottom-sheet--open) {
  pointer-events: none;
}
.phone-numbers-bottom-sheet--open {
  transform: translateY(0);
  pointer-events: auto;
}
.phone-numbers-bottom-sheet--inline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 86%;
  z-index: 11;
}

.phone-numbers-bottom-sheet-handle {
  padding: 16px 16px 12px 18px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.phone-numbers-bottom-sheet-handle-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.phone-numbers-bottom-sheet-handle-bar .phone-number-selected-prospect-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #f3f4f6;
  min-width: 0;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phone-numbers-bottom-sheet-handle-bar .phone-numbers-bottom-sheet-close-icon {
  display: flex;
  align-items: center;
  color: #f3f4f6;
  padding: 2px;
  border-radius: 4px;
}
.phone-numbers-bottom-sheet-handle-bar .phone-numbers-bottom-sheet-close-icon:hover {
  background: rgba(255, 255, 255, 0.1019607843);
}

.phone-numbers-bottom-sheet-content {
  flex: 1;
  overflow-y: auto;
  padding: 0 0px 24px;
  max-height: 60vh;
}
.phone-numbers-bottom-sheet--inline .phone-numbers-bottom-sheet-content {
  max-height: 50vh;
}
.phone-numbers-bottom-sheet-content::-webkit-scrollbar {
  width: 6px;
}
.phone-numbers-bottom-sheet-content::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}
.phone-numbers-bottom-sheet-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

.phone-numbers-bottom-sheet-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}

.phone-numbers-bottom-sheet-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 16px;
  background: #252525;
  border-radius: 8px;
}

.phone-numbers-bottom-sheet-item-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.phone-numbers-bottom-sheet-item-label {
  font-size: 12px;
  font-weight: 400;
  color: #9e9e9e;
  text-transform: capitalize;
}

.phone-numbers-bottom-sheet-item-number {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #f3f4f6;
}
.phone-numbers-bottom-sheet-item-number .phone-numbers-bottom-sheet-item-primary {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #dedede;
  padding: 2px 8px;
  background: #064e3b;
  border-radius: 100px;
}

.phone-numbers-bottom-sheet-item-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.phone-numbers-bottom-sheet-item-call {
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease-in-out;
}
.phone-numbers-bottom-sheet-item-call:hover {
  background: #383838;
}
.phone-numbers-bottom-sheet-item-call:hover .phone-numbers-bottom-sheet-call-icon {
  color: #dedede;
}
.phone-numbers-bottom-sheet-item-call .phone-numbers-bottom-sheet-call-icon {
  color: #808080;
}

.dialer-credits-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 10px;
  line-height: 14px;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 16px;
}
.dialer-credits-chip__action {
  font-weight: 600;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.dialer-credits-chip--warning {
  background: rgba(220, 147, 9, 0.1490196078);
  border-color: rgba(220, 147, 9, 0.4196078431);
  color: #f0be72;
}
.dialer-credits-chip--danger {
  background: rgba(209, 68, 52, 0.1607843137);
  border-color: rgba(209, 68, 52, 0.4392156863);
  color: #ffa79c;
}

.dialer-header-tooltip {
  left: -60px !important;
}
.dialer-header-tooltip .arrow {
  left: 60px !important;
}
.dialer-header-tooltip .arrow::before {
  border-bottom-color: #ffffff !important;
}
.dialer-header-tooltip .tooltip-inner {
  max-width: 200px !important;
  color: #1f2937 !important;
  background-color: #ffffff !important;
}

.dialer-demo-mode-info-tooltip.tooltip {
  display: flex;
}
.dialer-demo-mode-info-tooltip.tooltip.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #ffffff;
}
.dialer-demo-mode-info-tooltip.tooltip .tooltip-inner {
  background: #ffffff;
  color: #1f2937;
}

.dialer-call-btn-tooltip-wrapper {
  position: relative;
}
.dialer-call-btn-tooltip-wrapper .dialer-call-btn-tooltip {
  visibility: hidden;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  color: #1f2937;
  padding: 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  width: 200px;
  max-width: 200px;
  white-space: normal;
  text-align: start;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.dialer-call-btn-tooltip-wrapper .dialer-call-btn-tooltip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #ffffff;
}
.dialer-call-btn-tooltip-wrapper:hover .dialer-call-btn-tooltip {
  visibility: visible;
}.country-code-phone-input-picker {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 12px;
  align-items: stretch;
  background: rgba(255, 255, 255, 0.05);
  position: relative;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container {
  position: relative;
  z-index: 100;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-picker-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  backdrop-filter: blur(10px);
  outline: none;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-picker-button .country-code-picker-button-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-flag-img {
  display: block;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 2px;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-flag-img--button {
  width: 16px;
  height: 12px;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-flag-img--list {
  width: 20px;
  height: 15px;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 294px;
  max-height: 250px;
  background: rgba(30, 30, 30, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  animation: slideDown 0.2s ease-out;
  padding-block: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-search {
  padding: 0px;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-search-input {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-search-input svg {
  color: #ffffff;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-search-input-field {
  width: 100%;
  padding: 12px 14px 12px 44px;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  box-shadow: none;
  border-radius: 0px;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  font-family: inherit;
  transition: all 0.2s ease;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-search-input-field:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-search-input-field:hover {
  background: rgba(255, 255, 255, 0.08);
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-country-list {
  max-height: 320px;
  overflow-y: auto;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-country-list-option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.15s ease;
  text-align: left;
  outline: none;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-country-list-option--selected {
  background: rgba(255, 255, 255, 0.1019607843);
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-country-list-option:hover {
  background: rgba(255, 255, 255, 0.0784313725);
  outline-offset: -1px;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-country-list-option--focused {
  background: rgba(255, 255, 255, 0.0784313725);
  outline-offset: -1px;
}
.country-code-phone-input-picker .country-code-phone-input-picker-dropdown-container .country-code-phone-input-picker-dropdown-country-list .country-code-phone-input-picker-dropdown-country-list-option-no-countries-found {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #717171;
}
.country-code-phone-input-picker .phone-input-field-container {
  position: relative;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 1;
  min-width: 0;
}
.country-code-phone-input-picker .phone-input-field-container .phone-input-field {
  flex: 1;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  font-family: inherit;
  outline: none;
  transition: all 0.2s ease;
  backdrop-filter: blur(10px);
  cursor: text;
  width: 100%;
  max-width: 90%;
}
.country-code-phone-input-picker .phone-input-field-container .phone-input-field-icon .phone-input-clear-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: #808080;
  transition: all 0.2s ease-in-out;
}
.country-code-phone-input-picker .phone-input-field-container .phone-input-field-icon .phone-input-clear-icon:active {
  transform: scale(0.95);
}
.country-code-phone-input-picker .phone-input-field-container .phone-input-field-icon .phone-input-clear-icon:hover {
  color: #f3f4f6;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.bs-post-call-outcome-modal .modal-dialog {
  width: 545px;
  max-width: 545px;
}
.bs-post-call-outcome-modal .modal-header {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 4px 4px 0 0;
}
.bs-post-call-outcome-modal .modal-body {
  padding: 0 !important;
}
.bs-post-call-outcome-modal .modal-body .modal-label {
  margin-bottom: 0 !important;
}
.bs-post-call-outcome-modal .modal-body .bs-post-call-outcome-modal__credit-notice .bs-post-call-outcome-modal__credit-notice-text {
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.bs-post-call-outcome-modal .modal-body .bs-post-call-outcome-modal__credit-notice .bs-post-call-outcome-modal__credit-notice-action {
  font-size: 12px;
  font-weight: 400;
  margin: 0px;
}
.bs-post-call-outcome-modal__header-container {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bs-post-call-outcome-modal__header {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.bs-post-call-outcome-modal__icon-tag--warning {
  background: #dc9309 !important;
}
.bs-post-call-outcome-modal__icon-tag {
  width: 40px;
  height: 40px;
  background: #8b5cf6;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bs-post-call-outcome-modal__header-text {
  display: flex;
  flex-direction: column;
  gap: 0px;
  max-height: 44px;
}
.bs-post-call-outcome-modal__header-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bs-post-call-outcome-modal__duration-pill {
  background: #f3f4f6;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 500;
  color: #262626;
  line-height: 20px;
}
.bs-post-call-outcome-modal__body {
  padding: 16px 24px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bs-post-call-outcome-modal__prospect-row {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.bs-post-call-outcome-modal__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #eff6ff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bs-post-call-outcome-modal__prospect-info {
  flex: 1;
  min-width: 0;
}
.bs-post-call-outcome-modal__prospect-info .prospect-name {
  display: flex;
  flex-direction: column;
}
.bs-post-call-outcome-modal__dnc-btn {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px;
}
.bs-post-call-outcome-modal__dnc-btn svg {
  color: #6b7280;
}
.bs-post-call-outcome-modal__dnc-btn:hover {
  background-color: #f3f4f6;
}
.bs-post-call-outcome-modal__call-via {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bs-post-call-outcome-modal__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bs-post-call-outcome-modal__field .call-outcome-option-dropdown button {
  width: 100%;
}
.bs-post-call-outcome-modal__field .call-outcome-option-dropdown {
  width: 100%;
}
.bs-post-call-outcome-modal__field .inline-mention-editor {
  width: 100%;
  max-height: 150px;
}
.bs-post-call-outcome-modal__field .inline-mention-editor ::before {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #9ca3af;
}
.bs-post-call-outcome-modal__field .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mce-content-body {
  min-height: 85px;
}
.bs-post-call-outcome-modal__field .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mce-content-body div {
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  font-weight: 400;
}
.bs-post-call-outcome-modal__field .bs-call-logs-detail-call-outcome-select .bs-simple-options-dropdown {
  width: 100%;
}
.bs-post-call-outcome-modal__field .bs-call-logs-detail-call-outcome-select .bs-simple-options-dropdown .bs-simple-options-dropdown__trigger {
  width: 100%;
}
.bs-post-call-outcome-modal__field .bs-call-logs-detail-call-outcome-select .bs-simple-options-dropdown .bs-simple-options-dropdown__menu {
  padding: 8px 0;
}
.bs-post-call-outcome-modal__field .bs-call-logs-detail-call-outcome-select .bs-simple-options-dropdown .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap {
  position: relative;
  padding: 0;
  border: none;
}
.bs-post-call-outcome-modal__field .bs-call-logs-detail-call-outcome-select .bs-simple-options-dropdown .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap .simple-search-icon {
  color: #9ca3af;
  position: absolute;
  left: 12px;
  top: 10px;
}
.bs-post-call-outcome-modal__field .bs-call-logs-detail-call-outcome-select .bs-simple-options-dropdown .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap .bs-simple-options-dropdown__search-input {
  padding: 6px 12px 6px 34px;
  border-radius: 0px;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  background: #f9fafb;
}
.bs-post-call-outcome-modal__field .bs-call-logs-detail-call-outcome-select .bs-simple-options-dropdown .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__search-wrap .bs-simple-options-dropdown__search-input:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
.bs-post-call-outcome-modal__field .bs-call-logs-detail-call-outcome-select .bs-simple-options-dropdown .bs-simple-options-dropdown__menu .bs-simple-options-dropdown__option:hover {
  background-color: #eff6ff;
}
.bs-post-call-outcome-modal .bs-post-call-outcome-modal-note-editor.has-attachments .editor-editable-content-container .editor-editable-content-wrapper .mce-content-body {
  min-height: 20px;
}
.bs-post-call-outcome-modal__recording-banner {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 4px;
  padding: 8px 12px;
  color: #1d4ed8;
}
.bs-post-call-outcome-modal__recording-banner-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bs-post-call-outcome-modal__divider {
  height: 1px;
  background: #e5e7eb;
  border: none;
}
.bs-post-call-outcome-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 20px 24px;
}
.bs-post-call-outcome-modal__split-btn {
  display: flex;
}
.bs-post-call-outcome-modal__split-btn:hover {
  border: 1px solid #1d4ed8;
  border-radius: 4px;
}
.bs-post-call-outcome-modal__split-btn:hover .btn-solid {
  border: none;
  color: #1d4ed8;
}
.bs-post-call-outcome-modal__split-btn:hover .bs-post-call-outcome-modal__split-chevron {
  border-left: 1px solid #1d4ed8 !important;
  border: none;
}
.bs-post-call-outcome-modal__split-btn.show-link-number-menu {
  border: 1px solid #1d4ed8;
  border-radius: 4px;
}
.bs-post-call-outcome-modal__split-btn.show-link-number-menu .btn-solid {
  border: none;
  color: #1d4ed8;
}
.bs-post-call-outcome-modal__split-btn.show-link-number-menu .bs-post-call-outcome-modal__split-chevron {
  border-left: 1px solid #1d4ed8 !important;
  border: none;
  background: #dbeafe;
}
.bs-post-call-outcome-modal__split-btn > button:first-child {
  border-radius: 4px 0 0 4px;
}
.bs-post-call-outcome-modal__split-btn .btn-solid:hover {
  background: #dbeafe;
}
.bs-post-call-outcome-modal__split-chevron {
  border-left: none !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 6px 8px !important;
}
.bs-post-call-outcome-modal {
  /** Chevron menu — matches Dialer Figma (node 38356:157699) */
}
.bs-post-call-outcome-modal__link-number-popover {
  z-index: 1060;
}
.bs-post-call-outcome-modal__link-number-popover.popover {
  max-width: max-content;
}
.bs-post-call-outcome-modal__link-number-popover.popover .bs-popover-inner-content {
  padding: 8px 0;
}
.bs-post-call-outcome-modal__link-number-popover .arrow {
  display: none;
}
.bs-post-call-outcome-modal__link-number-popover .bs-popover-inner {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.2392156863), 2px 2px 16px -3px rgba(4, 21, 76, 0.1607843137);
}
.bs-post-call-outcome-modal__link-number-popover .bs-popover-inner-content {
  padding: 8px 0;
}
.bs-post-call-outcome-modal__link-number-popover .bs-popover-content {
  padding: 0;
}
.bs-post-call-outcome-modal__link-number-popover-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}
.bs-post-call-outcome-modal__link-number-row {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 8px 16px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.bs-post-call-outcome-modal__link-number-row:hover {
  background-color: #eff6ff;
}
.bs-post-call-outcome-modal__link-number-row--plain {
  border-top: 1px solid #e5e7eb;
}
.bs-post-call-outcome-modal__link-number-row--plain:hover {
  background: #f9fafb;
}
.bs-post-call-outcome-modal__skeleton {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bs-post-call-outcome-modal__skeleton-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bs-post-call-outcome-modal__skeleton-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bs-post-call-outcome-modal__add-followup-task-btn.btn-solid {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.bs-post-call-outcome-modal__add-followup-task-btn.btn-solid:hover {
  color: #1d4ed8;
  border-color: #1d4ed8;
}

.bs-post-call-outcome-modal__credit-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #efd8a6;
  border-radius: 4px;
  background-color: #fff7e6;
  color: #855000;
}
.bs-post-call-outcome-modal__credit-notice svg {
  flex-shrink: 0;
  color: #dc9309;
}

.bs-post-call-outcome-modal__credit-notice-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.bs-post-call-outcome-modal__credit-notice-action {
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  line-height: 16px;
}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.temp-auth-indicator-wrapper {
  display: flex;
  width: 100vw;
  height: 100vh;
}
.temp-auth-indicator-wrapper .temp-auth-indicator {
  margin: auto;
  text-align: center;
}.email-infra-pay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  text-align: center;
}



/**

Override Bootstrap Components

1. Color Palette
2. Typography
3. Button
   3.1 Solid Button Style
   3.2 Ghost Button Style
4. Icons
5. Border Radius
6. Breadcrumb
7. Dropdown
8. Pagination
9. Stepper
10. Checkbox
11. Radio Buttons
12. Switch
13. Slider
14. Input nuber
15. Input
16. Baddge
17. Avtar
18. Accordions
19. Card
20. Empty
21. Popover
22. Tooltip
23. Tab
25. Alert
26. Modal
27. Message
28. Notification
29. Progress
30. Popconfirm
31. Tags
32. Transfer
33. Select
34. Ribbon
**. Misc
*/
/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/**
* Font Variables
*/
/** 
* Color Variables
*/
.font-8 {
  font-size: 0.5rem;
}

.font-10 {
  font-size: 0.625rem;
}

.font-12 {
  font-size: 0.75rem;
}

.font-14 {
  font-size: 0.875rem;
}

.font-16 {
  font-size: 1rem;
}

.font-20 {
  font-size: 1.25rem;
}

.font-24 {
  font-size: 1.5rem;
}

.font-lighter {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-bolder {
  font-weight: 900;
}

.line-height-8 {
  line-height: 0.5rem;
}

.line-height-10 {
  line-height: 0.625rem;
}

.line-height-12 {
  line-height: 0.75rem;
}

.line-height-14 {
  line-height: 0.875rem;
}

.line-height-16 {
  line-height: 1rem;
}

.line-height-20 {
  line-height: 1.25rem;
}

.line-height-24 {
  line-height: 1.5rem;
}

* {
  font-family: "Inter", sans-serif;
}

.shd-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border-radius: 50%;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  box-sizing: border-box;
}
.shd-avatar span {
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
}
.shd-avatar--sm {
  width: 1.5rem;
  height: 1.5rem;
}
.shd-avatar--sm span {
  font-size: 0.625rem;
}
.shd-avatar--md {
  width: 1.75rem;
  height: 1.75rem;
}
.shd-avatar--md span {
  font-size: 0.6875rem;
}
.shd-avatar--lg {
  width: 2rem;
  height: 2rem;
}
.shd-avatar--lg span {
  font-size: 0.75rem;
}

.shd-button {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: none;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.shd-button span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shd-button svg {
  width: 1rem;
  height: 1rem;
}
.shd-button--primary {
  color: #ffffff;
  background-color: #1d4ed8;
}
.shd-button--primary:hover, .shd-button--primary:active, .shd-button--primary:focus {
  background-color: #1e40af;
}
.shd-button--primary:disabled {
  background-color: #1d4ed8;
}
.shd-button--secondary {
  color: #1d4ed8;
  background-color: transparent;
  border: 0.0625rem solid #1d4ed8;
}
.shd-button--secondary:hover, .shd-button--secondary:active, .shd-button--secondary:focus {
  background-color: #dbeafe;
}
.shd-button--secondary:disabled {
  background-color: transparent;
}
.shd-button--secondary .shd-loader div {
  border-color: #1d4ed8 transparent transparent transparent !important;
}
.shd-button--tertiary {
  color: #6b7280;
  background-color: transparent;
}
.shd-button--tertiary:hover, .shd-button--tertiary:active, .shd-button--tertiary:focus {
  background-color: #f3f4f6;
}
.shd-button--tertiary:disabled {
  background-color: transparent;
}
.shd-button--tertiary .shd-loader div {
  border-color: #6b7280 transparent transparent transparent !important;
}
.shd-button--link {
  color: #1d4ed8;
  background-color: transparent;
}
.shd-button--link:hover, .shd-button--link:active, .shd-button--link:focus {
  color: #1e40af;
  text-decoration: underline;
}
.shd-button--link:disabled {
  color: #1d4ed8;
  text-decoration: none;
}
.shd-button--link .shd-loader div {
  border-color: #1d4ed8 transparent transparent transparent !important;
}
.shd-button--link-subtle {
  color: #6b7280;
  background-color: transparent;
}
.shd-button--link-subtle:hover, .shd-button--link-subtle:active, .shd-button--link-subtle:focus {
  color: #4b5563;
  text-decoration: underline;
}
.shd-button--link-subtle:disabled {
  color: #6b7280;
  text-decoration: none;
}
.shd-button--link-subtle .shd-loader div {
  border-color: #6b7280 transparent transparent transparent !important;
}
.shd-button--danger {
  color: #ffffff;
  background-color: #b91c1c;
}
.shd-button--danger:hover, .shd-button--danger:active, .shd-button--danger:focus {
  background-color: #991b1b;
}
.shd-button--danger:disabled {
  background-color: #b91c1c;
}
.shd-button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.shd-button--fullWidth {
  width: 100%;
}
.shd-button .shd-loader {
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 1rem;
}
.shd-button .shd-loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  border: 2px solid #ffffff;
  border-radius: 50%;
  animation: shd-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ffffff transparent transparent transparent;
}
.shd-button .shd-loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.shd-button .shd-loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.shd-button .shd-loader div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes shd-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.shd-drag-and-drop {
  width: 100%;
  height: 100%;
  position: relative;
}
.shd-drag-and-drop--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  border: 0.0625rem dashed #3b82f6;
  background: rgba(255, 255, 255, 0.96);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.shd-drag-and-drop--title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: #1f2937;
  margin: 0;
}
.shd-drag-and-drop--text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
  margin: 0;
}
.shd-drag-and-drop--solid {
  background: #f9fafb;
}

.shd-empty-list {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
}
.shd-empty-list--horizontal {
  flex-direction: row;
}
.shd-empty-list--horizontal .shd-empty-list--body {
  align-items: flex-start;
}
.shd-empty-list--image {
  width: 9.75rem;
  height: 10rem;
}
.shd-empty-list--body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
.shd-empty-list--title {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #1f2937;
  margin: 0;
}
.shd-empty-list--description {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #9ca3af;
  margin: 0;
}

.progress-bar-wrapper {
  height: 0.625rem;
  position: relative;
  overflow: hidden;
  border-radius: 1.875rem;
  background-color: #e5e7eb;
}
.progress-bar-wrapper span {
  display: block;
  height: 100%;
}
.progress-bar-wrapper__bar {
  -webkit-animation: progressBar 3s ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation: progressBar 3s ease-in-out;
  -moz-animation-fill-mode: both;
}
@keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.shd-toast {
  max-height: 48px;
  padding: 0.875rem 1rem !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.shd-toast div[role=status] {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
.shd-toast--content {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.shd-toast--content i {
  font-size: 1.25rem;
}
.shd-toast--content span {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.shd-toast--close-btn {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.shd-toast--close-btn i {
  font-size: 1.25rem;
}
.shd-toast--info {
  color: #6b7280 !important;
  background-color: #e5e7eb !important;
}
.shd-toast--info .shd-toast--close-btn i {
  color: #6b7280 !important;
}
.shd-toast--success {
  color: #047857 !important;
  background-color: #d1fae5 !important;
}
.shd-toast--success .shd-toast--close-btn i {
  color: #047857 !important;
}
.shd-toast--error {
  color: #b91c1c !important;
  background-color: #fee2e2 !important;
}
.shd-toast--error .shd-toast--close-btn i {
  color: #b91c1c !important;
}

.shd-pills {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  width: max-content;
  box-sizing: border-box;
}
.shd-pills .pills-icon {
  color: #6b7280;
}
.shd-pills .pills-label {
  font-weight: 500;
  text-align: center;
}
.shd-pills .pills-close {
  color: #6b7280;
  margin-left: 0.125rem;
  cursor: pointer;
}
.shd-pills--sm {
  height: 1.25rem;
  padding: 0.125rem 0.3125rem;
  border-radius: 0.125rem;
}
.shd-pills--sm .pills-label {
  font-size: 0.625rem;
  line-height: 1rem;
}
.shd-pills--sm i {
  font-size: 0.75rem;
}
.shd-pills--md {
  height: 1.5rem;
  padding: 0.1875rem 0.5rem;
  border-radius: 0.25rem;
}
.shd-pills--md .pills-label {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.shd-pills--md i {
  font-size: 0.875rem;
}
.shd-pills--solid {
  color: #6b7280;
  background: #f3f4f6;
}
.shd-pills--outline {
  color: #1f2937;
  background: transparent;
  border: 0.0625rem solid #e5e7eb;
}

.shd-accordion {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
.shd-accordion .accordion__item {
  background: #ffffff;
  border: 1px solid #f3f4f6;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
}
.shd-accordion .accordion__item .accordion__heading {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
}
.shd-accordion .accordion__item .accordion__button {
  cursor: pointer;
  user-select: none;
}
.shd-accordion .accordion__item .accordion__panel {
  padding: 20px 24px 24px 24px;
  border-top: 1px solid #f3f4f6;
}

.tag {
  border-radius: 1.25rem;
  padding: 0.125rem 0.5rem;
  display: inline-block;
  text-align: center;
}
.tag p {
  margin: 0px;
  line-height: 1.25rem;
}

.shd-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.shd-input--label {
  color: #6b7280;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.shd-input input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  width: 200px;
  padding: 0.375rem 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #ffffff;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  transition: all 0.2s ease;
}
.shd-input input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.shd-input input:hover, .shd-input input:active, .shd-input input:focus {
  border-color: #1d4ed8;
  outline-color: #1d4ed8;
}

.shd-search-input {
  border: 0.0625rem solid #d1d5db;
  width: 13.5rem;
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 0.25rem;
  height: 2rem;
}
.shd-search-input--bg-light {
  background-color: #ffffff;
}
.shd-search-input--bg-gray .input input {
  background-color: #f9fafb;
}
.shd-search-input--bg-gray {
  background-color: #f9fafb;
}
.shd-search-input:hover {
  border-color: #1d4ed8;
  outline-color: #1d4ed8;
}
.shd-search-input:active {
  border-color: #1d4ed8;
  outline-color: #1d4ed8;
}
.shd-search-input:focus {
  border: 0px;
  border-color: #1d4ed8;
  outline-color: #1d4ed8;
  cursor: text;
}
.shd-search-input .search-icon {
  color: #9ca3af;
  display: flex;
}
.shd-search-input .input {
  outline: none;
  border: none;
  line-height: 0rem;
  margin-right: 0.25rem;
  margin-left: 0.5rem;
}
.shd-search-input .input:focus-visible {
  border: 0rem;
  outline: none;
}
.shd-search-input .input .input:focus {
  outline: none;
}
.shd-search-input input {
  border: none;
  width: 100%;
}
.shd-search-input input:focus-visible {
  border: 0rem;
  outline: none;
}
.shd-search-input input .input:focus {
  outline: none;
}

.cross-icon {
  display: flex;
  color: #9ca3af;
  cursor: pointer;
}

.shd-alert {
  border: 0.063rem solid;
  border-radius: 0.25rem;
}
.shd-alert--info {
  border-color: #dbeafe;
  background: #eff6ff;
}
.shd-alert--info .shd-alert--icon {
  color: #1d4ed8;
}
.shd-alert--alert {
  border-color: #fef3c7;
  background: #fffbeb;
}
.shd-alert--alert .shd-alert--icon {
  color: #b45309;
}
.shd-alert--warning {
  border-color: #fee2e2;
  background: #fef2f2;
}
.shd-alert--warning .shd-alert--icon {
  color: #b91c1c;
}
.shd-alert--success {
  border-color: #d1fae5;
  background: #ecfdf5;
}
.shd-alert--success .shd-alert--icon {
  color: #047857;
}
.shd-alert--tricks {
  border-color: #ede9fe;
  background: #f5f3ff;
}
.shd-alert--tricks .shd-alert--icon {
  color: #6d28d9;
}
.shd-alert--header {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.008rem;
}
.shd-alert--description {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.shd-alert--icon {
  width: 1rem;
  height: 1rem;
}
.shd-alert--lg {
  display: flex;
  padding: 0.5rem 0.75rem;
  align-items: flex-start;
  gap: 0.5rem;
  word-break: break-word;
  width: fit-content;
}
.shd-alert--sm {
  display: flex;
  padding: 0.25rem 0.5rem;
  align-items: flex-start;
  gap: 0.25rem;
  word-break: break-word;
  width: fit-content;
}
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.scrollbar-container {
  position: relative;
  height: 100%; }

/*# sourceMappingURL=styles.css.map*/
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(0%, 33.7647058824%, 70%);
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(72%, 85.5058823529%, 100%);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(48%, 73.0823529412%, 100%);
}

.table-hover .table-primary:hover {
  background-color: rgb(62%, 80.3294117647%, 100%);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(62%, 80.3294117647%, 100%);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(83.8588235294%, 84.8470588235%, 85.7254901961%);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(70.0235294118%, 71.8588235294%, 73.4901960784%);
}

.table-hover .table-secondary:hover {
  background-color: rgb(78.5519643236%, 79.865109365%, 81.0323494019%);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(78.5519643236%, 79.865109365%, 81.0323494019%);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(76.3921568627%, 90.337254902%, 79.5764705882%);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(56.1568627451%, 82.0549019608%, 62.0705882353%);
}

.table-hover .table-success:hover {
  background-color: rgb(69.2964472918%, 87.4329644729%, 73.4378567268%);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(69.2964472918%, 87.4329644729%, 73.4378567268%);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(74.5254901961%, 89.7882352941%, 92.2039215686%);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(52.6901960784%, 81.0352941176%, 85.5215686275%);
}

.table-hover .table-info:hover {
  background-color: rgb(66.8687245195%, 86.7189283634%, 89.8606872452%);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(66.8687245195%, 86.7189283634%, 89.8606872452%);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(100%, 93.1921568627%, 72.768627451%);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(100%, 87.3568627451%, 49.4274509804%);
}

.table-hover .table-warning:hover {
  background-color: rgb(100%, 90.6921568627%, 62.768627451%);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(100%, 90.6921568627%, 62.768627451%);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(96.1568627451%, 77.8196078431%, 79.5764705882%);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(92.862745098%, 58.8078431373%, 62.0705882353%);
}

.table-hover .table-danger:hover {
  background-color: rgb(94.6800694962%, 69.2964010921%, 71.7283693224%);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(94.6800694962%, 69.2964010921%, 71.7283693224%);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(99.231372549%, 99.3411764706%, 99.4509803922%);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(98.5725490196%, 98.7764705882%, 98.9803921569%);
}

.table-hover .table-light:hover {
  background-color: rgb(93.3980392157%, 94.3411764706%, 95.2843137255%);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(93.3980392157%, 94.3411764706%, 95.2843137255%);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(77.7098039216%, 78.368627451%, 79.0274509804%);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(58.6039215686%, 59.8274509804%, 61.0509803922%);
}

.table-hover .table-dark:hover {
  background-color: rgb(72.5575196576%, 73.368627451%, 74.1797352444%);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(72.5575196576%, 73.368627451%, 74.1797352444%);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: rgb(27.1162947938%, 30.2450980392%, 33.3739012847%);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(27.1162947938%, 30.2450980392%, 33.3739012847%);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(50%, 74.1176470588%, 100%);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' 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");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' 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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(20.2728047741%, 80.9036658142%, 34.1176470588%);
  background-color: rgb(20.2728047741%, 80.9036658142%, 34.1176470588%);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(89.2280963018%, 37.8307272276%, 42.7550260611%);
  background-color: rgb(89.2280963018%, 37.8307272276%, 42.7550260611%);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(0%, 41%, 85%);
  border-color: rgb(0%, 38.5882352941%, 80%);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(0%, 41%, 85%);
  border-color: rgb(0%, 38.5882352941%, 80%);
  box-shadow: 0 0 0 0.2rem rgba(15%, 56%, 100%, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(0%, 38.5882352941%, 80%);
  border-color: rgb(0%, 36.1764705882%, 75%);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(15%, 56%, 100%, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: rgb(35.4001514769%, 38.3501641%, 40.9723975427%);
  border-color: rgb(33.0825549104%, 35.8394344862%, 38.2899941092%);
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: rgb(35.4001514769%, 38.3501641%, 40.9723975427%);
  border-color: rgb(33.0825549104%, 35.8394344862%, 38.2899941092%);
  box-shadow: 0 0 0 0.2rem rgba(51%, 54%, 56.6666666667%, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgb(33.0825549104%, 35.8394344862%, 38.2899941092%);
  border-color: rgb(30.7649583439%, 33.3287048725%, 35.6075906758%);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51%, 54%, 56.6666666667%, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(12.7877237852%, 53.3887468031%, 22.0588235294%);
  border-color: rgb(11.8215402103%, 49.3549303779%, 20.3921568627%);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(12.7877237852%, 53.3887468031%, 22.0588235294%);
  border-color: rgb(11.8215402103%, 49.3549303779%, 20.3921568627%);
  box-shadow: 0 0 0 0.2rem rgba(28.3333333333%, 70.6666666667%, 38%, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(11.8215402103%, 49.3549303779%, 20.3921568627%);
  border-color: rgb(10.8553566354%, 45.3211139528%, 18.7254901961%);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(28.3333333333%, 70.6666666667%, 38%, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(7.3529411765%, 51.7902813299%, 58.8235294118%);
  border-color: rgb(6.7973856209%, 47.8772378517%, 54.3790849673%);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(7.3529411765%, 51.7902813299%, 58.8235294118%);
  border-color: rgb(6.7973856209%, 47.8772378517%, 54.3790849673%);
  box-shadow: 0 0 0 0.2rem rgba(22.6666666667%, 69%, 76.3333333333%, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(6.7973856209%, 47.8772378517%, 54.3790849673%);
  border-color: rgb(6.2418300654%, 43.9641943734%, 49.9346405229%);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(22.6666666667%, 69%, 76.3333333333%, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(87.7450980392%, 65.8088235294%, 0%);
  border-color: rgb(82.7450980392%, 62.0588235294%, 0%);
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: rgb(87.7450980392%, 65.8088235294%, 0%);
  border-color: rgb(82.7450980392%, 62.0588235294%, 0%);
  box-shadow: 0 0 0 0.2rem rgba(86.9411764706%, 66.5098039216%, 4.7450980392%, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: rgb(82.7450980392%, 62.0588235294%, 0%);
  border-color: rgb(77.7450980392%, 58.3088235294%, 0%);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(86.9411764706%, 66.5098039216%, 4.7450980392%, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(78.46363862%, 13.5951849094%, 19.8101265823%);
  border-color: rgb(74.2020352445%, 12.8567882849%, 18.7341772152%);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(78.46363862%, 13.5951849094%, 19.8101265823%);
  border-color: rgb(74.2020352445%, 12.8567882849%, 18.7341772152%);
  box-shadow: 0 0 0 0.2rem rgba(88.3333333333%, 32.6666666667%, 38%, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(74.2020352445%, 12.8567882849%, 18.7341772152%);
  border-color: rgb(69.940431869%, 12.1183916605%, 17.6582278481%);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(88.3333333333%, 32.6666666667%, 38%, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(88.5049019608%, 90.1470588235%, 91.7892156863%);
  border-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%);
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: rgb(88.5049019608%, 90.1470588235%, 91.7892156863%);
  border-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%);
  box-shadow: 0 0 0 0.2rem rgba(84.6078431373%, 85.1764705882%, 85.7450980392%, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%);
  border-color: rgb(82.6715686275%, 85.1470588235%, 87.6225490196%);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(84.6078431373%, 85.1764705882%, 85.7450980392%, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: rgb(13.6680189317%, 15.2450980392%, 16.8221771467%);
  border-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%);
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: rgb(13.6680189317%, 15.2450980392%, 16.8221771467%);
  border-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%);
  box-shadow: 0 0 0 0.2rem rgba(32.3333333333%, 34.3333333333%, 36.3333333333%, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%);
  border-color: rgb(9.185260311%, 10.2450980392%, 11.3049357674%);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32.3333333333%, 34.3333333333%, 36.3333333333%, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(0%, 33.7647058824%, 70%);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(8.4817170111%, 9.5098039216%, 10.537890832%);
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgb(50%, 74.1176470588%, 100%);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(70%, 84.4705882353%, 100%);
  border-color: rgb(70%, 84.4705882353%, 100%);
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: rgb(50%, 74.1176470588%, 100%);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(50%, 74.1176470588%, 100%);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb {
  appearance: none;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: rgb(70%, 84.4705882353%, 100%);
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb {
  appearance: none;
}
.custom-range::-moz-range-thumb:active {
  background-color: rgb(70%, 84.4705882353%, 100%);
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb {
  appearance: none;
}
.custom-range::-ms-thumb:active {
  background-color: rgb(70%, 84.4705882353%, 100%);
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: rgb(0%, 33.7647058824%, 70%);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: rgb(0%, 38.5882352941%, 80%);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: rgb(33.0825549104%, 35.8394344862%, 38.2899941092%);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: rgb(11.8215402103%, 49.3549303779%, 20.3921568627%);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: rgb(6.7973856209%, 47.8772378517%, 54.3790849673%);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: rgb(82.7450980392%, 62.0588235294%, 0%);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: rgb(74.2020352445%, 12.8567882849%, 18.7341772152%);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: rgb(0%, 25.0823529412%, 52%);
  background-color: rgb(80%, 89.6470588235%, 100%);
  border-color: rgb(72%, 85.5058823529%, 100%);
}
.alert-primary hr {
  border-top-color: rgb(62%, 80.3294117647%, 100%);
}
.alert-primary .alert-link {
  color: rgb(0%, 15.4352941176%, 32%);
}

.alert-secondary {
  color: rgb(22.0235294118%, 23.8588235294%, 25.4901960784%);
  background-color: rgb(88.4705882353%, 89.1764705882%, 89.8039215686%);
  border-color: rgb(83.8588235294%, 84.8470588235%, 85.7254901961%);
}
.alert-secondary hr {
  border-top-color: rgb(78.5519643236%, 79.865109365%, 81.0323494019%);
}
.alert-secondary .alert-link {
  color: rgb(12.7531431457%, 13.8159050745%, 14.7605823445%);
}

.alert-success {
  color: rgb(8.1568627451%, 34.0549019608%, 14.0705882353%);
  background-color: rgb(83.137254902%, 93.0980392157%, 85.4117647059%);
  border-color: rgb(76.3921568627%, 90.337254902%, 79.5764705882%);
}
.alert-success hr {
  border-top-color: rgb(69.2964472918%, 87.4329644729%, 73.4378567268%);
}
.alert-success .alert-link {
  color: rgb(4.2921284456%, 17.9196362603%, 7.4039215686%);
}

.alert-info {
  color: rgb(4.6901960784%, 33.0352941176%, 37.5215686275%);
  background-color: rgb(81.8039215686%, 92.7058823529%, 94.431372549%);
  border-color: rgb(74.5254901961%, 89.7882352941%, 92.2039215686%);
}
.alert-info hr {
  border-top-color: rgb(66.8687245195%, 86.7189283634%, 89.8606872452%);
}
.alert-info .alert-link {
  color: rgb(2.4679738562%, 17.3831202046%, 19.7437908497%);
}

.alert-warning {
  color: rgb(52%, 39.3568627451%, 1.4274509804%);
  background-color: rgb(100%, 95.137254902%, 80.5490196078%);
  border-color: rgb(100%, 93.1921568627%, 72.768627451%);
}
.alert-warning hr {
  border-top-color: rgb(100%, 90.6921568627%, 62.768627451%);
}
.alert-warning .alert-link {
  color: rgb(32.534351145%, 24.6240383176%, 0.8930998354%);
}

.alert-danger {
  color: rgb(44.862745098%, 10.8078431373%, 14.0705882353%);
  background-color: rgb(97.2549019608%, 84.1568627451%, 85.4117647059%);
  border-color: rgb(96.1568627451%, 77.8196078431%, 79.5764705882%);
}
.alert-danger hr {
  border-top-color: rgb(94.6800694962%, 69.2964010921%, 71.7283693224%);
}
.alert-danger .alert-link {
  color: rgb(28.7455289808%, 6.9250592545%, 9.0156431803%);
}

.alert-light {
  color: rgb(50.5725490196%, 50.7764705882%, 50.9803921569%);
  background-color: rgb(99.4509803922%, 99.5294117647%, 99.6078431373%);
  border-color: rgb(99.231372549%, 99.3411764706%, 99.4509803922%);
}
.alert-light hr {
  border-top-color: rgb(93.3980392157%, 94.3411764706%, 95.2843137255%);
}
.alert-light .alert-link {
  color: rgb(40.6075432085%, 40.7764705882%, 40.945397968%);
}

.alert-dark {
  color: rgb(10.6039215686%, 11.8274509804%, 13.0509803922%);
  background-color: rgb(84.0784313725%, 84.5490196078%, 85.0196078431%);
  border-color: rgb(77.7098039216%, 78.368627451%, 79.0274509804%);
}
.alert-dark hr {
  border-top-color: rgb(72.5575196576%, 73.368627451%, 74.1797352444%);
}
.alert-dark .alert-link {
  color: rgb(1.6384043272%, 1.8274509804%, 2.0164976335%);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: rgb(0%, 25.0823529412%, 52%);
  background-color: rgb(72%, 85.5058823529%, 100%);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(0%, 25.0823529412%, 52%);
  background-color: rgb(62%, 80.3294117647%, 100%);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(0%, 25.0823529412%, 52%);
  border-color: rgb(0%, 25.0823529412%, 52%);
}

.list-group-item-secondary {
  color: rgb(22.0235294118%, 23.8588235294%, 25.4901960784%);
  background-color: rgb(83.8588235294%, 84.8470588235%, 85.7254901961%);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(22.0235294118%, 23.8588235294%, 25.4901960784%);
  background-color: rgb(78.5519643236%, 79.865109365%, 81.0323494019%);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(22.0235294118%, 23.8588235294%, 25.4901960784%);
  border-color: rgb(22.0235294118%, 23.8588235294%, 25.4901960784%);
}

.list-group-item-success {
  color: rgb(8.1568627451%, 34.0549019608%, 14.0705882353%);
  background-color: rgb(76.3921568627%, 90.337254902%, 79.5764705882%);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(8.1568627451%, 34.0549019608%, 14.0705882353%);
  background-color: rgb(69.2964472918%, 87.4329644729%, 73.4378567268%);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(8.1568627451%, 34.0549019608%, 14.0705882353%);
  border-color: rgb(8.1568627451%, 34.0549019608%, 14.0705882353%);
}

.list-group-item-info {
  color: rgb(4.6901960784%, 33.0352941176%, 37.5215686275%);
  background-color: rgb(74.5254901961%, 89.7882352941%, 92.2039215686%);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(4.6901960784%, 33.0352941176%, 37.5215686275%);
  background-color: rgb(66.8687245195%, 86.7189283634%, 89.8606872452%);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(4.6901960784%, 33.0352941176%, 37.5215686275%);
  border-color: rgb(4.6901960784%, 33.0352941176%, 37.5215686275%);
}

.list-group-item-warning {
  color: rgb(52%, 39.3568627451%, 1.4274509804%);
  background-color: rgb(100%, 93.1921568627%, 72.768627451%);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(52%, 39.3568627451%, 1.4274509804%);
  background-color: rgb(100%, 90.6921568627%, 62.768627451%);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(52%, 39.3568627451%, 1.4274509804%);
  border-color: rgb(52%, 39.3568627451%, 1.4274509804%);
}

.list-group-item-danger {
  color: rgb(44.862745098%, 10.8078431373%, 14.0705882353%);
  background-color: rgb(96.1568627451%, 77.8196078431%, 79.5764705882%);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(44.862745098%, 10.8078431373%, 14.0705882353%);
  background-color: rgb(94.6800694962%, 69.2964010921%, 71.7283693224%);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(44.862745098%, 10.8078431373%, 14.0705882353%);
  border-color: rgb(44.862745098%, 10.8078431373%, 14.0705882353%);
}

.list-group-item-light {
  color: rgb(50.5725490196%, 50.7764705882%, 50.9803921569%);
  background-color: rgb(99.231372549%, 99.3411764706%, 99.4509803922%);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(50.5725490196%, 50.7764705882%, 50.9803921569%);
  background-color: rgb(93.3980392157%, 94.3411764706%, 95.2843137255%);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(50.5725490196%, 50.7764705882%, 50.9803921569%);
  border-color: rgb(50.5725490196%, 50.7764705882%, 50.9803921569%);
}

.list-group-item-dark {
  color: rgb(10.6039215686%, 11.8274509804%, 13.0509803922%);
  background-color: rgb(77.7098039216%, 78.368627451%, 79.0274509804%);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(10.6039215686%, 11.8274509804%, 13.0509803922%);
  background-color: rgb(72.5575196576%, 73.368627451%, 74.1797352444%);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(10.6039215686%, 11.8274509804%, 13.0509803922%);
  border-color: rgb(10.6039215686%, 11.8274509804%, 13.0509803922%);
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-inner[x-placement^=top-end], .bs-tooltip-inner[x-placement^=top-start], .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-inner[x-placement^=top-end] .arrow, .bs-tooltip-inner[x-placement^=top-start] .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-inner[x-placement^=top-end] .arrow::before, .bs-tooltip-inner[x-placement^=top-start] .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-inner[x-placement^=right-end], .bs-tooltip-inner[x-placement^=right-start], .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-inner[x-placement^=right-end] .arrow, .bs-tooltip-inner[x-placement^=right-start] .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-inner[x-placement^=right-end] .arrow::before, .bs-tooltip-inner[x-placement^=right-start] .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-inner[x-placement^=bottom-end], .bs-tooltip-inner[x-placement^=bottom-start], .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-inner[x-placement^=bottom-end] .arrow, .bs-tooltip-inner[x-placement^=bottom-start] .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-inner[x-placement^=bottom-end] .arrow::before, .bs-tooltip-inner[x-placement^=bottom-start] .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-inner[x-placement^=left-end], .bs-tooltip-inner[x-placement^=left-start], .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-inner[x-placement^=left-end] .arrow, .bs-tooltip-inner[x-placement^=left-start] .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-inner[x-placement^=left-end] .arrow::before, .bs-tooltip-inner[x-placement^=left-start] .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-inner[x-placement^=top-end], .bs-popover-inner[x-placement^=top-start], .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-inner[x-placement^=top-end] > .arrow, .bs-popover-inner[x-placement^=top-start] > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-inner[x-placement^=top-end] > .arrow::before, .bs-popover-inner[x-placement^=top-start] > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-inner[x-placement^=top-end] > .arrow::after, .bs-popover-inner[x-placement^=top-start] > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-inner[x-placement^=right-end], .bs-popover-inner[x-placement^=right-start], .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-inner[x-placement^=right-end] > .arrow, .bs-popover-inner[x-placement^=right-start] > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-inner[x-placement^=right-end] > .arrow::before, .bs-popover-inner[x-placement^=right-start] > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-inner[x-placement^=right-end] > .arrow::after, .bs-popover-inner[x-placement^=right-start] > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-inner[x-placement^=bottom-end], .bs-popover-inner[x-placement^=bottom-start], .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-inner[x-placement^=bottom-end] > .arrow, .bs-popover-inner[x-placement^=bottom-start] > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-inner[x-placement^=bottom-end] > .arrow::before, .bs-popover-inner[x-placement^=bottom-start] > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-inner[x-placement^=bottom-end] > .arrow::after, .bs-popover-inner[x-placement^=bottom-start] > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-inner[x-placement^=bottom-end] .popover-header::before, .bs-popover-inner[x-placement^=bottom-start] .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(97%, 97%, 97%);
}

.bs-popover-left, .bs-popover-inner[x-placement^=left-end], .bs-popover-inner[x-placement^=left-start], .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-inner[x-placement^=left-end] > .arrow, .bs-popover-inner[x-placement^=left-start] > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-inner[x-placement^=left-end] > .arrow::before, .bs-popover-inner[x-placement^=left-start] > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-inner[x-placement^=left-end] > .arrow::after, .bs-popover-inner[x-placement^=left-start] > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(97%, 97%, 97%);
  border-bottom: 1px solid rgb(92%, 92%, 92%);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0%, 38.5882352941%, 80%) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(33.0825549104%, 35.8394344862%, 38.2899941092%) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(11.8215402103%, 49.3549303779%, 20.3921568627%) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(6.7973856209%, 47.8772378517%, 54.3790849673%) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(82.7450980392%, 62.0588235294%, 0%) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(74.2020352445%, 12.8567882849%, 18.7341772152%) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(0%, 33.7647058824%, 70%) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(28.4473617773%, 30.8179752588%, 32.9251872423%) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(9.8891730605%, 41.2872975277%, 17.0588235294%) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(5.6862745098%, 40.0511508951%, 45.4901960784%) !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: rgb(72.7450980392%, 54.5588235294%, 0%) !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(65.6788284934%, 11.379995036%, 16.582278481%) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(79.7549019608%, 82.6470588235%, 85.5392156863%) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(6.9438810007%, 7.7450980392%, 8.5463150778%) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/**
Design CSS Guide
Override Bootstrap Varibles

1.  Color Palette
2.  Typography
3.  Button
      3.1 Solid Button
      3.2 Ghost Button
4.  Border Radius
5.  Breadcrumb
6.  Dropdown
7.  Pagination
8.  Input/Input Number/Textarea
9.  Progress circle
10. Media Query  
11. New used colors
**. Margin/Padding
*/
/**
App CSS Guide

*.  Home
*.  Main Navigation
*.  Settings
*.  Authenticate User (Login/Signup/Forgot)
*.  Sequence
**. Misc
*/
.home-container {
  height: 100vh;
  margin-left: 3.5rem;
  width: calc(100% - 56px);
  display: flex;
  flex-direction: column;
}
.home-container.home-container-sidenav-hidden {
  width: 100%;
  margin-left: 0;
}
.home-container .static-banner {
  position: fixed;
  top: 0;
  left: 14.375rem;
  width: 100%;
  z-index: 2;
  height: 1.5rem;
  margin-bottom: 1rem;
  padding-top: 0px;
  padding-bottom: 0.125rem;
  background: #ffd6db;
}
.home-container .alert-message-text {
  margin-left: 0.5rem;
  color: #b91c1c;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.home-container .upgrade-link {
  margin-left: 0.5rem;
  color: #b91c1c;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-decoration: underline;
}
.home-container .alert-triangle {
  display: flex;
  padding-left: 0.4rem;
}

.home-container.show-alert .page-header {
  position: relative;
  top: 15px;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  margin-right: 4px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #e5e7eb;
}

.nav-item-container {
  height: 90%;
}
.nav-item-container .nav-item-feedback {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.nav-item-container .pop-over__button {
  margin-top: 1rem;
}

.watch-video-modal .modal-dialog {
  width: 60%;
  max-width: 42.5rem;
}
.watch-video-modal .modal-dialog .modal-content {
  height: 37.625rem;
  max-height: 37.625rem;
  border-radius: 1rem !important;
  overflow: hidden;
}
.watch-video-modal .modal-dialog .bs-modal-body {
  max-height: 100% !important;
  padding: 0px;
}
.watch-video-modal .modal-dialog .watch-video-modal-text-container {
  padding: 2.5rem 5.375rem;
}
.watch-video-modal .modal-dialog .watch-video-modal-body .watch-video-modal-text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display: flex;
  align-items: center;
  color: #4b5563;
  line-height: 1.25rem;
  font-variant-numeric: stacked-fractions;
  font-feature-settings: "hlig" on, "dlig" on;
}

.video-modal .modal-dialog {
  max-width: 42.5rem;
  max-height: 24.1875rem;
}
.video-modal .modal-dialog .modal-content {
  max-height: 37.625rem;
  border-radius: 1rem !important;
  overflow: hidden;
}
.video-modal .modal-dialog .bs-modal-body {
  max-height: 100% !important;
  padding: 0px;
}
.video-modal .modal-dialog .watch-video-modal-text-container {
  padding: 2.5rem 5.375rem;
}

.email-verify-alert {
  margin: 0;
  padding: 0.5rem;
  min-height: 2.25rem;
  background: #fffbeb;
  border-bottom: 1px solid #fde68a !important;
  box-sizing: border-box;
  justify-content: center !important;
  align-items: center;
}
.email-verify-alert .alert-body {
  justify-content: center;
  align-items: center;
}
.email-verify-alert .alert-body .content-div {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #92400e;
}
.email-verify-alert .alert-body .content-div span span {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}

.email-verify {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  font-weight: 500;
}

.email-verify-center {
  justify-content: center;
}

.demo-account-alert {
  margin: 0;
  padding: 0.5rem;
  background: #eef2ff !important;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.demo-account-alert .demo-account-text {
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
.demo-account-alert .demo-account-divider {
  display: inline-block;
  width: 1px;
  height: 18px;
  margin: 0 8px;
  background-color: #1d4ed8;
  vertical-align: middle;
}
.demo-account-alert .demo-account-description {
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.demo-account-alert .switch-now-btn {
  display: inline-flex;
  margin-left: 0.75rem;
  width: 83px;
  height: 24px;
  padding: 2px 8px;
  background-color: #1d4ed8;
}
.demo-account-alert .switch-now-btn span {
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.global-restriction-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.global-restriction-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.global-restriction-modal .shd-modal--body {
  padding-bottom: 1.5rem !important;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.feedback-modal--wrapper .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem !important;
  position: relative;
}
.feedback-modal--wrapper .modal-dialog {
  width: 40.9375rem !important;
  min-width: 40.9375rem !important;
  max-width: 40.9375rem !important;
}
.feedback-modal--wrapper .modal-dialog .modal-content {
  border-radius: 1rem !important;
  background-color: #f6f9ff !important;
}
.feedback-modal--wrapper .modal-dialog .modal-header {
  border: none;
}
.feedback-modal--wrapper .modal-dialog .modal-header .sh-close:before {
  display: inline-flex;
  align-items: center;
  height: 24px;
  width: 24px;
  justify-content: center;
}
.feedback-modal--cross {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}
.feedback-modal--cross svg {
  width: 1.5rem;
  height: 1.5rem;
}
.feedback-modal--title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #1f2937;
}
.feedback-modal--option {
  padding: 1rem 1.25rem;
  min-width: 6.25rem;
  height: 3.5rem;
  border-radius: 0.5rem;
  outline: 2px solid transparent;
  border: 1px solid #dbeafe;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.feedback-modal--option span {
  font-size: 1rem;
  font-weight: 500;
  color: #1f2937;
}
.feedback-modal--option:hover {
  outline: 2px solid #2563eb;
  box-shadow: 2px 2px 16px -3px rgba(91, 132, 198, 0.11), 8px 8px 16px -24px rgba(40, 94, 183, 0.06);
}
.feedback-modal--option:hover span {
  color: #2563eb;
}
.feedback-modal--option.active, .feedback-modal--option:focus, .feedback-modal--option:active, .feedback-modal--option:focus-within, .feedback-modal--option:focus-visible {
  outline: none;
  border-radius: 8px;
  background: linear-gradient(46deg, #2563eb, #3b82f6);
  box-shadow: 2px 2px 16px -3px rgba(91, 132, 198, 0.11), 8px 8px 16px -24px rgba(40, 94, 183, 0.06);
}
.feedback-modal--option.active span, .feedback-modal--option:focus span, .feedback-modal--option:active span, .feedback-modal--option:focus-within span, .feedback-modal--option:focus-visible span {
  color: #ffffff !important;
}
.feedback-modal--textarea {
  width: 29rem;
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  font-size: 1rem;
  height: 7.5rem;
  resize: none;
  margin-bottom: 2rem;
}
.feedback-modal--textarea::placeholder {
  color: #9ca3af;
}
.feedback-modal--textarea.active, .feedback-modal--textarea:focus, .feedback-modal--textarea:active, .feedback-modal--textarea:focus-within, .feedback-modal--textarea:focus-visible {
  outline: none;
  border-color: #1d4ed8;
}
.feedback-modal--feedback-submit-btn {
  display: block;
  height: 2.5rem;
  width: 5.875rem;
}
.feedback-modal--feedback-submit-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.app-sidebar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 57px;
  height: 100%;
  background: #fff;
  border-right: 0.0625rem solid #e5e7eb;
  flex: 1;
  flex-shrink: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  padding-bottom: 0.75rem;
  transition: width 0.4s ease-in-out;
}
.app-sidebar__expanded {
  width: 240px !important;
}
.app-sidebar__expanded .app-sidebar__header .logo-text {
  opacity: 1;
}
.app-sidebar__expanded .app-sidebar__badges {
  opacity: 0;
}
.app-sidebar__expanded .app-sidebar__badges.expanded {
  opacity: 1;
}
.app-sidebar__expanded .app-sidebar__nav-item-chevron {
  opacity: 1 !important;
}
.app-sidebar__hidden {
  display: none;
}
.app-sidebar__isSidebarIntro {
  z-index: 15;
}
.app-sidebar__isDemoAccount .ps,
.app-sidebar__isDemoAccount .app-sidebar__nav,
.app-sidebar__isDemoAccount .app-sidebar__nav-item-container {
  overflow: visible !important;
}
.app-sidebar__isDemoAccount .app-sidebar__sub-nav-items {
  display: none !important;
}
.app-sidebar__isDemoAccount:hover {
  width: 57px;
}
.app-sidebar__header {
  height: 50px;
  padding: 11.5px 0;
  margin: 0 14px;
  border-bottom: 0.0625rem solid #e5e7eb;
}
.app-sidebar__header a {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.625rem;
  overflow: hidden;
  border-radius: 0.25rem;
}
.app-sidebar__header a:focus, .app-sidebar__header a:focus-visible {
  border: none !important;
}
.app-sidebar__header a .logo-icon {
  width: 1.875rem;
  height: 1.625rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-sidebar__header a .logo-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.app-sidebar__header a .logo-text {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.app-sidebar__badges {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.app-sidebar__badges.expanded {
  opacity: 0;
}
.app-sidebar__nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0 0.75rem;
  padding-top: 0.75rem;
  position: relative;
  overflow: hidden;
  flex: 1;
  flex-shrink: 0;
}
.app-sidebar__nav-item-container {
  position: relative;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
}
.app-sidebar__nav-item-container.isDemoAccount {
  z-index: 15;
}
.app-sidebar__nav-item-container.isDemoAccount .app-sidebar__nav-item {
  background: #ffffff;
}
.app-sidebar__nav-item-container.isDemoAccount .app-sidebar__nav-item.active {
  background: linear-gradient(46deg, #2563eb 17.53%, #3b82f6 96.95%);
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info {
  width: max-content;
  position: absolute;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info .nav-item-demo-info-content {
  display: flex;
  position: relative;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info p {
  margin: 0;
  color: #ffffff;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  width: max-content;
  position: absolute;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.sequence {
  top: -2px;
  right: -100px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.sequence p {
  top: -8px;
  right: -204px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.unifiedInbox {
  top: 6px;
  right: -103px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.unifiedInbox p {
  top: -8px;
  right: -172px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.agencyClient {
  top: -2px;
  right: -104px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.agencyClient p {
  top: -2px;
  right: -240px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.leads {
  top: 6px;
  right: -104px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.leads p {
  top: -8px;
  right: -196px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.prospects {
  top: 6px;
  right: -104px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.prospects p {
  top: 2px;
  right: -178px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.emailAccounts {
  top: 12px;
  right: -104px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.emailAccounts p {
  top: -8px;
  right: -202px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.dialer {
  top: 12px;
  right: -104px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.dialer p {
  top: -8px;
  right: -285px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.inboxRadar {
  top: 12px;
  right: -104px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.inboxRadar p {
  top: -8px;
  right: -210px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.reports {
  top: 6px;
  right: -104px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.reports p {
  top: 4px;
  right: -278px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.reports .shd-button {
  width: 4.3125rem;
  position: absolute;
  top: 44px;
  right: -76px;
}
.app-sidebar__nav-item-container.isDemoAccount .nav-item-demo-info.reports .shd-button.shd-button--primary {
  background-color: #fff;
  color: #374151;
}
.app-sidebar__nav-item-container.isSubNavOpen .app-sidebar__nav-item-chevron {
  transform: rotate(-180deg);
}
.app-sidebar__nav-item-container.isSubNavOpen .app-sidebar__sub-nav-items {
  opacity: 1;
}
.app-sidebar__nav-item-container.isSubNavOpen .app-sidebar__sub-nav-items .sub-nav-items-divider {
  max-height: 800px;
  opacity: 1;
}
.app-sidebar__nav-item-container.isSubNavOpen .app-sidebar__sub-nav-items .app-sidebar__sub-nav-item {
  opacity: 1;
  transform: translateY(0);
}
.app-sidebar button.app-sidebar__nav-item-container {
  border-radius: 0.25rem;
}
.app-sidebar button.app-sidebar__nav-item-container:focus, .app-sidebar button.app-sidebar__nav-item-container:focus-visible {
  border: none !important;
}
.app-sidebar__nav-item {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  min-width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.app-sidebar__nav-item:hover {
  background: #eff6ff;
  text-decoration: none;
}
.app-sidebar__nav-item:focus, .app-sidebar__nav-item:focus-visible {
  border: none !important;
}
.app-sidebar__nav-item.active, .app-sidebar__nav-item.sub-nav-item-active {
  background: linear-gradient(46deg, #2563eb 17.53%, #3b82f6 96.95%);
}
.app-sidebar__nav-item.active:hover, .app-sidebar__nav-item.sub-nav-item-active:hover {
  background: linear-gradient(46deg, #2563eb 17.53%, #3b82f6 96.95%);
}
.app-sidebar__nav-item.active .nav-item-icon,
.app-sidebar__nav-item.active .nav-item-text,
.app-sidebar__nav-item.active .nav-item-chevron, .app-sidebar__nav-item.sub-nav-item-active .nav-item-icon,
.app-sidebar__nav-item.sub-nav-item-active .nav-item-text,
.app-sidebar__nav-item.sub-nav-item-active .nav-item-chevron {
  color: #fff;
}
.app-sidebar__nav-item.active .nav-item-icon svg,
.app-sidebar__nav-item.active .nav-item-text svg,
.app-sidebar__nav-item.active .nav-item-chevron svg, .app-sidebar__nav-item.sub-nav-item-active .nav-item-icon svg,
.app-sidebar__nav-item.sub-nav-item-active .nav-item-text svg,
.app-sidebar__nav-item.sub-nav-item-active .nav-item-chevron svg {
  color: #fff;
}
.app-sidebar__nav-item .nav-item-left {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
}
.app-sidebar__nav-item .nav-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
  color: #1f2937;
  flex-shrink: 0;
}
.app-sidebar__nav-item .nav-item-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.app-sidebar__nav-item .nav-item-text {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
.app-sidebar__nav-item-chevron {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.app-sidebar__nav-item-chevron svg {
  width: 1rem;
  height: 1rem;
  color: #4b5563;
}
.app-sidebar__count-badge {
  height: 1rem;
  flex-shrink: 0;
  background-color: #10b981;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  border-radius: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2px;
  left: 15px;
}
.app-sidebar__count-badge.sm {
  width: 16px;
}
.app-sidebar__count-badge.md {
  width: 24px;
}
.app-sidebar__count-badge.lg {
  width: 28px;
  left: 13px;
}
.app-sidebar__count-badge.expanded {
  left: auto;
  right: 0.375rem;
  top: 0.5rem;
}
.app-sidebar__count-badge.call-logs-count-badge {
  background-color: #ef4444;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}
.app-sidebar__count-badge.call-logs-count-badge.expanded {
  left: 9.5rem;
  right: auto;
}
.app-sidebar__count-badge.call-logs-count-badge.lg.expanded {
  left: 9.5rem;
}
.app-sidebar__count-badge.call-logs-count-badge:not(.expanded) {
  top: -6px;
  left: 19px;
}
.app-sidebar__count-badge.call-logs-count-badge:not(.expanded).lg {
  left: 16px;
}
.app-sidebar__new-badge {
  width: 1.625rem;
  height: 0.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  padding: 0.0625rem 0.1875rem;
  border-radius: 0.1875rem;
  background: #f59e0b;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  position: absolute;
  top: 0px;
  left: 15px;
}
.app-sidebar__new-badge.expanded {
  left: auto;
  right: 0.375rem;
  top: 0.5rem;
}
.app-sidebar__new-badge.call-logs-new-badge:not(.expanded) {
  left: 15px;
  top: -7px;
}
.app-sidebar__new-badge.call-logs-new-badge.expanded {
  right: 6.8rem;
  top: 9px;
}
.app-sidebar__dot-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: #3b82f6;
}
.app-sidebar__dot-badge.expanded {
  left: auto;
  right: 0.375rem;
  top: 0.5rem;
}
.app-sidebar__sub-nav-items {
  margin-left: 1rem;
  position: relative;
  opacity: 0;
  overflow: hidden;
}
.app-sidebar__sub-nav-items .sub-nav-items-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.app-sidebar__sub-nav-items .sub-nav-items-divider {
  width: 1px;
  max-height: 0;
  opacity: 0;
  border-radius: 0.5px;
  background-color: #e5e7eb;
  flex-shrink: 0;
  margin-top: 0.5rem;
}
.app-sidebar__sub-nav-items .sub-nav-items-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  margin-top: 0.5rem;
}
.app-sidebar__sub-nav-item {
  position: relative;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease-in-out;
}
.app-sidebar__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0 0.75rem;
}
.app-sidebar__footer .app-sidebar-footer-divider {
  display: flex;
  margin-top: 0.5rem;
  width: 100%;
  height: 0.0625rem;
  border-radius: 0.0313rem;
  flex-shrink: 0;
  background-color: #e5e7eb;
}
.app-sidebar .ps__rail-y {
  background-color: transparent !important;
  width: 0.75rem !important;
}
.app-sidebar .ps__rail-y .ps__thumb-y {
  width: 0.25rem;
  border-radius: 0.125rem;
  background: #f3f4f6 !important;
  right: 0.25rem !important;
}

.app-sidebar__nav-item-container.active .app-sidebar__nav-item-chevron {
  color: #fff;
}
.app-sidebar__nav-item-container.active .app-sidebar__nav-item-chevron svg {
  color: #fff;
}

.demo-account-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100vw;
  height: 100vh;
  background: rgba(17, 24, 39, 0.8);
}

.sidebar-intro {
  position: relative;
  left: 0;
  top: 50%;
  width: 1px;
  height: 1px;
}

.sidebar-intro-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  width: calc(100vw - 240px);
  height: 100vh;
  background: rgba(17, 24, 39, 0.75);
  margin-left: 240px;
  cursor: default;
}

.sidebar-intro-popover {
  z-index: 15;
}
.sidebar-intro-popover .arrow {
  transform: translate(0px, 28px) !important;
}
.sidebar-intro-popover.bs-popover-inner {
  width: 220px !important;
  padding: 0 !important;
  border-radius: 0.25rem !important;
}
.sidebar-intro-popover.bs-popover-inner .bs-popover-inner-content {
  padding: 0 !important;
  position: relative;
}
.sidebar-intro-popover.bs-popover-inner .bs-popover-inner-content .content {
  color: #1f2937;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  padding: 1rem 0.5rem !important;
}
.sidebar-intro-popover.bs-popover-inner .bs-popover-inner-content .icon {
  position: absolute;
  top: 8px;
  right: 8px;
}
.sidebar-intro-popover.bs-popover-inner .bs-popover-inner-content .icon svg {
  color: #6b7280;
}
.sidebar-intro-popover.bs-popover-inner .bs-popover-inner-content .sidebar-intro-progress {
  position: absolute;
  left: 1px;
  right: 0;
  bottom: 0.25px;
  width: 218px;
  height: 2px;
  border-radius: 3px;
  background-color: transparent;
}
.sidebar-intro-popover.bs-popover-inner .bs-popover-inner-content .sidebar-intro-progress .progress-bar {
  background-color: #1d4ed8 !important;
}

nav.bs-sidenav-container {
  min-width: 4.5rem;
  background: #000063;
  position: fixed;
  top: 0;
  width: 4.5rem;
  height: 100%;
  transition: none;
  left: 0;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL {
  min-width: 14.375rem;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav-icon {
  display: none;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav-icon .sidenav---icon-bar---u1f02 {
  display: none;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav-icon.sidenav---sidenav-toggle---1KRjR {
  position: absolute;
  float: left;
  height: 2rem;
  bottom: 25%;
  left: 50%;
  width: 2rem;
  cursor: pointer;
  transform: translate(-50%);
  z-index: 99;
  align-items: center;
  justify-content: center;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav-icon::before {
  font-family: "SalesHandy";
  content: "\e91c";
  color: #ffffff;
  font-size: 1.3rem;
  z-index: 999;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL:hover .sidenav-icon {
  display: flex;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-navitem---uwIJ- > .sidenav---navitem---9uL5T .sidenav---navtext---1AE_f {
  color: #d9d9d9;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y .sidenav---navitem---9uL5T .sidenav---navtext---1AE_f {
  color: #ffffff;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-navitem---uwIJ-:hover .sidenav---navitem---9uL5T .sidenav---navtext---1AE_f {
  color: #ffffff;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y .sidenav---navitem---9uL5T::after {
  border-left: 6px solid #bae7ff;
  opacity: 1;
  position: absolute;
  background: rgba(255, 255, 255, 0.1490196078);
  left: 3px;
  width: calc(100% - 3px);
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y .sidenav---navitem---9uL5T .sidenav---navicon---3gCRo i {
  color: #ffffff;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y .sidenav---navitem---9uL5T .sidenav---navicon---3gCRo .sidenav---navtext---1AE_f {
  color: #ffffff;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ- .sidenav---navitem---9uL5T {
  height: auto;
  line-height: initial;
  display: flex;
  align-content: center;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0.75rem;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ- .sidenav---navitem---9uL5T .sidenav---navtext---1AE_f {
  font-size: 14px;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ- .sidenav---navitem---9uL5T .sidenav---navicon---3gCRo {
  width: 72px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  cursor: pointer;
  height: 40px;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ- .sidenav---navitem---9uL5T .sidenav---navicon---3gCRo i {
  font-size: 1.5rem;
  color: #f5f5f5;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .bs-sidebar-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.625rem;
}
nav.bs-sidenav-container.sidenav---sidenav---_2tBP .bs-sidebar-icon .sh-logo-text-wrapper {
  margin-left: 0.433rem;
}
nav.bs-sidenav-container.sidenav---collapsed---LQDEv .sidenav-icon {
  display: none;
}
nav.bs-sidenav-container.sidenav---collapsed---LQDEv .sidenav-icon .sidenav---icon-bar---u1f02 {
  display: none;
}
nav.bs-sidenav-container.sidenav---collapsed---LQDEv .sidenav-icon.sidenav---sidenav-toggle---1KRjR {
  position: absolute;
  float: left;
  bottom: 25%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%);
  z-index: 99;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
}
nav.bs-sidenav-container.sidenav---collapsed---LQDEv .sidenav-icon::before {
  font-family: "SalesHandy";
  content: "\e933";
  color: #ffffff;
  font-size: 1.3rem;
  z-index: 999;
}
nav.bs-sidenav-container.sidenav---collapsed---LQDEv:hover .sidenav-icon {
  display: flex;
}

nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---collapsed---LQDEv + .home-container {
  width: calc(100% - 4.5rem);
  left: 4.5rem;
  transform: translate(4.5rem, 0px);
}

nav.bs-sidenav-container.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL + .home-container {
  width: calc(100% - 14.375rem);
  left: 14.375rem;
  position: relative;
}

.setting-container {
  flex-grow: 1;
  overflow-y: hidden;
}
.setting-container .setting-content {
  overflow: hidden;
  height: 100%;
  flex-wrap: nowrap;
}
.setting-container .setting-content .settings-components-nav-hidden {
  width: 100% !important;
}
.setting-container .setting-content .settings-components-nav-hidden .globalSettings__Wrapper {
  padding: 0px !important;
  background: #fff !important;
}
.setting-container .setting-content .settings-navigation {
  width: 13.5rem;
  min-height: calc(100vh - 5.625rem);
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  z-index: 2;
  border-right: 1px solid #e5e7eb;
  box-shadow: 1px 2px 4px 0px #e5e7eb;
}
.setting-container .setting-content .settings-navigation--title {
  display: flex;
  align-content: center;
  color: #374151;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.125rem;
  text-transform: uppercase;
  padding: 0.125rem 0rem 0.125rem 1.5rem;
  margin-bottom: 0.75rem;
}
.setting-container .setting-content .settings-navigation--item {
  display: flex;
  padding: 0.5rem 0 0.5rem 1.5rem;
  border-top: 0.0625rem solid transparent;
  border-bottom: 0.0625rem solid transparent;
}
.setting-container .setting-content .settings-navigation--item:hover, .setting-container .setting-content .settings-navigation--item.active {
  text-decoration: none;
  border-top: 0.0625rem solid #dbeafe;
  border-bottom: 0.0625rem solid #dbeafe;
  background: #eff6ff;
}
.setting-container .setting-content .settings-navigation--item.active .settings-navigation--item-inner {
  color: #1d4ed8;
  font-weight: 600;
}
.setting-container .setting-content .settings-navigation--item-inner {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.setting-container .setting-content .settings-navigation--item-inner svg {
  margin-right: 0.3125rem;
}
.setting-container .setting-content .settings-navigation--item-inner i {
  font-size: 16px;
}
.setting-container .setting-content .settings-navigation--item-badge {
  margin-left: 0.375rem;
  padding: 0.0625rem 0.25rem;
  border-radius: 0.1875rem;
  background: #f59e0b;
  color: #fff;
  font-size: 0.5625rem;
  font-weight: 500;
  line-height: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}
.setting-container .setting-content .settings-navigation .settings-navigation-divider {
  width: 10.375rem;
  min-height: 0.0625rem;
  max-height: 0.0625rem;
  margin: 1.5rem;
  background: #e5e7eb;
}
.setting-container .setting-content .settings-navigation__hidden {
  display: none;
}
.setting-container .setting-content .setting-components {
  width: calc(100% - 13.5rem);
}
.setting-container .setting-content .settings-users-and-teams-tab .globalSettings__Wrapper {
  padding: 1.5rem 1.5rem 0 1.5rem;
}
.setting-container .setting-content .setting-components-nav-hidden {
  width: 100%;
}
.setting-container .setting-content .setting-components-nav-hidden .globalSettings__Wrapper {
  padding: 0px !important;
}
.setting-container .email-account-container .email-account-header {
  margin-bottom: 1.875rem;
}
.setting-container .email-account-container .email-account-header .action-delete {
  margin-left: 2rem;
  color: #ff4d4f;
  display: flex;
  align-items: center;
}
.setting-container .email-account-container .email-account-header .action-delete i {
  margin-right: 0.5rem;
  font-size: 1rem;
  color: #ffa39e;
}
.setting-container .email-account-container .email-account-header .action-delete:hover {
  text-decoration: none;
}
.setting-container .email-account-container .email-account-header .action-delete:hover i {
  color: #ff4d4f;
}
.setting-container .email-account-container .email-selection-info--wrapper {
  width: 100%;
  height: 2.5rem;
  border: 0.0625rem solid #fef3c7;
  background: #fffbeb;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.setting-container .email-account-container .email-selection-info--wrapper .email-selection-info--separator {
  width: 0.0625rem;
  height: 1.25rem;
  background: #9ca3af;
}
.setting-container .email-account-container .email-selection-info--wrapper .email-selection-info--cta {
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.375rem;
  cursor: pointer;
}
.setting-container .email-account-container .sequence-score-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.5rem;
  width: 2rem;
  height: 1.5rem;
  border: 1px solid transparent;
  border-radius: 20px;
}
.setting-container .email-account-container .sequence-score-badge span {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.setting-container .email-account-container .sequence-score-badge.poor {
  background: #fef2f2;
  border-color: #dc2626;
}
.setting-container .email-account-container .sequence-score-badge.poor span {
  color: #dc2626;
}
.setting-container .email-account-container .sequence-score-badge.average {
  background: #fffbeb;
  border-color: #f59e0b;
}
.setting-container .email-account-container .sequence-score-badge.average span {
  color: #f59e0b;
}
.setting-container .email-account-container .sequence-score-badge.excellent {
  background: #ecfdf5;
  border-color: #2db482;
}
.setting-container .email-account-container .sequence-score-badge.excellent span {
  color: #2db482;
}
.setting-container .email-account-container .empty-block {
  width: 24.375rem;
  padding: 10% 0 3rem 0;
  margin: auto;
  text-align: center;
}
.setting-container .email-account-container .empty-block p {
  color: #8c8c8c;
}
.setting-container .email-account-container .email-account-list .bs-table-content-free-plan {
  max-height: calc(100vh - 14.8rem);
}
.setting-container .email-account-container .email-account-list .bs-table-content-default {
  max-height: calc(100vh - 12.5rem);
}
.setting-container .email-account-container .email-account-list .bs-table-content {
  overflow: auto;
}
.setting-container .email-account-container .email-account-list .bs-table-content table .bs-table-tbody {
  border: 1px solid #e5e7eb;
}
.setting-container .email-account-container .email-account-list .bs-table-content table .bs-table-tbody .disable-row {
  cursor: not-allowed;
  pointer-events: none;
}
.setting-container .email-account-container .email-account-list .bs-table-content table .bs-table-tbody .disable-row td {
  opacity: 0.3;
}
.setting-container .email-account-container .email-account-list .bs-table-content table .bs-table-tbody .bs-table-row:hover .tag-visibility {
  visibility: visible;
  transition: none;
}
.setting-container .email-account-container .email-account-list .bs-table-content table .bs-table-tbody .bs-table-row:hover td {
  background: #f9fafb !important;
}
.setting-container .email-account-container .email-account-list .bs-table-tbody > tr > td {
  transition: none;
}
.setting-container .email-account-container .email-account-list .bs-table-tbody > tr > td:first-child {
  border-left: 1px solid #e5e7eb;
}
.setting-container .email-account-container .email-account-list .bs-table-tbody > tr > td:last-child {
  border-right: 1px solid #e5e7eb;
}
.setting-container .email-account-container .email-account-list .bs-table-small .bs-table-thead > tr > th {
  font-weight: 600;
  white-space: nowrap;
  border-top: 1px solid #e5e7eb;
  font-size: 0.75rem;
  color: #4b5563;
  padding: 0.625rem 0.5rem;
}
.setting-container .email-account-container .email-account-list .bs-table-small .bs-table-thead > tr > th.email-multi-check {
  width: 1.875rem;
}
.setting-container .email-account-container .email-account-list .bs-table-small .bs-table-thead > tr > th:first-child {
  border-left: 1px solid #e5e7eb;
}
.setting-container .email-account-container .email-account-list .bs-table-small .bs-table-thead > tr > th:last-child {
  border-right: 1px solid #e5e7eb;
}
.setting-container .email-account-container .email-account-list .bs-table-small .bs-table-tbody td.email-multi-check {
  width: 1.875rem;
}
.setting-container .email-account-container .email-account-list .sender-data-row {
  display: flex;
  align-items: center;
  width: 17.75rem;
}
.setting-container .email-account-container .email-account-list .sender-data-row .tag-visibility {
  visibility: hidden;
  transition: none;
}
.setting-container .email-account-container .email-account-list .sender-data-row p {
  margin: 0;
}
.setting-container .email-account-container .email-account-list .sender-data-row i {
  margin: 0 1rem;
  font-size: 1rem;
}
.setting-container .email-account-container .email-account-list .sender-data-row .smtp-label-wrap {
  margin-right: 0.5rem;
}
.setting-container .email-account-container .email-account-list .email-score {
  display: flex;
  align-items: center;
}
.setting-container .email-account-container .email-account-list .email-score i {
  color: #52c41a;
  margin-right: 0.2rem;
}
.setting-container .email-account-container .email-account-list .email-score span {
  color: #1d4ed8;
  cursor: pointer;
}
.setting-container .email-account-container .email-account-list .email-score span:hover {
  text-decoration: underline;
}
.setting-container .email-account-container .email-account-list .email-score .disable-text {
  pointer-events: none;
  opacity: 0.35;
}
.setting-container .email-account-container .email-account-list .cursor-not-allowed {
  cursor: not-allowed;
}
.setting-container .email-account-container .email-account-list .grid-action .bs-mr-15 {
  margin-right: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .setting-container .email-account-container .email-account-list .grid-action .bs-mr-15 {
    margin-right: 0.5rem;
  }
}
.setting-container .email-account-container .email-account-list .grid-action i {
  font-size: 1.2rem;
  cursor: pointer;
  color: #bfbfbf;
}
.setting-container .email-account-container .email-account-list .grid-action i:hover {
  color: #262626;
}
.setting-container .email-account-container .email-account-list .switchToggle.connected-status label span {
  color: #7cb305;
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .setting-container .email-account-container .email-account-list .switchToggle.connected-status label span {
    display: none;
  }
}
.setting-container .email-account-container .email-account-list .switchToggle.disconnected-status label span {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .setting-container .email-account-container .email-account-list .switchToggle.disconnected-status label span {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .setting-container .email-account-container .email-account-list .column-visibility {
    display: none;
  }
}
.setting-container .email-account-container .email-account-list .custom-domain-mediaquery {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .setting-container .email-account-container .email-account-list .custom-domain-mediaquery {
    display: flex;
    margin-top: 0.5rem;
    align-items: center;
  }
  .setting-container .email-account-container .email-account-list .custom-domain-mediaquery strong {
    margin-right: 0.5rem;
    color: #262626;
  }
  .setting-container .email-account-container .email-account-list .custom-domain-mediaquery .custom-domain {
    left: 0;
  }
  .setting-container .email-account-container .email-account-list .custom-domain-mediaquery small {
    margin: 0 5px;
  }
}
.setting-container .email-account-container .email-account-list .status-col {
  min-width: 9rem;
  max-width: 9rem;
}
.setting-container .email-account-container .delete-submit-button {
  background-color: #b91c1c !important;
}
.setting-container .safety-setting-container {
  padding: 1rem 1.5rem;
}
.setting-container .safety-setting-container .safety-setting-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 0.5rem;
}
.setting-container .safety-setting-container .safety-setting-list .safety-setting-switch {
  margin: 1rem 0 1rem 0;
}
.setting-container .safety-setting-container .safety-setting-list .safety-setting-switch .switchToggle {
  display: flex;
  align-items: center;
}
.setting-container .safety-setting-container .safety-setting-list .safety-setting-switch .switchToggle label {
  margin: 0;
}
.setting-container .safety-setting-container .safety-setting-list .safety-setting-switch .switchToggle label span {
  white-space: nowrap;
  font-size: 14px;
}
.setting-container .custom-fields-container {
  width: 100%;
  height: 100%;
}
.setting-container .custom-fields-container .custom-fields-grid {
  width: 100%;
  height: 100%;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container {
  position: relative;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 0.25rem;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .search-input {
  border-color: #d1d5db !important;
  padding: 0.3125rem 0.75rem !important;
  align-items: center;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .search-input .input-icons-left {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
  color: #d1d5db;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .search-input .input-icons-left .bs-input-prefix {
  width: 1rem;
  height: 1rem;
  margin-right: 0;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .search-input .input-icons-left .bs-input-prefix .sh-search:before {
  font-size: 1rem;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .search-input:hover {
  border-color: #346aff !important;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .search-input:focus-within {
  border-color: #346aff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5) !important;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .custom-field-filter-icon-container {
  position: relative;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #9ca3af;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .custom-field-filter-icon-container:hover {
  background-color: #dbeafe;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .custom-field-filter-icon-container:hover .icon {
  color: #1d4ed8;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .custom-field-filter-icon-container .icon {
  font-size: 1.25rem;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .custom-field-filter-icon-container .custom-field-filter-badge {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: #0137fc;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-actions .custom-field-filters-container .custom-fields-selection-container {
  display: flex;
  align-items: center;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-selected-row-info {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fef3c7;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: #fffbeb;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-selected-row-info .divider-vertical {
  height: 1.25rem;
  width: 0.063rem;
  background: #9ca3af;
  margin: 0 0.75rem;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-right-actions {
  gap: 0.75rem;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-right-actions .custom-fields-export-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #262626;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-right-actions .custom-fields-export-btn svg {
  color: inherit;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-right-actions .custom-fields-export-btn:hover, .setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-right-actions .custom-fields-export-btn:focus {
  color: #0137fc;
  background: transparent;
  box-shadow: none;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-right-actions .custom-fields-export-btn:disabled {
  opacity: 0.6;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-right-actions .add-prospect-button {
  padding: 0;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .custom-fields-right-actions .add-prospect-button .add-prospect-inner {
  min-width: unset;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .dropdown-menu-custom .dropdown-item-custom i {
  font-size: 1.125rem;
  color: #0137fc;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .dropdown-menu-custom .dropdown-item-custom i .export-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #9ca3af;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .dropdown-menu-custom .dropdown-item-custom i .export-btn:hover, .setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .dropdown-menu-custom .dropdown-item-custom i .export-btn:focus {
  color: #262626;
  background: transparent;
  box-shadow: none;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .dropdown-menu-custom .dropdown-item-custom i .export-btn:disabled {
  opacity: 0.6;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .bs-tabs-nav {
  margin-bottom: 1.5rem !important;
  display: flex;
  align-items: start !important;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .bs-tabs-nav::before {
  border-bottom: 0rem solid #e8e8e8 !important;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 1.875rem !important;
  align-self: auto !important;
  top: 0;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 10rem);
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  overflow-y: auto;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .bs-table-small {
  border: 1px solid #eaedef;
  border-radius: 4px 4px 0px 0px;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background-color: #f3f4f6;
  pointer-events: none;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type {
  text-align: left !important;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-header .selection-cell-header {
  pointer-events: auto;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .field-hashed-id-container {
  display: flex;
  max-width: 90px;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .field-hashed-id-container .field-hashed-id-content {
  width: 69px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .field-hashed-id-container .field-hashed-id-icon {
  display: inline;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .field-hashed-id-container {
  max-width: 90px;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .field-hashed-id-container .field-hashed-id-content {
  width: 90px;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .field-hashed-id-container .field-hashed-id-icon {
  display: none;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .custom-field-cell-with-ai {
  display: flex;
  align-items: center;
  gap: 6px;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list.prospect-fields-table-list {
  overflow-y: hidden;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list.prospect-fields-table-list .bs-table-small {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list.prospect-fields-table-list .bs-table-small .bs-table-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list.prospect-fields-table-list .bs-table-small .bs-table-container .bs-table-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list.prospect-fields-table-list .bs-table-small .bs-table-container .pagination-container-new {
  position: static !important;
  flex: 0 0 auto;
}
.setting-container .custom-fields-container .custom-fields-grid .empty-custom-fields {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.setting-container .custom-fields-container .custom-fields-grid .empty-custom-fields .no-result-empty-list {
  height: 100%;
}
.setting-container .custom-fields-container .custom-fields-grid .empty-custom-fields {
  text-align: center;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list {
  height: calc(100vh - 12rem);
  overflow-y: auto;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .bs-table-tbody > tr > td {
  vertical-align: middle;
  transition: none;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .bs-table-small .bs-table-thead > tr > th {
  font-weight: 600;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .bs-table-small .bs-table-thead > tr > th.custom-fields-check {
  width: 1.875rem;
  padding-left: 0;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .bs-table-small .bs-table-tbody td.custom-fields-check {
  width: 1.875rem;
  padding-left: 0;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .field-width {
  width: 30%;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .grid-action .bs-mr-15 {
  margin-right: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .grid-action .bs-mr-15 {
    margin-right: 0.5rem;
  }
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .grid-action i {
  font-size: 1.2rem;
  cursor: pointer;
  color: #bfbfbf;
}
.setting-container .custom-fields-container .custom-fields-grid .custom-fields-list .grid-action i:hover {
  color: #262626;
}
.setting-container .custom-outcomes-container .system-outcome-container tr th:last-of-type {
  justify-content: end;
  align-items: center;
  display: flex;
  padding-right: 2.9rem;
}
.setting-container .custom-outcomes-container .system-outcome-container td:last-of-type {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 1.875rem;
}
.setting-container .custom-outcomes-container .custom-outcome-container tr th:last-of-type {
  justify-content: end !important;
  align-items: center !important;
  display: flex !important;
  padding-right: 2.9rem !important;
}
.setting-container .custom-outcomes-container .custom-outcome-container td:last-of-type {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 1.875rem;
}
.setting-container .custom-outcomes-container .custom-fields-grid {
  width: 100%;
  height: 100%;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .bs-tabs-nav {
  margin-bottom: 1.5rem !important;
  display: flex;
  align-items: start !important;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .bs-tabs-nav::before {
  border-bottom: 0rem solid #e8e8e8 !important;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 1.875rem !important;
  align-self: auto !important;
  top: 0;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn {
  font-size: 0.875rem;
  font-weight: 500;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .bs-tabs > .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 40px;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .bs-tabs-top > .bs-tabs-nav {
  margin: 0 0 24px 0;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container {
  position: relative;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .add-custom-fields-container .prospect-outcomes--search {
  background-color: #ffffff;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .add-custom-fields-container .prospect-outcomes--search .bs-input-md {
  background-color: #ffffff;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .add-custom-fields-container {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
  min-height: 2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .add-custom-fields-container .bs-input-affix-wrapper:focus,
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .add-custom-fields-container .bs-input-affix-wrapper:focus-within {
  box-shadow: none !important;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper {
  height: calc(100% - 10rem);
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper.table-wrapper--with-banner .table-list {
  height: calc(100vh - 13rem) !important;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list {
  overflow-y: auto;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .bs-table-small {
  border: 1px solid #eaedef;
  border-radius: 4px 4px 0px 0px;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background-color: #f3f4f6;
  pointer-events: none;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body tr td {
  height: 62px !important;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .field-hashed-id-content {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  width: fit-content;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .field-hashed-id-content .field-sentiment {
  color: #1f2937;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .field-hashed-id-content .field-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .field-name-container .field-name-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .field-hashed-id-content {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  width: fit-content;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .field-hashed-id-content .field-sentiment {
  color: #1f2937;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .field-hashed-id-content .field-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.setting-container .custom-outcomes-container .custom-fields-grid .custom-fields-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .field-name-container .field-name-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.setting-container .custom-outcomes-container .empty-custom-outcomes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 15% 0 3rem 0;
  margin: auto;
  text-align: center;
}
.setting-container .custom-outcomes-container .empty-custom-outcomes .empty-outcome-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.setting-container .custom-outcomes-container .empty-custom-outcomes .empty-outcome-inner .empty-outcome-image {
  width: 80px;
  height: 80px;
}
.setting-container .custom-outcomes-container .empty-custom-outcomes .empty-outcome-inner .empty-outcome-title {
  display: flex;
  align-items: flex-start;
  color: #1f2937;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.setting-container .custom-outcomes-container .empty-custom-outcomes .empty-outcome-inner .empty-outcome-description {
  color: #6b7280;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.setting-container .custom-outcomes-container .empty-custom-outcomes .empty-outcome-inner .empty-outcome-description a {
  color: #1d4ed8;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
}
.setting-container .custom-outcomes-container .custom-fields-list {
  height: calc(100vh - 12rem);
  overflow-y: auto;
}
.setting-container .custom-outcomes-container .custom-fields-list .bs-table-tbody > tr > td {
  vertical-align: middle;
  transition: none;
}
.setting-container .custom-outcomes-container .custom-fields-list .bs-table-small .bs-table-thead > tr > th {
  font-weight: 600;
}
.setting-container .custom-outcomes-container .custom-fields-list .bs-table-small .bs-table-thead > tr > th.custom-fields-check {
  width: 1.875rem;
  padding-left: 0;
}
.setting-container .custom-outcomes-container .custom-fields-list .bs-table-small .bs-table-tbody td.custom-fields-check {
  width: 1.875rem;
  padding-left: 0;
}
.setting-container .custom-outcomes-container .custom-fields-list .field-width {
  width: 30%;
}
.setting-container .custom-outcomes-container .custom-fields-list .grid-action .bs-mr-15 {
  margin-right: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .setting-container .custom-outcomes-container .custom-fields-list .grid-action .bs-mr-15 {
    margin-right: 0.5rem;
  }
}
.setting-container .custom-outcomes-container .custom-fields-list .grid-action i {
  font-size: 1.2rem;
  cursor: pointer;
  color: #bfbfbf;
}
.setting-container .custom-outcomes-container .custom-fields-list .grid-action i:hover {
  color: #262626;
}

.admin-settings {
  max-height: 80vh;
  overflow-y: auto;
  padding-right: 1.5rem;
}
.admin-settings--spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
}
.admin-settings--spinner .spinner-border {
  border-color: #1d4ed8;
  border-right-color: transparent;
}
.admin-settings--content .admin-setting-toggle {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.admin-settings--content .admin-setting-toggle .switchToggle {
  width: 2rem;
  height: 1rem;
}
.admin-settings--content .admin-setting-toggle .switchToggle input:checked + label {
  background: #1d4ed8;
}
.admin-settings--content .admin-setting-toggle--label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.admin-settings--content .admin-setting-toggle--label a {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1d4ed8;
  text-decoration: underline;
}
.admin-settings--content .admin-setting-toggle--nested {
  margin-left: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.admin-settings--content .admin-setting-toggle--nested-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.admin-settings--content .admin-setting-toggle--nested-item span {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}
.admin-settings .form-container {
  margin: 1.2em 0;
  width: 14rem;
}
.admin-settings .form-container .email-verification {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.admin-settings .form-container .button-container {
  margin-top: 0.8em;
}

.team-container {
  padding: 1.875rem 1.5rem 1rem 1.5rem;
}
.team-container .team-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 0.625rem;
  margin-bottom: 1.5rem;
}
.team-container .list-container {
  height: calc(100vh - 10rem);
  overflow-y: auto;
}
.team-container .list-container .table-list .team-list-body-wrapper {
  border: 1px solid #e5e7eb !important;
}
.team-container .list-container .table-list .team-list-body-wrapper tr {
  border-left: 1px solid #e5e7eb !important;
}

.schedule-container .schedule-header .action-delete {
  margin-left: 2rem;
  color: #ff4d4f;
}
.schedule-container .schedule-header .action-delete i {
  margin-right: 0.5rem;
}
.schedule-container .schedule-header .action-delete:hover {
  text-decoration: underline;
}
.schedule-container .schedule-list {
  overflow-y: auto;
  height: inherit;
  padding-bottom: 2.5rem;
  scrollbar-width: none;
}
.schedule-container .schedule-list::-webkit-scrollbar {
  display: none;
}
.schedule-container .schedule-list .bs-accordions.accordion {
  height: calc(100vh - 12rem);
  overflow-y: auto;
  padding-right: 0rem;
  background-color: #fff;
}
.schedule-container .schedule-list .bs-accordions.accordion .accordion__item {
  margin-bottom: 0.875rem;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  overflow: visible;
}
.schedule-container .schedule-list .bs-accordions.accordion .accordion__button {
  display: flex;
  align-items: center;
  background: #ffffff;
  gap: 1.5rem;
}
.schedule-container .schedule-list .bs-accordions.accordion .accordion__button:before {
  position: absolute;
  top: 1.25rem;
  left: 1rem;
}
.schedule-container .schedule-list .bs-accordions.accordion .accordion__button p {
  margin: 0;
  padding-left: 1.75rem;
  font-size: 14px;
  line-height: 22px;
  width: 33%;
}
.schedule-container .schedule-list .bs-accordions.accordion .accordion__button p .tag-visibility {
  visibility: hidden;
  transition: none;
}
.schedule-container .schedule-list .bs-accordions.accordion .accordion__button p:hover .tag-visibility {
  visibility: visible;
  transition: none;
}
.schedule-container .schedule-list .bs-accordions.accordion .accordion__button small {
  font-size: 14px;
  line-height: 22px;
  width: 33%;
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .schedule-container .schedule-list .bs-accordions.accordion .accordion__button small {
    display: none;
  }
}
.schedule-container .schedule-list .bs-accordions .accordion__panel {
  padding: 1.5rem 2.5rem;
  border-top: 1px solid #d9d9d9;
  background: #ffffff;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .delete-schedule {
  margin-left: 2rem;
  color: #ff4d4f;
  display: flex;
  align-items: center;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .delete-schedule i {
  margin-right: 0.5rem;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .delete-schedule:hover {
  text-decoration: underline;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .schedule-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form {
  padding: 0px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__field {
  margin-bottom: 20px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__field label {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__field .bs-input-container {
  width: 100%;
  position: relative;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__field:hover .bs-input-affix-wrapper:not(.input-error) {
  border: 1px solid #1d4ed8;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__field .bs-input-affix-wrapper .bs-input-md {
  color: #1f2937;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__field .bs-input-label-suffix {
  color: #b91c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
  position: absolute;
  bottom: -18px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__error-banner {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 1rem;
  padding: 7px 12px;
  border: 1px solid #ffccc7;
  border-radius: 6px;
  border-color: #fecaca;
  background: #fef2f2;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__error-banner span {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #1f2937;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__warning-banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 20px;
  padding: 12px 14px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 4px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__warning-banner-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__warning-banner-text .bs-schedule-form__warning-banner-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #1f2937;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__warning-banner-text .bs-schedule-form__warning-banner-description {
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
  line-height: 16px;
  margin: 0;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__warning-banner-info {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 0.25rem;
  cursor: pointer;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__usage-tooltip {
  text-align: left;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__usage-tooltip ul {
  margin: 0.25rem 0 0;
  padding-left: 1rem;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-row--inactive .bs-schedule-form__day-label {
  color: #595959;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__timezone-select {
  width: 100%;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__timezone-select .bs-select-box:hover {
  border: 1px solid #1d4ed8;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__timezone-select .bs-select-box .bs-select-box-text span {
  color: #1f2937;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__timezone-select .bs-select-box .bs-select-box-icon-wrapper {
  color: #6b7280;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__timezone-select .transfer-select-box {
  width: 100%;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__days {
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__days .bs-schedule-form__day-row {
  margin: 0px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-checkbox {
  flex-shrink: 0;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-checkbox .bs-checkbox {
  min-width: fit-content;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-checkbox .bs-checkbox .bs-checkbox-inner {
  border-radius: 4px;
  width: 20px;
  height: 20px;
  min-width: fit-content;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-checkbox .bs-checkbox .bs-checkbox-inner.bs-checkbox-inner:after {
  width: 7px;
  height: 12px;
  left: 23%;
  top: 45%;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-label {
  width: 120px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  flex-shrink: 0;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  gap: 6px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__slot-pill {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 0 0.5rem;
  background: #ffffff;
  gap: 6px;
  flex-wrap: wrap;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__slot-pill--error {
  border-color: #f5222d;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__slot-label {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  color: #9ca3af;
  min-width: fit-content;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field {
  position: relative;
  display: flex;
  align-items: center;
  justify-self: center;
  line-height: 28px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__control {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 56px;
  padding: 2px 4px;
  border-radius: 4px;
  background: #ffffff;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__control--focused {
  border-color: #1d4ed8;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__control--disabled {
  background: #fafafa;
  cursor: not-allowed;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__segment {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  font-size: 14px;
  line-height: 18px;
  color: #1f2937;
  user-select: none;
  min-width: fit-content;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__segment--placeholder {
  color: #9ca3af;
  font-size: 12px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__segment--active {
  background: #bfdbfe;
  color: #1f2937;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__colon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6px;
  font-size: 14px;
  color: #1f2937;
  user-select: none;
  height: 16px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__input {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  opacity: 0;
  color: transparent;
  background: transparent;
  caret-color: transparent;
  width: 56px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__input:focus {
  outline: 0;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__input::selection {
  background: transparent;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  z-index: 10;
  min-width: 5.5rem;
  max-height: 12rem;
  overflow-y: auto;
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__option {
  padding: 0.35rem 0.75rem;
  color: #1f2937;
  cursor: pointer;
  margin: 0px;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__option:hover {
  background: #eff6ff;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-time-field__option--selected {
  background: #eff6ff;
  color: #1d4ed8;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__slot-dash {
  margin: 0 0.25rem;
  color: #6b7280;
  min-width: fit-content;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__slot-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.25rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #8c8c8c;
  cursor: pointer;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__slot-remove-icon {
  color: #8c8c8c;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__slot-remove-icon:hover {
  color: #1f2937;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__day-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__add-slot {
  display: flex;
  align-items: center;
  justify-self: center;
  gap: 4px;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__add-slot--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__add-slot:hover .bs-schedule-form__add-slot-icon {
  color: #1e40af;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__add-slot:hover {
  color: #1e40af;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__apply-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
  background: none;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__apply-btn:hover .bs-schedule-form__apply-btn-icon {
  color: #1d4ed8;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__apply-btn:hover {
  background: #dbeafe;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__apply-btn .bs-schedule-form__apply-btn-icon {
  color: #1f2937;
}
.schedule-container .schedule-list .bs-accordions .accordion__panel .bs-schedule-form .bs-schedule-form__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.schedule-container .schedule-form .bs-input-container {
  width: 16rem;
}
.schedule-container .schedule-form ul {
  padding: 0;
  list-style: none;
}
.schedule-container .schedule-form ul li {
  display: flex;
  margin: 1rem 0;
}
.schedule-container .schedule-form ul li span {
  min-width: 5.3125rem;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #262626;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container {
  display: flex;
  flex-flow: wrap;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot {
  display: flex;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 0 5px;
  align-items: center;
  margin: 2px 0.6rem 2px 0;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot.active {
  background: #f5f5f5;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot.error {
  border: 1px solid red;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot input {
  margin: 0;
  border: 0;
  padding: 0;
  width: 1.8rem;
  text-align: center;
  font-size: 14px;
  color: #595959;
  background: transparent;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot input:focus {
  outline: 0;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot input[type=number]::-webkit-outer-spin-button,
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot input[type=number] {
  -moz-appearance: textfield;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot small {
  height: 1.5rem;
  align-items: center;
  display: flex;
  width: 0.3rem;
  justify-content: flex-start;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot p {
  margin: 0 0 0 2px;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot .schedule-timeslot-input {
  display: flex;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .schedule-timeslot .timeslot-remove-action {
  display: flex;
  margin-left: 0.3rem;
  color: #8c8c8c;
  font-size: 14px;
  cursor: pointer;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .add-schedule {
  width: 1.625rem;
  height: 1.625rem;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 2px 0;
}
.schedule-container .schedule-form ul li .schedule-timeslot-container .add-schedule:hover {
  background: #f5f5f5;
  text-decoration: none;
}

.add-schedule-modal .modal-footer {
  display: flex;
  justify-content: space-between;
}
.add-schedule-modal .modal-dialog {
  max-width: 43.75rem;
}
.add-schedule-modal .error-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.add-schedule-modal .error-list li {
  color: #f5222d;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.add-schedule-modal .error-list li span {
  padding-left: 8px;
}

.add-smtp-account-modal .modal-dialog {
  max-height: 18.125rem;
}
.add-smtp-account-modal .email-account {
  width: 14.813rem !important;
  height: 7.625rem !important;
}

.add-email-account-modal {
  align-content: center;
}
.add-email-account-modal .modal-dialog {
  max-width: 34.125rem;
}
.add-email-account-modal .email-account-method-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 1.875rem;
}
.add-email-account-modal .email-account {
  cursor: pointer;
  width: 9.375rem;
  height: 7.625rem;
  background: #f3f4f6;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.add-email-account-modal .email-account .email-label {
  margin-left: 0.375rem;
}
.add-email-account-modal .email-account__description {
  width: 7.375rem;
  text-align: center;
  line-height: 0.875rem;
  margin-top: 0.5rem;
}
.add-email-account-modal .email-account:hover {
  border-color: #346aff;
  background: #eff6ff;
}
.add-email-account-modal .email-account:hover .email-label {
  color: #1d4ed8;
}
.add-email-account-modal .email-account.active {
  border-color: #346aff;
}
.add-email-account-modal .email-account-select-service {
  color: #1f2937;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.add-email-account-modal .email-account-method {
  display: flex;
  justify-content: space-around;
}
.add-email-account-modal .email-account-message {
  letter-spacing: 0em;
  text-align: left;
  color: #6b7280;
}
.add-email-account-modal .email-account-note {
  letter-spacing: 0em;
  text-align: left;
  color: #6b7280;
}

.add-email-info-modal .modal-dialog {
  max-width: 43.75rem;
}
.add-email-info-modal .add-email-info-body .add-email-info-header {
  display: flex;
  justify-content: center;
}
.add-email-info-modal .add-email-info-body .add-email-info-header a {
  background: #0137fc;
  color: #ffffff;
}
.add-email-info-modal .add-email-info-body .add-email-info-form .bs-select-box {
  height: 2rem;
}
.add-email-info-modal .add-email-info-body .add-email-info-form .select-container {
  display: flex;
  align-items: center;
}
.add-email-info-modal .add-email-info-body .add-email-info-form .select-container .bs-select-box {
  margin-right: 0.5rem;
}
.add-email-info-modal .add-email-info-body .add-email-info-form .select-container .sh-trash {
  cursor: pointer;
}
.add-email-info-modal .add-email-info-form .sending-limit-component {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-email-info-modal .add-email-info-form .sending-limit-component label {
  margin: 0;
}
.add-email-info-modal .add-email-info-form .sending-limit-component .bs-input-number {
  width: 4.875rem;
  min-width: 4.875rem;
}
.add-email-info-modal .add-email-info-form .sending-limit-component .bs-input-number input[type=number]::-webkit-outer-spin-button,
.add-email-info-modal .add-email-info-form .sending-limit-component .bs-input-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.add-email-info-modal .add-email-info-form .sending-limit-component .bs-input-number input[type=number] {
  -moz-appearance: textfield;
}
.add-email-info-modal .add-email-info-form .sending-limit-component {
  /*label {
    margin-right: 0.5rem;
    color: $gray-9;
  }*/
}
.add-email-info-modal .add-email-info-form .editor {
  height: 75%;
}
.add-email-info-modal .modal-footer {
  display: flex;
  justify-content: space-between;
}

.add-prospect-field .modal-dialog {
  max-width: 28.125rem;
}
.add-prospect-field .modal-dialog .modal-header-custom {
  display: flex;
  align-items: center;
}
.add-prospect-field .modal-dialog .modal-header-custom h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #1f2937;
  width: 100%;
  margin: 0;
}
.add-prospect-field .modal-dialog .modal-content {
  padding: 24px 0px 0px 0px;
}
.add-prospect-field .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  min-height: 0;
}
.add-prospect-field .modal-dialog .modal-content .modal-body {
  padding-top: 24px;
  padding-bottom: 0;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-label-prefix {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 0.25rem;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-affix-wrapper {
  display: flex;
  height: 36px;
  padding: 8px 8px 8px 12px;
  align-items: center;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-affix-wrapper:focus, .add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-affix-wrapper:focus-within {
  border: 0.0625rem solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-affix-wrapper:hover {
  border: 0.0625rem solid #1d4ed8;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .select-label {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 0.25rem;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .tags-select-label {
  margin-top: 1rem;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-select-box-text {
  font-size: 14px;
}
.add-prospect-field .modal-dialog .modal-content .modal-body hr {
  border-width: 2px;
  margin-top: 25px;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-container input {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-container input ::placeholder {
  color: #9ca3af;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-container .bs-input-affix-wrapper {
  height: 100%;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .bs-input-container .bs-input-affix-wrapper.bs-input-affix-wrapper::before {
  line-height: 20px;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .info-icon {
  position: absolute;
  left: 177px;
  bottom: 85px;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .categorize-by-modal__content .categorize-by-modal__item .categorize-by-modal__item-content .categorize-by-modal__color-swatch {
  display: none;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .tags-autosuggest-container {
  margin-bottom: 16px;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .tags-autosuggest-container .bs-input {
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .tags-autosuggest-container .bs-input:focus, .add-prospect-field .modal-dialog .modal-content .modal-body .tags-autosuggest-container .bs-input:focus-within {
  border: 0.0625rem solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.add-prospect-field .modal-dialog .modal-content .modal-body .tags-autosuggest-container .bs-input:hover {
  border: 0.0625rem solid #1d4ed8;
}
.add-prospect-field .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  min-height: 0;
  padding: 4px 1.5rem 1.25rem 1.5rem;
}
.add-prospect-field .modal-dialog .modal-content .modal-footer .btn-ghost-primary {
  display: flex;
  width: 77px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.add-prospect-field .modal-dialog .modal-content .modal-footer .btn-solid-primary {
  display: flex;
  width: 77px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #1d4ed8;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.add-prospect-field .modal-dialog .modal-content .modal-footer .btn-solid-primary:hover {
  background: #1e40af;
}
.add-prospect-field .modal-dialog .modal-content .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.add-prospect-field .modal-dialog .prospect-modal-body {
  max-height: 25rem;
}
.add-prospect-field .modal-dialog .prospect-modal-body .bs-select-box {
  width: 12.5rem;
  display: flex;
  height: 36px;
  padding: 8px 8px 8px 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
}
.add-prospect-field .modal-dialog .prospect-modal-body .bs-select-box:not(.bs-select-box-disabled):focus, .add-prospect-field .modal-dialog .prospect-modal-body .bs-select-box:not(.bs-select-box-disabled):focus-within {
  border: 0.0625rem solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.add-prospect-field .modal-dialog .prospect-modal-body .bs-select-box:not(.bs-select-box-disabled):hover {
  border: 0.0625rem solid #1d4ed8;
}
.add-prospect-field .modal-dialog .prospect-modal-body .bs-select-box {
  border: 1px solid #e5e7eb;
  background: #fff;
}
.add-prospect-field .modal-dialog .prospect-modal-body .bs-select-box .bs-select-box-icon-wrapper svg {
  color: #6b7280;
}
.add-prospect-field .modal-dialog .prospect-modal-body .bs-select-box.bs-select-box-disabled {
  opacity: 0.6;
}
.add-prospect-field .modal-dialog .longtext-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-label .bs-input-label-prefix {
  margin-bottom: 0;
  line-height: 22px;
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-textarea {
  display: flex;
  width: 100%;
  padding: 4px 11px !important;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 400;
  color: #595959;
  min-height: 3.25rem;
  max-height: 15.25rem;
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-textarea:hover {
  border-color: #346aff;
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-textarea:active {
  border-color: #346aff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-textarea:focus {
  outline: none;
  border-color: #346aff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-textarea:focus-within {
  border-color: #346aff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-textarea:focus-visible {
  border-color: #346aff !important;
}
.add-prospect-field .modal-dialog .longtext-wrapper .longtext-textarea::placeholder {
  padding: 3px;
  border-radius: 4px;
  color: #9ca3af;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.add-prospect-field .modal-dialog .fallback-text-input {
  margin-top: 16px;
}
.add-prospect-field .modal-dialog .error-label {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.3125rem;
  font-size: 0.625rem;
  color: #b91c1c;
}
.add-prospect-field .modal-dialog .modal-body {
  padding: 1.25rem 1.5rem;
}
.add-prospect-field .modal-dialog .modal-footer {
  display: flex;
}

.delete-outcome-modal .popover-arrow-color-txt {
  color: #1f2937;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.delete-outcome-modal .modal-dialog .modal-content .modal-header .delete-modal-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.delete-outcome-modal .modal-dialog .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  gap: 16px;
}

.outcome-count-popover {
  display: flex;
  border: 2px solid red;
  border-radius: 0.5rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
  background: #fff !important;
  box-shadow: 0.1875rem 0.5rem 1.5rem -0.375rem rgba(15, 34, 67, 0.16) !important;
}
.outcome-count-popover .arrow {
  display: none;
}
.outcome-count-popover .bs-popover-inner-content {
  padding: 0 !important;
}
.outcome-count-popover .outcome-count {
  min-width: 10.5rem;
  padding: 0.75rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
}
.outcome-count-popover .outcome-count .render-outcome-count-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.outcome-count-popover .outcome-count .render-outcome-count-item--inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.outcome-count-popover .outcome-count .render-outcome-count-item p {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}

.custom-outcomes-grid-header .render-outcome-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid red;
}
.custom-outcomes-grid-header .render-outcome-count--inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.custom-outcomes-grid-header .render-outcome-count--inner .active,
.custom-outcomes-grid-header .render-outcome-count--inner .inactive {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #047857;
  background: #047857;
}
.custom-outcomes-grid-header .render-outcome-count--inner .inactive {
  border-color: #9ca3af;
  background: #9ca3af;
}
.custom-outcomes-grid-header .render-outcome-count p {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}
.custom-outcomes-grid-header .total-outcomes-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  background: #e5e7eb;
}
.custom-outcomes-grid-header .total-outcomes-badge span {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}

.add-prospect-outcome .modal-dialog {
  max-width: 31.25rem;
}
.add-prospect-outcome .modal-dialog .modal-header-custom {
  display: flex;
  align-items: center;
}
.add-prospect-outcome .modal-dialog .modal-header-custom h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #262626;
  width: 100%;
  margin: 0;
}
.add-prospect-outcome .modal-dialog .modal-content {
  padding: 15px 0px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-body {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-body .bs-input-label-prefix {
  font-size: 12px;
  margin-bottom: 4px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-body .select-label {
  margin-top: 10px;
  cursor: default;
  margin-bottom: 4px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-body .bs-select-box-text {
  font-size: 14px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-body hr {
  border-width: 2px;
  margin-top: 30px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-body .bs-input-container {
  margin-top: 10px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-body .bs-input-container input {
  padding: 3px;
  border-radius: 4px;
  font-size: 14px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-body .info-icon {
  position: absolute;
  left: 177px;
  bottom: 85px;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  padding: 0 1.1rem;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-footer .btn-ghost-primary {
  width: 100px;
  height: 32px;
  border-color: #d9d9d9;
  color: #595959;
}
.add-prospect-outcome .modal-dialog .modal-content .modal-footer .btn-solid-primary {
  width: 100px;
  height: 32px;
  background-color: #1d4ed8;
}
.add-prospect-outcome .modal-dialog .add-prospect-outcome-field {
  color: #6b7280;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
}
.add-prospect-outcome .modal-dialog .prospect-modal-body {
  color: #6b7280;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.add-prospect-outcome .modal-dialog .prospect-modal-body .bs-input-label-prefix {
  color: #6b7280;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.add-prospect-outcome .modal-dialog .prospect-modal-body .bs-input-affix-wrapper {
  height: 32px;
}
.add-prospect-outcome .modal-dialog .prospect-modal-body .bs-select-box {
  height: 32px;
}
.add-prospect-outcome .modal-dialog .prospect-modal-body .sentiment-content {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1f2937;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.add-prospect-outcome .modal-dialog .prospect-modal-body .sentiment-content .sentiment-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.add-prospect-outcome .modal-dialog .fallback-text-input {
  margin-top: 2%;
}
.add-prospect-outcome .modal-dialog .error-label {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.3125rem;
  font-size: 0.625rem;
  color: #b91c1c;
}
.add-prospect-outcome .modal-dialog .modal-footer {
  display: flex;
}

.sequence-filter-menu {
  display: flex;
}
.sequence-filter-menu .rotate-90 {
  transform: rotate(90deg);
  display: inline-block;
}
.sequence-filter-menu .dropdown-custom {
  background: #e8e8e8;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .sequence-filter-menu .dropdown-custom .btn-solid-dropdown-custom {
    padding: 0.314rem 0.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .sequence-filter-menu .dropdown-custom .btn-solid-dropdown-custom span {
    display: none;
  }
}
.sequence-filter-menu .dropdown-custom .btn-solid-dropdown-custom i {
  font-size: 16px;
}
.sequence-filter-menu .dropdown-custom:hover {
  background: #d9d9d9;
}
.sequence-filter-menu .dropdown-custom:focus {
  outline: 0;
}

.signature-editor {
  width: 100%;
  height: 15rem;
}
.signature-editor .tox .tox-menu.tox-collection.tox-collection--list {
  top: -0.125rem !important;
  bottom: unset !important;
}
.signature-editor.general-settings-input {
  height: 10.375rem;
}

.settings-general-modal {
  padding: 1rem 1.5rem;
}
.settings-general-modal .modal-dialog-centered {
  justify-content: center;
}
.settings-general-modal .modal-content {
  width: 27rem;
}
.settings-general-modal .modal-body {
  width: 100%;
  padding: 1rem 1.5rem;
}
.settings-general-modal .modal-body .input-error-container .bs-input-label-suffix {
  font-size: 0.75rem;
}
.settings-general-modal .modal-footer {
  display: flex;
  justify-content: space-between;
}
.settings-general-modal .modal-footer * {
  margin: 0;
}

.light-blue-color {
  background-color: #dbeafe !important;
}

.ellipse-email-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 8rem;
  display: block;
}

.ellipse-sender-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 10rem;
  display: block;
}

.table-heading {
  font-size: 0.75rem;
  color: #4b5563 !important;
}

.email-table-header-background {
  background-color: #f9fafb;
  border: 1px solid #eaedef;
  border-radius: 4px;
  border-collapse: collapse;
}

.blue-bold {
  color: #0137fc;
}

.header-btn.btn-solid-primary {
  background: #1d4ed8 !important;
  color: #fff !important;
}
.header-btn.btn-solid-primary.disabled {
  opacity: 0.34;
}

.billing-subscription {
  height: 100%;
}
.billing-subscription .billing-subscription-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.billing-subscription .billing-subscription-container.billing-subscription-container {
  padding-bottom: 2.5rem;
}
.billing-subscription .billing-subscription-container__ev-credits .card, .billing-subscription .billing-subscription-container__ai-credits .card {
  box-shadow: 0px 2px 4px rgba(234, 237, 239, 0.65) !important;
}
.billing-subscription .billing-subscription-container__email-account-infra .email-account-infra-container .card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  background-color: white;
  padding: 0px;
  margin-bottom: 16px;
  border-bottom: 0 !important;
}
.billing-subscription .billing-subscription-container__email-account-infra .email-account-infra-container .card .card-header .card-header-title .main-heading {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 0;
}
.billing-subscription .billing-subscription-container__email-account-infra .email-account-infra-container .card .card-body {
  display: flex;
  justify-content: space-between;
}
.billing-subscription .billing-subscription-container .crm-subscription-container {
  box-shadow: 0px 2px 4px 0px rgba(234, 237, 239, 0.6509803922);
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
}
.billing-subscription .billing-subscription-container .crm-subscription-container .crm-subscription {
  padding: 1.5rem;
}
.billing-subscription .billing-subscription-container .crm-subscription-container .crm-subscription .plan-details {
  font-size: 12px;
}
.billing-subscription .billing-subscription-container .crm-subscription-container .crm-subscription .start-date-text {
  font-size: 12px;
}
.billing-subscription .billing-subscription-container .crm-subscription-container .crm-subscription .start-date {
  font-size: 14px;
}
.billing-subscription .billing-subscription-container .crm-subscription-container .crm-subscription .billing-amount-text {
  font-size: 12px;
}
.billing-subscription .billing-subscription-container .crm-subscription-container .crm-subscription .billing-amount {
  font-size: 14px;
}
.billing-subscription .billing-subscription-container .crm-subscription-container .crm-subscription .original-amount {
  font-size: 12px;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .card .card-body .subscription-plan__info {
  margin-bottom: 1.25rem;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .card .card-body .subscription-plan__bill-overview-wrapper {
  margin-top: 1.25rem;
  margin-bottom: 0;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .card .card-body .dialer-section-divider {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 1.5rem 0;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .card .card-body .progress-bar-container {
  width: 100%;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .card .card-body .pagination {
  margin-bottom: 0;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-purchase-history .card {
  padding-bottom: 0;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-purchase-history .no-pagination {
  padding-bottom: 1.5rem;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data {
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin: 24px 0px 0px 0px;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data__loader-container {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data__loader-container span {
  height: 22px;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data span {
  display: block;
  padding: 0;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .faq-page-link {
  color: #1d4ed8;
  text-decoration: underline;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .available-credits-heading {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .available-credits-heading-text {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937 !important;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .available-credits-heading .refresh-text {
  border: none;
  background: none;
  color: #6b7280;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .available-credits-description {
  color: #111827;
  font-size: 0.75rem;
  font-weight: 600;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .calculate-credit-estimation-btn {
  border: none;
  background: none;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .calculate-credit-estimation-btn .button-text {
  text-decoration: underline;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .calculate-credit-estimation-btn .external-icon {
  text-decoration: none !important;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .skeleton-loader {
  margin-bottom: -20px;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__container .dialer-credits-data .skeleton-loader .skeleton-addon-credits {
  margin-top: -12px;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__expire-info {
  width: 21.5rem;
  background: #ffd6db;
  border-radius: 0.25rem;
  padding: 0 0.625rem 0.125rem 0.625rem;
  text-align: center;
  margin-top: 1rem;
}
.billing-subscription .billing-subscription-container .dialer-container .subscription-plan__expire-info span {
  font-weight: 500;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-title {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper {
  width: 100%;
  overflow-y: auto;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .table-container {
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th,
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table td {
  text-align: left;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th:last-child,
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table td:last-child {
  border-right: none;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th:nth-child(1),
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table td:nth-child(1) {
  min-width: 10.375rem;
  max-width: 10.375rem;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th:nth-child(2),
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table td:nth-child(2) {
  min-width: 12.5rem;
  max-width: 12.5rem;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th:nth-child(3),
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table td:nth-child(3) {
  min-width: 14.375rem;
  max-width: 14.375rem;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th:nth-child(4),
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table td:nth-child(4) {
  min-width: 12.5rem;
  max-width: 12.5rem;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th:nth-child(5),
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table td:nth-child(5) {
  min-width: 9.375rem;
  max-width: 9.375rem;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table td {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  height: 3rem;
  padding: 0;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th {
  padding: 0;
  height: 46px;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table th span {
  display: flex;
  color: #6b7280;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  text-wrap: nowrap;
  text-transform: none;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .purchase-history-table tr:last-child td {
  border-bottom: none;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .pn-cell {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  height: 3rem;
  font-size: 0.875rem;
  color: #1f2937;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .pn-separator {
  margin: 0 0.375rem;
  color: #d1d5db;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .pn-country-cell {
  gap: 0.5rem;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .pn-country-cell__flag {
  flex-shrink: 0;
  width: 18px;
  height: 14px;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .manage-billing-cell {
  display: flex;
  height: 3rem;
  padding: 0 1rem;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .manage-billing-cell__container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .manage-billing-cell__container .text {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  white-space: nowrap;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .manage-billing-cell__container .icon {
  display: block;
  color: #1d4ed8;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .pn-releasing-soon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
  color: #fa8c16;
  cursor: pointer;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .pn-next-billing-cell {
  gap: 0.5rem;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .pn-revoke-cancel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  cursor: pointer;
}
.billing-subscription .billing-subscription-container .dialer-container .pn-purchase-history-table-wrapper .pn-revoke-cancel-icon:hover {
  color: #1d4ed8;
}
.billing-subscription .billing-subscription-container__ev-credits .ev-credits-container .card .card-body {
  display: flex;
  justify-content: space-between;
}
.billing-subscription .billing-subscription-container__ev-credits .ev-credits-container .card .card-body .ev-credits-data span {
  display: block;
}
.billing-subscription .billing-subscription-container__ev-credits .ev-credits-container .card .card-body .ev-credits-data .faq-page-link {
  color: #1d4ed8;
  text-decoration: underline;
}
.billing-subscription .billing-subscription-container__ev-credits .ev-credits-container .card .card-body .ev-credits-data .available-credits {
  color: #059669;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.7375rem;
}
.billing-subscription .billing-subscription-container__ev-credits .ev-credits-container .card .card-body .purchase-credits-btn-wrap .purchase-credits-btn.btn-solid-primary {
  background: #1d4ed8;
}
.billing-subscription .billing-subscription-container__ev-credits .ev-credits-container .card .card-body .evc-loader {
  height: 4.7375rem;
}
.billing-subscription .billing-subscription-container__ev-credits .ev-credits-container .card .card-body .evc-loader span {
  height: 1.25rem !important;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 0px;
  margin-bottom: 16px;
  border-bottom: 0 !important;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-header .card-header-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-header .card-header-title .main-heading {
  color: #1f2937;
  font-size: 14px;
  font-weight: 700;
  padding: 0px;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-header .card-header-title .subtitle {
  color: #4b5563;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-header .card-header-actions .purchase-credits-btn {
  background: #1d4ed8;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body {
  display: flex;
  justify-content: space-between;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body :has(.ai-credits-data__loader-container) {
  padding: 0 !important;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data {
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data__loader-container {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data__loader-container span {
  height: 22px;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data span {
  display: block;
  padding: 0;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data .faq-page-link {
  color: #1d4ed8;
  text-decoration: underline;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data .available-credits-heading {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data .available-credits-heading-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937 !important;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data .available-credits-heading .refresh-text {
  border: none;
  background: none;
  color: #6b7280;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data .available-credits-description {
  color: #111827;
  font-size: 14px;
  font-weight: 700;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data .calculate-credit-estimation-btn {
  border: none;
  background: none;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data .calculate-credit-estimation-btn .button-text {
  text-decoration: underline;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .ai-credits-data .calculate-credit-estimation-btn .external-icon {
  text-decoration: none !important;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .purchase-credits-btn-wrap .purchase-credits-btn.btn-solid-primary {
  background: #1d4ed8;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .evc-loader {
  height: 4.7375rem;
}
.billing-subscription .billing-subscription-container__ai-credits .ai-credits-container .card .card-body .evc-loader span {
  height: 1.25rem !important;
}
.billing-subscription .billing-subscription-container .enhanced-email-verification {
  font-size: 0.75rem;
  color: #000;
}
.billing-subscription .billing-subscription-container .bold-text {
  font-weight: 500;
}
.billing-subscription .billing-subscription-container .normal-text {
  font-weight: 400;
}
.billing-subscription .billing-subscription-container .features-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0.5rem 0 0 0;
  list-style: none;
}
.billing-subscription .billing-subscription-container .billing-subscription-layout {
  display: flex;
  height: 100%;
  gap: 8px;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar {
  width: 220px;
  background: #fff;
  padding: 0;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar--platform .billing-subscription-sidebar__category-label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__item {
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  user-select: none;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__item.active {
  background-color: #eff6ff;
  border: 1px solid #dbeafe;
  border-left: 3px solid #1d4ed8;
  border-radius: 1px 4px 4px 1px;
  box-shadow: 1px 1px 4px #f3f4f6;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__item.active .billing-subscription-sidebar__item-content svg {
  color: #1d4ed8;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__item.active .billing-subscription-sidebar__item-content span {
  color: #1d4ed8;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__item-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 6px;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__item-content svg {
  width: 16px;
  height: 16px;
  color: #6b7280;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__item-content span {
  flex: 1;
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 16px;
  color: #6b7280;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__category-divider {
  margin: 16px 0px 18px 0px;
  border-top: 1px solid #e5e7eb;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__category-label {
  margin: 0 0 8px 16px;
  color: #374151;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__back-to-settings {
  display: flex;
  align-items: center;
  gap: 6px;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__back-to-settings svg,
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__back-to-settings button {
  color: #6b7280;
}
.billing-subscription .billing-subscription-container .billing-subscription-sidebar__back-to-settings button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0px 0px 0px 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.billing-subscription .billing-subscription-container .billing-subscription-content {
  flex: 1;
  overflow-y: auto;
  padding: 0 1rem;
}
.billing-subscription .billing-subscription-container .features-list li {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.billing-subscription .billing-subscription-container .features-list li svg {
  display: block;
}
.billing-subscription .billing-subscription-container .feature-text {
  font-size: 0.75rem;
  color: #1f2937;
}
.billing-subscription .billing-subscription-container .custom-hr {
  height: 1px;
  background-color: #e8e8e8;
  border: none;
  margin: 12px 0px 16px 0px;
}
.billing-subscription .upgrade-plan-page-header {
  text-align: center;
  margin-top: 1.875rem;
}
.billing-subscription .billing-option {
  display: flex;
  justify-content: center;
  margin-top: 1.225rem;
}
.billing-subscription .billing-option div {
  display: flex;
  align-items: center;
  margin: 0px 0.5rem;
}
.billing-subscription .billing-option .annual-save-info {
  background: #f87171;
  height: 0.875rem;
  margin-top: 0.25rem;
  margin-left: 0.625rem;
  padding: 0.125rem;
  border-radius: 0.25rem;
}
.billing-subscription .billing-option .annual-save-info span {
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 0.625rem;
}
.billing-subscription .billing-option .billing-option-switch.switchToggle label {
  background: #10b981;
}
.billing-subscription .billing-section {
  width: 100%;
}
.billing-subscription .billing-section__container {
  min-width: 67%;
}
.billing-subscription .billing-section__addon-plan-wrap .addon-text {
  margin: 1.5625rem 0;
}
.billing-subscription .billing-section__bill-wrap {
  margin-left: 1.875rem;
}
@media screen and (min-width: 1400px) {
  .billing-subscription .billing-section__container {
    width: 75%;
  }
}
.billing-subscription .billing-section__payment-failed-wrap {
  height: 75vh;
  display: flex;
  justify-content: center;
}
.billing-subscription .billing-section__payment-failed-wrap h3 {
  margin-top: 1.1625rem;
}
.billing-subscription .billing-section__payment-failed-wrap .payment-failed-message {
  margin-top: 0.225rem;
}
.billing-subscription .billing-section__payment-failed-wrap .payment-failed-message a {
  text-decoration: underline;
}
.billing-subscription .billing-section__payment-failed-wrap .btn-retry-payment.btn-solid {
  border: 1px solid #b91c1c;
  color: #b91c1c;
  font-weight: 500;
}
.billing-subscription .billing-section .plan-name-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 1rem;
}
.billing-subscription .billing-section .plan-name-wrapper h1 {
  color: #1f2937;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  margin: 0;
}
.billing-subscription .billing-section .plan-name-wrapper p:first-of-type {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.billing-subscription .billing-section .plan-name-wrapper p:last-of-type {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.billing-subscription .billing-section .subscription-info-tabs .bs-tabs-tab .billing-tab-container {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.billing-subscription .billing-section .subscription-info-tabs .bs-tabs-tab .billing-tab-container svg {
  color: #6b7280;
}
.billing-subscription .billing-section .subscription-info-tabs .bs-tabs-tab .billing-tab-container span {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.billing-subscription .billing-section .subscription-info-tabs .bs-tabs-tab.bs-tabs-tab-active .billing-tab-container span {
  font-weight: 600;
}
.billing-subscription .billing-section .subscription-info-tabs .bs-tabs-tab:hover .billing-tab-container svg,
.billing-subscription .billing-section .subscription-info-tabs .bs-tabs-tab:hover .billing-tab-container span, .billing-subscription .billing-section .subscription-info-tabs .bs-tabs-tab.bs-tabs-tab-active .billing-tab-container svg,
.billing-subscription .billing-section .subscription-info-tabs .bs-tabs-tab.bs-tabs-tab-active .billing-tab-container span {
  color: #1d4ed8;
}

.flexi-dashboard {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1rem 0 0.85rem;
  margin-top: 0.42rem;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 100%;
}
.flexi-dashboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 1rem 0.7rem;
}
.flexi-dashboard__title {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
  margin: 0;
}
.flexi-dashboard__section-label {
  font-size: 0.813rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 0.35rem;
  padding: 0 1rem;
}
.flexi-dashboard__progress-bar {
  display: flex;
  height: 0.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  background: #d1d5db;
  margin: 0 1rem 0.5rem;
}
.flexi-dashboard__bar-segment {
  height: 100%;
  transition: width 0.3s ease;
}
.flexi-dashboard__bar-segment--active {
  background: #10b981;
}
.flexi-dashboard__bar-segment--reserved {
  background: #fbbf24;
}
.flexi-dashboard__bar-segment--available {
  background: #1d4ed8;
}
.flexi-dashboard__stats {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  padding: 0.4rem 1rem 0.92rem;
}
.flexi-dashboard__stat {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flexi-dashboard__stat:nth-child(2), .flexi-dashboard__stat:nth-child(3) {
  align-items: center;
}
.flexi-dashboard__stat:last-child {
  align-items: flex-end;
  text-align: right;
}
.flexi-dashboard__stat-top {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
  margin: 0;
}
.flexi-dashboard__stat-dot {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 999px;
  flex-shrink: 0;
}
.flexi-dashboard__stat-dot--active {
  background: #10b981;
}
.flexi-dashboard__stat-dot--reserved {
  background: #eab308;
}
.flexi-dashboard__stat-dot--available {
  background: #1d4ed8;
}
.flexi-dashboard__stat-label {
  font-size: 0.813rem;
  font-weight: 700;
  color: #111827;
}
.flexi-dashboard__stat-count {
  font-size: 0.813rem;
  font-weight: bold;
  color: #6b7280;
  line-height: 1.08;
}
.flexi-dashboard__stat-desc {
  font-size: 0.82rem;
  color: #64748b;
  margin: 0.12rem 0 0;
}
.flexi-dashboard__faq {
  font-size: 13px;
  color: #6b7280;
  padding: 12px 1rem 0;
  border-top: 1px solid #f3f4f6;
}
.flexi-dashboard__faq-link {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}
.flexi-dashboard__faq-link:hover {
  text-decoration: underline;
}

.flexi-replacement-banner {
  margin-bottom: 0;
  padding: 8px 24px;
  background: #eff6ff;
  border: 1px solid #eff6ff;
  border-radius: 0;
}
.flexi-replacement-banner__content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.flexi-replacement-banner__content svg {
  flex-shrink: 0;
  color: #2563eb;
}
.flexi-replacement-banner__text {
  color: #2563eb;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.flexi-replacement-banner__link {
  color: #2563eb;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
}

.replace-mailboxes-modal .modal-dialog {
  max-width: 920px;
}
.replace-mailboxes-modal .modal-content {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.25);
}
.replace-mailboxes-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #e5e7eb;
}
.replace-mailboxes-modal .modal-header .modal-title {
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.replace-mailboxes-modal .modal-header .close {
  border: none;
  background: transparent;
  color: #111827;
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.1rem 0.35rem;
  margin: 0;
  opacity: 1;
  box-shadow: none;
}
.replace-mailboxes-modal .modal-header .close:hover {
  opacity: 0.7;
}
.replace-mailboxes-modal .modal-body {
  padding: 1rem 1.25rem 1.05rem !important;
}
.replace-mailboxes-modal .modal-footer {
  padding: 0 1.25rem 1.05rem;
  border-top: none;
  justify-content: flex-end;
}
.replace-mailboxes-modal__warning {
  display: flex;
  align-items: flex-start;
  gap: 0.52rem;
  padding: 0.66rem 0.78rem;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 0.35rem;
  margin-bottom: 0.78rem;
  font-size: 0.88rem;
  color: #1f2937;
  line-height: 1.42;
}
.replace-mailboxes-modal__warning svg {
  flex-shrink: 0;
  color: #b45309;
  margin-top: 0.05rem;
}
.replace-mailboxes-modal__table-wrapper {
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  overflow: hidden;
  background: #fff;
}
.replace-mailboxes-modal__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.replace-mailboxes-modal__table th {
  text-align: left;
  height: 2.875rem;
  padding: 0 1rem;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  white-space: nowrap;
  border-bottom: 1px solid #f3f4f6;
  border-right: 1px solid #f3f4f6;
}
.replace-mailboxes-modal__table th:last-child {
  border-right: none;
}
.replace-mailboxes-modal__table td {
  height: 2.5rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  border-bottom: 1px solid #f3f4f6;
  border-right: 1px solid #f3f4f6;
  color: #1f2937;
}
.replace-mailboxes-modal__table td:last-child {
  border-right: none;
}
.replace-mailboxes-modal__table tr:last-child td {
  border-bottom: none;
}
.replace-mailboxes-modal__row--reserved {
  background: #f8fafc;
}
.replace-mailboxes-modal__row--reserved td {
  color: #6b7280;
}
.replace-mailboxes-modal__status--available {
  color: #1f7a45;
  font-weight: 500;
}
.replace-mailboxes-modal__status--pending {
  color: #92400e;
  font-weight: 500;
}
.replace-mailboxes-modal__domain-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.sending-infrastructure-container__tab-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container {
  display: flex;
  width: 100%;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: white;
  box-shadow: 0px 2px 4px 0px rgba(234, 237, 239, 0.65);
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container p {
  margin: 0;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .email-purchase-alert-text {
  margin-bottom: 0 !important;
  padding: 12px 11px !important;
  background: #fffbeb !important;
  border: 1px solid #fef3c7;
  border-radius: 4px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .email-purchase-alert-text__icon {
  flex-shrink: 0;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .email-purchase-alert-text .d-flex.align-items-center {
  align-items: flex-start !important;
  column-gap: 0;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-one {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-one .section-one-header {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-one .section-one-header__title {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table {
  width: 100%;
  overflow-y: auto;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .table-container {
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th,
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table td {
  text-align: left;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th:last-child,
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table td:last-child {
  border-right: none;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th:nth-child(1),
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table td:nth-child(1) {
  min-width: 10.375rem;
  max-width: 10.375rem;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th:nth-child(2),
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table td:nth-child(2) {
  min-width: 14.375rem;
  max-width: 14.375rem;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th:nth-child(3),
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table td:nth-child(3) {
  min-width: 14.375rem;
  max-width: 14.375rem;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th:nth-child(4),
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table td:nth-child(4) {
  min-width: 12.5rem;
  max-width: 12.5rem;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th:nth-child(5),
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table td:nth-child(5) {
  min-width: 9.375rem;
  max-width: 9.375rem;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table td {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2.5rem;
  padding: 0;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th {
  padding: 0;
  height: 46px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table th span {
  display: flex;
  color: #6b7280;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  text-wrap: nowrap;
  text-transform: uppercase;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table tr:last-child td {
  border-bottom: none;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .date-cell {
  display: flex;
  height: 46px;
  padding: 0px 16px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .date-cell.renewal-date-cell--passed {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 20px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .date-cell .renewal-date-cell__date {
  flex-shrink: 0;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .date-cell .renewal-date-cell__warning-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .date-cell .renewal-date-cell__warning-icon svg {
  display: block;
  flex-shrink: 0;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .domain-card {
  display: flex;
  height: 46px;
  padding: 0px 16px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  position: relative;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .domain-card__data {
  display: flex;
  width: 149px;
  align-items: center;
  gap: 8px;
  text-wrap: nowrap;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .domain-card__data__icon {
  display: flex;
  width: 16px;
  height: 16px;
  padding: 2px 1.333px 1.333px 1.333px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .domain-card__data__price {
  display: flex;
  height: 20px;
  align-items: flex-start;
  color: #1f2937;
  width: 125px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-wrap: nowrap;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .domain-card__data .price-pipe {
  color: #d1d5db;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .domain-card__button {
  display: flex;
  padding: 2px 6px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  background: white;
  color: #6b7280;
  height: 20px;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 160% */
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  position: absolute;
  right: 0.5rem;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .domain-card:hover {
  background-color: #f3f4f6;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .domain-card:hover button {
  visibility: visible;
  opacity: 1;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .manage-billing-cell {
  display: flex;
  height: 46px;
  padding: 0px 16px;
  align-items: center;
  justify-content: center;
  gap: 20px;
  align-self: stretch;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .manage-billing-cell__container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .manage-billing-cell__container .text {
  color: #1d4ed8;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  text-wrap: nowrap;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .manage-billing-cell__container .icon {
  display: block;
  color: #1d4ed8;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-two-table .purchase-history-table .manage-billing-cell__renew-btn {
  flex-shrink: 0;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-three {
  margin-top: 0.25rem;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-three .section-three-note {
  color: #4b5563;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.sending-infrastructure-container__tab-content .sending-infrastructure__container .section-three .section-three-note a {
  color: #1d4ed8;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.new-badge {
  display: flex;
  padding: 0.0625rem 0.1875rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.1875rem;
  background: #f59e0b;
  color: #fff;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.75rem;
}

.shd-modal.purchase-credits-modal .modal-content {
  border: none !important;
}

.purchase-credits-modal .modal-dialog {
  justify-content: center;
}
.purchase-credits-modal .modal-content {
  width: 24.5rem;
}
.purchase-credits-modal .shd-modal--body {
  padding: 0 !important;
}
.purchase-credits-modal--custom-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.purchase-credits-modal--custom-header span {
  display: block;
  color: #1f2937;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
}
.purchase-credits-modal--custom-header span svg {
  width: 1.5rem;
  height: 1.5rem;
}
.purchase-credits-modal--plans {
  padding: 1.25rem 1.5rem;
}
.purchase-credits-modal--plans .credit-plans-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  row-gap: 1rem;
  width: 100%;
}
.purchase-credits-modal--plans .credit-plan {
  width: 5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 calc(25% - 8px);
  padding: 0.375rem 1rem;
  position: relative;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  transition: all 0.2s ease;
}
.purchase-credits-modal--plans .credit-plan:hover {
  border: 0.0625rem solid #1d4ed8;
}
.purchase-credits-modal--plans .credit-plan p {
  margin: 0;
  user-select: none;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
}
.purchase-credits-modal--plans .credit-plan .best-value-badge {
  width: 4.125rem;
  height: 1.125rem;
  padding: 0.25rem 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  border: 0.0625rem solid #6ee7b7;
  background-color: #e6f8ef;
  color: #059367;
  font-size: 0.625rem;
  line-height: 0.625rem;
  font-weight: 500;
  white-space: nowrap;
  position: absolute;
  top: -0.9375rem;
  left: 50%;
  transform: translateX(-50%);
}
.purchase-credits-modal--plans .credit-plan.loading span {
  display: flex;
  height: 1.25rem !important;
}
.purchase-credits-modal--plans .credit-plan.loading:hover {
  border: 0.0625rem solid #d1d5db;
}
.purchase-credits-modal--plans .credit-plan.selected {
  border: 0.0625rem solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
  transition: all 0.2s ease;
}
.purchase-credits-modal--plans .credit-plan.selected p {
  color: #1d4ed8;
  font-weight: 600;
  transition: all 0.2s ease;
}
.purchase-credits-modal--plans .credit-plan.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.purchase-credits-modal--plans .credit-plan.disabled:hover {
  border: 0.0625rem solid #d1d5db;
}
.purchase-credits-modal--plans .purchase-ev-credits-agreement {
  display: flex;
  align-items: flex-start;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-top: 1.25rem;
}
.purchase-credits-modal--plans .purchase-ev-credits-agreement .bs-checkbox {
  padding-top: 0.325rem;
  margin-right: 0.125rem;
}
.purchase-credits-modal--custom-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.25rem 1.5rem;
  border-top: 0.0625rem solid #f3f4f6;
  box-sizing: border-box;
}
.purchase-credits-modal--custom-footer .selected-plan-amount {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  color: #1f2937;
}
.purchase-credits-modal--custom-footer .buy-now-btn {
  min-width: 5.75rem;
}

.upgrade-plan-modal .modal-dialog {
  max-width: 28.125rem;
}
.upgrade-plan-modal .modal-content {
  margin-top: -12rem;
}
.upgrade-plan-modal .modal-header {
  border-bottom: none;
}
.upgrade-plan-modal .modal-header .sh-close {
  margin-top: -0.8rem;
}
.upgrade-plan-modal .modal-body {
  display: flex;
  flex-direction: column;
}
.upgrade-plan-modal .modal-body p {
  margin-bottom: 0px;
}
.upgrade-plan-modal .modal-footer {
  border-top: none;
  max-height: 4.5625rem;
  padding: 1.25rem 1.5rem;
}
.upgrade-plan-modal .modal-footer .btn-solid {
  background-color: #1d4ed8;
}
.upgrade-plan-modal .modal-footer .btn-solid:hover {
  background-color: #1e40af;
}
.upgrade-plan-modal .modal-footer .btn-solid {
  background-color: #1d4ed8;
}
.upgrade-plan-modal .modal-footer .btn-solid:hover, .upgrade-plan-modal .modal-footer .btn-solid:active {
  background-color: #346aff !important;
  border-color: #346aff !important;
}

.smtp-label-container {
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e5e7eb;
  border-radius: 0.25rem;
}

.danger-validation-text {
  color: #dc2626;
}

.add-bulk-import-modals {
  align-content: center;
}
.add-bulk-import-modals .modal-dialog {
  max-width: 34.125rem;
}
.add-bulk-import-modals .modal-content {
  max-height: 34.25rem !important;
}
.add-bulk-import-modals .modal-body {
  height: 27rem;
}
.add-bulk-import-modals .add-bulk-import-headings {
  margin-top: -0.157rem;
  background: linear-gradient(180deg, #f9fafb 0%, rgba(239, 246, 255, 0) 100%);
  border-radius: 0.25rem;
  width: 31.125rem;
  height: 10.75rem;
}
.add-bulk-import-modals .add-bulk-import-headings .add-bulk-import-image {
  margin-top: 0.75rem;
}
.add-bulk-import-modals .select-file {
  border: 1px dashed;
  border-radius: 0.5rem;
  height: 11.25rem;
}
.add-bulk-import-modals .select-file--pre {
  border-color: #e5e7eb;
  background-color: #f9fafb;
}
.add-bulk-import-modals .select-file--post {
  border-color: #6ee7b7;
  background-color: #ecfdf5;
}
.add-bulk-import-modals .select-file--post .post-container {
  height: 100%;
}
.add-bulk-import-modals .select-file--post .icon-wrapper > img {
  height: 1.5rem;
  width: 1.5rem;
}

#connect-single {
  animation-duration: 1s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: -1.1825rem;
  }
  to {
    margin-left: 0rem;
  }
}
#bulk-import {
  animation-duration: 1s;
  animation-name: slideof;
}

@keyframes slideof {
  from {
    margin-right: -1.1825rem;
  }
  to {
    margin-right: 0rem;
  }
}
.rotate-icon-vector {
  margin-top: 0.125rem !important;
}

.linksuccess {
  width: 0.875rem;
  height: 0.875rem;
}

.lh-20 {
  line-height: 1.25rem !important;
}

.transfer-container .transfer-body .transfer-content .transfer-list li .sentiment-content {
  display: flex;
  gap: 8px;
}
.transfer-container .transfer-body .transfer-content .transfer-list li .sentiment-content .sentiment-icon {
  width: 16px;
  height: 16px;
}
.transfer-container .transfer-body .transfer-content .transfer-list li .sentiment-content .sentiment-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.delete-outcome-modal-transfer .transfer-container .transfer-body .transfer-content {
  height: 16.3rem;
  overflow-y: scroll;
}

.icon-default-size {
  width: 0.875rem;
  height: 0.875rem;
}

.sequence-setting-radio-buttons-container {
  width: 42.5rem;
  margin-top: 0.5rem;
}

.sequence-setting-lable {
  color: #1f2937;
}

.admin-settings-sequence-sending-priority .text-label {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.admin-settings-sequence-sending-priority .bs-radio-wrapper {
  margin: 0 !important;
  margin-right: 1.25rem !important;
  line-height: 20px;
}
.admin-settings-sequence-sending-priority .bs-radio-wrapper span {
  padding-right: 0 !important;
}
.admin-settings-sequence-sending-priority .rb-group {
  gap: 0.75rem;
}

.nested-input-container {
  margin-left: 2.5rem;
}

.emails-and-domains-input--container {
  height: 8.875rem !important;
}

.emails-and-domains-input--pills {
  overflow-y: auto !important;
}

.emails-and-domains-input--loader {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.emails-and-domains-input--loader span {
  display: flex;
}

.admin-settings-exclusion-input-save-btn {
  margin-top: 0.75rem;
  min-width: 5.0625rem;
}

.admin-settings-exclusion-input {
  margin-left: 2.5rem;
  margin-top: 0.5rem;
}
.admin-settings-exclusion-input .emails-and-domains-input--container {
  background: #f9fafb !important;
  border: 1px solid #fff !important;
}
.admin-settings-exclusion-input .emails-and-domains-input--container .emails-and-domains-input--input {
  background: #f9fafb !important;
}

.all-replies-icon {
  color: #6b7280;
  margin-left: 0.5rem;
}

.external-reply-tooltip .tooltip-inner {
  margin-top: -12px;
}

.update-plan-tooltip .tooltip-inner {
  max-width: 16.125rem;
}
.update-plan-tooltip .tooltip-inner div.content {
  text-align: center;
}

.shd-modal.view-order-details-modal .modal-content {
  border: none !important;
}

.view-order-details-modal .modal-dialog {
  max-width: 868px !important;
}
.view-order-details-modal .modal-content {
  border: none;
  height: 564px;
}
.view-order-details-modal .shd-modal--header {
  padding: 1.25rem 1.5rem !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.view-order-details-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.view-order-details-modal .shd-modal--body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-top: 1.5rem !important;
  overflow-x: hidden;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  max-height: 25.375rem;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper::-webkit-scrollbar {
  width: 8px;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper::-webkit-scrollbar-thumb {
  background-color: #f3f4f6;
  border-radius: 4px;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper::-webkit-scrollbar-track {
  background-color: #fafafa;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper {
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table th,
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table td {
  text-align: left;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table th:last-child,
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table td:last-child {
  border-right: none;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table th:nth-child(1),
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table td:nth-child(1) {
  min-width: 18.75rem;
  max-width: 18.75rem;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table th:nth-child(2),
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table td:nth-child(2) {
  min-width: 9rem;
  max-width: 9rem;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table td {
  color: #1f2937;
  height: 2.5rem;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0 16px;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table th {
  padding: 0;
  height: 2.875rem;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table th span {
  display: flex;
  color: #6b7280;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  text-wrap: nowrap;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .domains-table-wrapper .domains-table tr:last-child td {
  border-bottom: none;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two {
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two th,
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two td {
  text-align: left;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two th:last-child,
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two td:last-child {
  border-right: none;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two th:nth-child(1),
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two td:nth-child(1) {
  min-width: 21.125rem;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two td {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  height: 2.5rem;
  padding: 0 16px;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two td .email-with-icon {
  display: flex;
  height: 20px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two td .email-with-icon img.email-accounts-profile-image {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  object-fit: cover;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two th {
  padding: 0;
  height: 2.875rem;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two th span {
  display: flex;
  color: #6b7280;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  text-wrap: nowrap;
}
.view-order-details-modal .shd-modal--body .order-details-tables-wrapper .email-accounts-table-wrapper-two .email-accounts-table-two tr:last-child td {
  border-bottom: none;
}
.view-order-details-modal .shd-modal--body .order-details-footer {
  display: flex;
  padding: 14px 0;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-top: 1px solid #e5e7eb;
  margin-top: 1.5rem;
}
.view-order-details-modal .shd-modal--body .order-details-footer .order-details-footer-inner {
  display: flex;
  align-items: center;
  gap: 3px;
}
.view-order-details-modal .shd-modal--body .order-details-footer .footer-label {
  margin: 0;
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.view-order-details-modal .shd-modal--body .order-details-footer .footer-label.ip-popover-count.active, .view-order-details-modal .shd-modal--body .order-details-footer .footer-label.ip-popover-count:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.view-order-details-modal .shd-modal--body .order-details-footer .purchaser-name {
  margin: 0;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.view-order-details-modal .shd-modal--divider {
  display: none;
}

.ip-addresses-popover .arrow {
  display: none !important;
}

.renewal-date-passed-popover .popover-body,
.renewal-date-passed-popover .bs-popover-inner-content {
  padding: 12px 16px;
  max-width: 320px;
  background: #1f2937;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}
.renewal-date-passed-popover .arrow::before {
  border-bottom-color: #1f2937;
}
.renewal-date-passed-popover.bs-popover-bottom .arrow::before, .renewal-date-passed-popover.bs-popover-inner[x-placement^=bottom-end] .arrow::before, .renewal-date-passed-popover.bs-popover-inner[x-placement^=bottom-start] .arrow::before, .renewal-date-passed-popover.bs-popover-auto[x-placement^=bottom] .arrow::before {
  border-top-color: #1f2937;
}
.renewal-date-passed-popover__content {
  color: #fff;
  margin: 0;
}

.renewal-date-passed-tooltip .tooltip-inner {
  max-width: 320px;
  min-width: 260px;
  padding: 12px 16px;
  background: #1f2937;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
.renewal-date-passed-tooltip .tooltip-inner span {
  display: block;
  text-align: left;
}
.renewal-date-passed-tooltip .arrow::before {
  border-top-color: #1f2937;
}
.renewal-date-passed-tooltip.bs-tooltip-top .arrow::before, .renewal-date-passed-tooltip.bs-tooltip-inner[x-placement^=top-end] .arrow::before, .renewal-date-passed-tooltip.bs-tooltip-inner[x-placement^=top-start] .arrow::before, .renewal-date-passed-tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #1f2937;
}
.renewal-date-passed-tooltip.bs-tooltip-bottom .arrow::before, .renewal-date-passed-tooltip.bs-tooltip-inner[x-placement^=bottom-end] .arrow::before, .renewal-date-passed-tooltip.bs-tooltip-inner[x-placement^=bottom-start] .arrow::before, .renewal-date-passed-tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-top-color: #1f2937;
}

.renew-domains-modal .modal-dialog {
  max-width: min(640px, 95vw);
  margin: 1rem auto;
}
.renew-domains-modal .modal-content {
  height: 544px;
  max-height: 544px;
  display: flex;
  flex-direction: column;
}
.renew-domains-modal .shd-modal--body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 1rem 1.5rem 1.25rem !important;
}
.renew-domains-modal__checkbox {
  margin: 0;
}
.renew-domains-modal__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  margin-top: 0.5rem;
}
.renew-domains-modal__banner {
  margin-bottom: 0 !important;
  flex-shrink: 0;
  padding: 8px 5px !important;
  background: #fffbeb !important;
  border: 1px solid #fef3c7;
  border-radius: 4px;
}
.renew-domains-modal__banner svg {
  flex-shrink: 0;
  margin-left: 0.5rem;
}
.renew-domains-modal__banner .d-flex.align-items-center {
  align-items: flex-start !important;
  column-gap: 0;
}
.renew-domains-modal__banner .alert-message-text {
  margin-left: 0.5rem;
}
.renew-domains-modal .renew-domains-modal__banner-custom {
  margin-bottom: 0 !important;
  padding: 8px 8px !important;
  border: 1px solid #fef3c7;
}
.renew-domains-modal__table-wrapper {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: auto;
  flex: 1;
  min-height: 0;
}
.renew-domains-modal__table {
  width: 100%;
  min-width: 320px;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.renew-domains-modal__table th,
.renew-domains-modal__table td {
  text-align: left;
  padding: 0.75rem 0.875rem;
  border-bottom: 1px solid #e5e7eb;
}
.renew-domains-modal__table th {
  color: #6b7280;
  font-weight: 600;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #fff;
}
.renew-domains-modal__table tr:last-child td {
  border-bottom: none;
}
.renew-domains-modal__th-checkbox {
  width: 3rem;
  padding-right: 0 !important;
}
.renew-domains-modal__th-price {
  text-align: right !important;
}
.renew-domains-modal__row td:first-child {
  width: 3rem;
  padding-right: 0 !important;
}
.renew-domains-modal__td-domain {
  color: #1f2937;
  font-weight: 400;
  font-size: 0.875rem;
}
.renew-domains-modal__table--no-selection tr td:first-child {
  width: auto !important;
  padding-right: 0.875rem !important;
}
.renew-domains-modal__table--no-selection .renew-domains-modal__td-domain {
  white-space: nowrap;
}
.renew-domains-modal__td-price {
  text-align: right !important;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
}
.renew-domains-modal__mailbox-trigger {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 4px 8px;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  transition: all 0.15s ease;
  user-select: none;
}
.renew-domains-modal__mailbox-trigger:hover, .renew-domains-modal__mailbox-trigger.active {
  background: #f3f4f6;
  border-color: #d1d5db;
}
.renew-domains-modal__mailbox-avatar-small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #9ca3af;
  color: #fff;
  font-size: 0.5625rem;
  font-weight: 700;
  flex-shrink: 0;
}
.renew-domains-modal__mailbox-count-text {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #374151;
}
.renew-domains-modal__mailbox-chevron {
  color: #9ca3af;
  flex-shrink: 0;
  margin-left: -2px;
}
.renew-domains-modal__mailbox-popover {
  z-index: 1060;
}
.renew-domains-modal__mailbox-popover .popover-body {
  padding: 0;
}
.renew-domains-modal__mailbox-list {
  padding: 0.75rem 1rem;
  min-width: 18rem;
  max-width: 18rem;
  max-height: 20rem;
  overflow-y: auto;
}
.renew-domains-modal__mailbox-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0;
}
.renew-domains-modal__mailbox-list-title {
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #1f2937;
}
.renew-domains-modal__mailbox-list-total {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #9ca3af;
}
.renew-domains-modal__mailbox-list-divider {
  height: 1px;
  background: #e5e7eb;
  margin: 0.625rem 0;
}
.renew-domains-modal__mailbox-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
  overflow: hidden;
}
.renew-domains-modal__mailbox-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
  letter-spacing: 0.02em;
}
.renew-domains-modal__mailbox-avatar-img {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.renew-domains-modal__mailbox-email {
  font-size: 0.875rem;
  color: #1f2937;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.renew-domains-modal .domains-mailboxes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 2rem;
}
.renew-domains-modal .domains-mailboxes .domains-mailboxes-count.active, .renew-domains-modal .domains-mailboxes .domains-mailboxes-count:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.renew-domains-modal .domains-mailboxes-popover {
  padding: 0.5rem !important;
  border-radius: 0.25rem !important;
  box-shadow: 0px 0px 20px 0px rgba(0, 13, 56, 0.12) !important;
  max-width: unset;
  max-height: 250px;
  overflow-y: auto;
}
.renew-domains-modal .domains-mailboxes-popover .bs-popover-inner-content {
  padding: 0 !important;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.renew-domains-modal .domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.renew-domains-modal .domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes .domains-mailbox-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.renew-domains-modal .domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes .domains-mailbox-item__profile {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  object-fit: cover;
  flex-shrink: 0;
}
.renew-domains-modal .domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes .domains-mailbox-item svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.renew-domains-modal .domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes .domains-mailbox-item__email {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.renew-domains-modal .domains-mailboxes-popover .bs-popover-inner-content .cursor-pointer {
  flex-shrink: 0;
  margin-left: auto;
}
.renew-domains-modal__footer-dates {
  display: flex;
  gap: 1rem 2rem;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  color: #6b7280;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.renew-domains-modal__date {
  color: #6b7280;
}
.renew-domains-modal__date span {
  color: #374151;
}
.renew-domains-modal__footer-info {
  display: flex;
  align-items: center;
}
.renew-domains-modal__total {
  font-weight: 700;
  font-size: 1.125rem;
  color: #1f2937;
}
@media (max-width: 576px) {
  .renew-domains-modal .modal-dialog {
    margin: 0.5rem;
    max-width: calc(100vw - 1rem);
  }
  .renew-domains-modal .shd-modal--body {
    padding: 0.75rem 1rem 1rem !important;
  }
  .renew-domains-modal__table {
    min-width: 280px;
    font-size: 0.8125rem;
  }
  .renew-domains-modal__table th,
  .renew-domains-modal__table td {
    padding: 0.5rem 0.625rem;
  }
  .renew-domains-modal__footer-dates {
    gap: 0.75rem 1rem;
    font-size: 0.75rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
  }
}

.check-icon-email-outreach {
  color: #202020;
}

.currency-select {
  margin-top: 1rem;
}
.currency-select .bs-select-box {
  display: flex;
  height: 36px;
  padding: 8px 8px 8px 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #fff;
  width: 100% !important;
}

.categorize-by-modal__content.custom-field-modal {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 4px;
  background: #f9fafb;
  margin-top: 0.75rem;
  max-height: 12.6875rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item {
  min-width: 370px;
  background: transparent;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item:hover {
  background: #f3f4f6;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item:hover .categorize-by-modal__item-content .categorize-by-modal__remove {
  opacity: 1;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item .categorize-by-modal__item-content .categorize-by-modal__input {
  width: 18rem;
  margin-left: 0.5rem;
  padding: 6px 8px 6px 12px;
  height: unset;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item .categorize-by-modal__item-content .categorize-by-modal__input.bs-input-affix-wrapper > input.bs-input {
  line-height: 20px;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item .categorize-by-modal__item-content .categorize-by-modal__input.bs-input-affix-wrapper::before {
  line-height: 20px;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item .categorize-by-modal__item-content .categorize-by-modal__remove {
  padding: 0.375rem;
  opacity: 0;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item .categorize-by-modal__item-content .categorize-by-modal__remove:hover {
  background: #fef2f2;
  color: #b91c1c;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__item .categorize-by-modal__item-content .categorize-by-modal__remove:focus-visible {
  opacity: 1;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__add-row {
  min-width: 370px;
}
.categorize-by-modal__content.custom-field-modal .categorize-by-modal__add-row .categorize-by-modal__add-label {
  width: 18rem;
}

.field-type-select,
.currency-select-options {
  padding: 0 !important;
}
.field-type-select .transfer-container .transfer-body .transfer-content .transfer-list div > li,
.currency-select-options .transfer-container .transfer-body .transfer-content .transfer-list div > li {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  align-self: stretch;
}
.field-type-select .transfer-container .transfer-body .transfer-content .transfer-list div > li span,
.currency-select-options .transfer-container .transfer-body .transfer-content .transfer-list div > li span {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.domain-msg {
  margin-top: 1rem;
}

.custom-domain-container .custom-domain-empty-screen {
  width: 100%;
  height: calc(100% - 65px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-domain-container .custom-domain-empty-screen .shd-empty-list {
  height: 25rem;
  max-height: 25rem;
  min-height: 25rem;
  gap: 1.5rem;
}
.custom-domain-container .custom-domain-empty-screen .shd-empty-list--image {
  width: 8.25rem;
  height: 8.1875rem;
}
.custom-domain-container .custom-domain-empty-screen .shd-empty-list--image svg {
  width: 100%;
  height: 100%;
}
.custom-domain-container .custom-domain-empty-screen .shd-empty-list--body {
  gap: 0.5rem;
}
.custom-domain-container .custom-domain-empty-screen .shd-empty-list--title {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.custom-domain-container .custom-domain-empty-screen .shd-empty-list--description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
  max-width: 46.0625rem;
}
.custom-domain-container .custom-domain-empty-screen .shd-empty-list--footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  margin-top: 0.5rem;
}
.custom-domain-container .custom-domain-header .custom-domain-add-button {
  align-self: flex-end;
}
.custom-domain-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover {
  background: #f9fafb;
  box-shadow: 0.125rem 0px 0.25rem rgba(31, 41, 55, 0.16);
  transition: all 0.2s ease;
}
.custom-domain-container .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #e5e7eb;
}
.custom-domain-container .table-list .react-bootstrap-table .table-organism .table-organism-body td:last-of-type {
  border-right: 0.0625rem solid #e5e7eb;
}

.custom-domain-modal-container .modal-title {
  margin-top: 0.25rem;
  font-weight: 600;
}
.custom-domain-modal-container .multi-select {
  min-height: 0.5rem;
}
.custom-domain-modal-container .multi-select__control {
  min-height: 0.5rem;
}
.custom-domain-modal-container .dns-record-container {
  background-color: #fafafa;
  padding: 0.75rem;
  margin-top: 0.75rem;
}
.custom-domain-modal-container .dns-record-container .dns-record-header {
  font-size: 0.875rem;
  font-weight: 600;
}
.custom-domain-modal-container .dns-record-container .sh-copy {
  cursor: pointer;
}
.custom-domain-modal-container .modal-text {
  font-size: 0.875rem;
}
.custom-domain-modal-container .modal-content {
  min-width: 36rem;
}
.custom-domain-modal-container .modal-body {
  padding: 16px 24px !important;
}
.custom-domain-modal-container .modal-footer {
  justify-content: space-between;
}

.header-banner-container {
  display: flex;
  align-items: flex-start;
  background: #fef2f2;
  padding: 0.625rem 1rem;
  margin-bottom: 1.25rem;
  border-radius: 0.25rem;
}
.header-banner-container .icon {
  margin-right: 0.734375rem;
  margin-top: -0.1rem;
}
.header-banner-container .icon .bs-banner-danger {
  border: none;
}
.header-banner-container .icon .shd-alert .shd-alert--icon img {
  margin-top: -1.2rem;
}
.header-banner-container span {
  color: #b91c1c;
  font-size: 0.875rem;
  margin-top: 0.35rem;
}
.header-banner-container span a {
  text-decoration: underline;
}

.upgrade-btn {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  color: #0d1a33 !important;
  font-weight: 500;
}

.trial-btn {
  border: none;
  background-color: #fef2f2;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}

.subscription-banner {
  border-width: 0;
}
.subscription-banner .upgrade-link {
  color: #1d4ed8;
}

.users-and-teams--tabs {
  height: calc(100% - 2.75rem);
}
.users-and-teams--tabs .bs-tabs-nav {
  margin-bottom: 1.5rem !important;
  display: flex;
  align-items: start !important;
}
.users-and-teams--tabs .bs-tabs-nav::before {
  border-bottom: 0rem solid #e8e8e8 !important;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 1.875rem !important;
  align-self: auto !important;
  top: 0;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-nav-list {
  gap: 1.25rem;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-tab {
  color: #1f2937;
  font-weight: 500;
  margin: 0;
  padding: 0 !important;
  line-height: 1.5rem;
  margin-bottom: 0.375rem;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-tab:first-of-type {
  padding: 0 0.0625rem !important;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-tab-active {
  color: #1d4ed8;
  font-weight: 600;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-ink-bar {
  height: 0.1875rem !important;
  border-radius: 0.25rem;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-extra-content {
  height: 2.5rem;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-extra-content .users-and-teams--actions-wrapper .users-and-teams--search {
  background-color: #ffffff;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-extra-content .users-and-teams--actions-wrapper .users-and-teams--search .bs-input-md {
  background-color: #ffffff;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-extra-content .users-and-teams--actions-wrapper {
  height: 2rem;
  min-height: 2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-extra-content .users-and-teams--actions-wrapper .bs-input-affix-wrapper:focus,
.users-and-teams--tabs .bs-tabs-nav .bs-tabs-extra-content .users-and-teams--actions-wrapper .bs-input-affix-wrapper:focus-within {
  box-shadow: none !important;
}
.users-and-teams--tabs .bs-tabs-content {
  height: 100%;
}
.users-and-teams--tabs .bs-tabs-content-holder {
  overflow: hidden;
}
.users-and-teams--tabs .table-list {
  overflow-x: auto;
  height: calc(100vh - 13.5rem) !important;
  height: calc(100vh - 13.5rem) !important;
}
.users-and-teams--tabs .table-list.banner {
  height: calc(100vh - 16rem) !important;
}
.users-and-teams--tabs .table-list .bs-table {
  width: 107%;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-header {
  height: 2.75rem;
  max-height: 2.75rem;
  box-shadow: none !important;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-header tr th {
  height: 2.75rem;
  line-height: 1.25rem;
  box-sizing: border-box;
  padding: 0.6875rem 0 0.6875rem 1.25rem !important;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-header tr th:first-of-type {
  border-left: 0.0625rem solid #e5e7eb !important;
  position: sticky !important;
  left: 0;
  z-index: 3;
  background-color: white;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.users-and-teams--tabs .table-list .bs-table .table-organism-header tr th:last-of-type {
  border-right: 0.0625rem solid #f3f4f6 !important;
  position: sticky;
  right: 0;
  z-index: 3;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.users-and-teams--tabs .table-list .bs-table .table-organism-header tr:hover {
  background-color: #f3f4f6 !important;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-header .sort-button {
  display: flex;
  margin-left: 0 !important;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-body tr td {
  height: 3.25rem;
  max-height: 3.25rem;
  padding: 0.375rem 0 0.3125rem 0 !important;
  box-sizing: border-box;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-body tr td:first-of-type {
  padding-left: 1.25rem !important;
  border-left: 1px solid #e5e7eb;
  position: sticky !important;
  left: 0;
  z-index: 1;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-body tr td:first-of-type.row-selected {
  z-index: 3 !important;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-body tr td:first-of-type {
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.users-and-teams--tabs .table-list .bs-table .table-organism-body tr td:last-of-type {
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
  position: sticky;
  right: 0;
  z-index: 1;
  border-left: 0.0625rem solid #e5e7eb;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-body tr td:last-of-type.action-btn {
  z-index: 3 !important;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-body tr td:last-of-type {
  padding-right: 0.125rem !important;
  padding-left: 0.125rem !important;
  width: 2.5%;
}
.users-and-teams--tabs .table-list .bs-table .table-organism-body tr:hover {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.users-and-teams--users .users-name-cell {
  min-width: 11.5rem;
  max-width: 11.5rem;
}
.users-and-teams--users .user-email-cell {
  min-width: 18.75rem;
  max-width: 18.75rem;
}
.users-and-teams--users .user-owner-cell {
  min-width: 11.625rem;
  max-width: 11.625rem;
}
.users-and-teams--users .user-team-cell {
  min-width: 10.625rem;
  max-width: 18.125rem;
}
.users-and-teams--users .user-time-cell {
  min-width: 11.9375rem;
  max-width: 11.9375rem;
}
.users-and-teams--users .user-ip-address-cell {
  min-width: 7.375rem;
  max-width: 10rem;
}
.users-and-teams--users .user-location-cell {
  min-width: 14.25rem;
  max-width: 14.25rem;
  border-right: none !important;
}
.users-and-teams--users .text-cell {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  display: flex;
  width: max-content;
}
.users-and-teams--users .last-login-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.users-and-teams--users .user-name-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 2.5rem;
  max-height: 2.5rem;
}
.users-and-teams--users .user-name-cell h1 {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}
.users-and-teams--users .user-name-cell .user-name-cell-inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.users-and-teams--users .user-name-cell .user-name-cell-inner p {
  margin: 0;
  color: #4b5563;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.users-and-teams--users .user-name-cell .user-name-cell-inner span {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.users-and-teams--users .user-name-cell .user-name-cell-inner span.active {
  color: #047857;
}
.users-and-teams--users .user-name-cell .user-name-cell-inner span.invited {
  color: #f59e0b;
}
.users-and-teams--users .user-name-cell .user-name-cell-inner span.failed {
  color: #b91c1c;
}
.users-and-teams--users .user-name-cell .user-name-cell-inner span.disabled {
  color: #d1d5db;
}
.users-and-teams--users .teams-badges-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  min-width: 10.625rem;
  width: max-content;
}
.users-and-teams--users .teams-badges-wrapper .team-badge {
  height: 1.5rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  background-color: #dbeafe;
}
.users-and-teams--users .teams-badges-wrapper .team-badge p {
  margin: 0;
  color: #2563eb;
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.users-and-teams--users .pagination-container-new {
  position: fixed !important;
  width: 100%;
  left: 0;
}
.users-and-teams--teams .bs-table {
  width: 100% !important;
}
.users-and-teams--teams .team-cell {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.users-and-teams--teams .teams-name-cell {
  min-width: 14.8125rem;
  max-width: 14.8125rem;
}
.users-and-teams--teams .users-team-cell {
  min-width: 11.625rem;
  max-width: 11.625rem;
}
.users-and-teams--teams .manager-cell {
  min-width: 16.5rem;
  max-width: 16.5rem;
}
.users-and-teams--teams .created-on-team-cell {
  min-width: 21.625rem;
  max-width: 21.625rem;
  border-right: none !important;
}

.three-cols-users-table .bs-table .table-organism-header tr th:nth-of-type(1) {
  padding-right: 21.44% !important;
}
.three-cols-users-table .bs-table .table-organism-header tr th:nth-of-type(2) {
  padding-right: 25.96% !important;
}
.three-cols-users-table .bs-table .table-organism-body tr td:nth-of-type(1) {
  padding-right: 21.44% !important;
}
.three-cols-users-table .bs-table .table-organism-body tr td:nth-of-type(2) {
  padding-right: 25.96% !important;
}

.four-cols-users-table .bs-table .table-organism-header tr th:nth-of-type(1) {
  padding-right: 5.77% !important;
}
.four-cols-users-table .bs-table .table-organism-header tr th:nth-of-type(2) {
  padding-right: 9.33% !important;
}
.four-cols-users-table .bs-table .table-organism-header tr th:nth-of-type(3) {
  padding-right: 4.04% !important;
}
.four-cols-users-table .bs-table .table-organism-body tr td:nth-of-type(1) {
  padding-right: 5.77% !important;
}
.four-cols-users-table .bs-table .table-organism-body tr td:nth-of-type(2) {
  padding-right: 9.33% !important;
}
.four-cols-users-table .bs-table .table-organism-body tr td:nth-of-type(3) {
  padding-right: 4.04% !important;
}

.four-cols-teams-table .bs-table .table-organism-header tr th:nth-of-type(1) {
  padding-right: 6.73% !important;
}
.four-cols-teams-table .bs-table .table-organism-header tr th:nth-of-type(2) {
  padding-right: 16.35% !important;
}
.four-cols-teams-table .bs-table .table-organism-header tr th:nth-of-type(3) {
  padding-right: 9.42% !important;
}
.four-cols-teams-table .bs-table .table-organism-body tr td:nth-of-type(1) {
  padding-right: 6.73% !important;
}
.four-cols-teams-table .bs-table .table-organism-body tr td:nth-of-type(2) {
  padding-right: 16.35% !important;
}
.four-cols-teams-table .bs-table .table-organism-body tr td:nth-of-type(3) {
  padding-right: 9.42% !important;
}

.invite-user-modal,
.team-detail-modal {
  animation-name: moveInRight;
  animation-duration: 0.3s;
  animation-timing-function: linear;
}
.invite-user-modal--close-btn,
.team-detail-modal--close-btn {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 0px 0px 4px;
  opacity: 0.8000000119;
  background: #1f2937;
  cursor: pointer;
}
.invite-user-modal--close-btn svg,
.team-detail-modal--close-btn svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #fff;
}
.invite-user-modal ::-webkit-scrollbar,
.team-detail-modal ::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.4375rem;
}
.invite-user-modal ::-webkit-scrollbar-track,
.team-detail-modal ::-webkit-scrollbar-track {
  background: #ffffff;
}
.invite-user-modal ::-webkit-scrollbar-thumb,
.team-detail-modal ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 0.25rem;
}
.invite-user-modal .modal-dialog,
.team-detail-modal .modal-dialog {
  width: 35rem;
  max-width: none;
  height: 100vh;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  border-radius: 0;
}
.invite-user-modal .modal-content,
.team-detail-modal .modal-content {
  height: 100vh;
  max-height: 100vh;
  border: 0;
  border-radius: 0 !important;
  background-color: transparent;
  box-shadow: none;
}
.invite-user-modal .modal-body,
.team-detail-modal .modal-body {
  height: 100vh;
  max-height: 100vh !important;
  padding: 0 !important;
  display: flex;
  overflow: hidden;
}
.invite-user-modal--content,
.team-detail-modal--content {
  width: 32.5rem;
  padding: 2rem 1.5rem;
  background-color: #fff;
  max-height: 100vh !important;
  overflow: hidden auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.75rem;
}
.invite-user-modal--wrapper,
.team-detail-modal--wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 29.5rem;
}
.invite-user-modal--title,
.team-detail-modal--title {
  width: 29.5rem;
  color: #1f2937;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invite-user-modal--title span.icon,
.team-detail-modal--title span.icon {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
  cursor: pointer;
}
.invite-user-modal .bs-input-label-prefix,
.team-detail-modal .bs-input-label-prefix {
  color: #1f2937 !important;
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 1.25rem !important;
  margin-bottom: 0.375rem !important;
}
.invite-user-modal .bs-input-affix-wrapper,
.team-detail-modal .bs-input-affix-wrapper {
  height: 36px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
}
.invite-user-modal .bs-input-affix-wrapper:focus, .invite-user-modal .bs-input-affix-wrapper:focus-within,
.team-detail-modal .bs-input-affix-wrapper:focus,
.team-detail-modal .bs-input-affix-wrapper:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.invite-user-modal .bs-input-affix-wrapper input,
.team-detail-modal .bs-input-affix-wrapper input {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  background-color: transparent;
}
.invite-user-modal .bs-input-affix-wrapper input::placeholder,
.team-detail-modal .bs-input-affix-wrapper input::placeholder {
  color: #9ca3af;
}
.invite-user-modal--txt-input,
.team-detail-modal--txt-input {
  margin-bottom: 0 !important;
}
.invite-user-modal--txt-input .bs-input-affix-wrapper.input-error,
.team-detail-modal--txt-input .bs-input-affix-wrapper.input-error {
  border-color: #fca5a5 !important;
}
.invite-user-modal--txt-input .bs-input-affix-wrapper.input-error:focus,
.invite-user-modal--txt-input .bs-input-affix-wrapper.input-error:focus-within,
.team-detail-modal--txt-input .bs-input-affix-wrapper.input-error:focus,
.team-detail-modal--txt-input .bs-input-affix-wrapper.input-error:focus-within {
  box-shadow: none !important;
}
.invite-user-modal--txt-input .bs-input-label-suffix,
.team-detail-modal--txt-input .bs-input-label-suffix {
  color: #b91c1c !important;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem !important;
  margin-top: 0.25rem !important;
}
.invite-user-modal--container,
.team-detail-modal--container {
  width: 29.5rem;
}
.invite-user-modal--container .user-action-label,
.team-detail-modal--container .user-action-label {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
  margin-bottom: 0.5rem;
}
.invite-user-modal--container .bs-select-box,
.team-detail-modal--container .bs-select-box {
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #f9fafb;
  min-height: 2.25rem;
  max-height: 6.25rem;
  overflow-y: auto;
  align-items: center;
  padding: 0.1875rem 0.75rem;
}
.invite-user-modal--container .bs-select-box:focus, .invite-user-modal--container .bs-select-box:focus-within,
.team-detail-modal--container .bs-select-box:focus,
.team-detail-modal--container .bs-select-box:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.invite-user-modal--container .bs-select-box .bs-select-box-text,
.team-detail-modal--container .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.invite-user-modal--container .bs-select-box .bs-select-box-icon-wrapper,
.team-detail-modal--container .bs-select-box .bs-select-box-icon-wrapper {
  width: 1rem;
  height: 1rem;
  justify-content: center;
}
.invite-user-modal--container.change-role-action .bs-select-box,
.team-detail-modal--container.change-role-action .bs-select-box {
  height: 2.25rem;
  overflow: hidden;
  align-items: center;
  gap: 0.5rem;
}
.invite-user-modal--container.change-role-action .bs-select-box .bs-select-box-icon-wrapper,
.team-detail-modal--container.change-role-action .bs-select-box .bs-select-box-icon-wrapper {
  margin: 0;
}
.invite-user-modal .team-members-input .email-input--container,
.team-detail-modal .team-members-input .email-input--container {
  min-height: 8.875rem;
  max-height: 20.125rem;
  padding: 0;
  overflow-y: auto;
}
.invite-user-modal .team-members-input .email-input--container .bs-select-box,
.team-detail-modal .team-members-input .email-input--container .bs-select-box {
  outline: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
  padding: 0.375rem 1rem;
  height: 100%;
  align-items: flex-start;
  max-height: none;
}
.invite-user-modal .team-members-input .email-input--container .bs-select-box .bs-select-box-icon-wrapper,
.team-detail-modal .team-members-input .email-input--container .bs-select-box .bs-select-box-icon-wrapper {
  display: none;
}
.invite-user-modal .team-members-input .email-input--pills,
.team-detail-modal .team-members-input .email-input--pills {
  padding: 0.375rem 1rem;
  padding-bottom: 0;
}

.email-input--container {
  width: 29.5rem;
  min-height: 8.875rem;
  max-height: 20.125rem;
  overflow-y: auto;
  padding: 0.4375rem 1rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.375rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #f9fafb;
  cursor: text;
}
.email-input--container:focus, .email-input--container:focus-within {
  border-color: #1d4ed8;
}
.email-input--container.error {
  border-color: #fca5a5;
}
.email-input--error-msg {
  color: #b91c1c;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.email-input--helper-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.25rem;
}
.email-input--count {
  color: #9ca3af;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.email-input--pills {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.email-input--pills .shd-pills {
  background-color: #fff;
}
.email-input--input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  padding: 0;
  background: #f9fafb;
}
.email-input--input:disabled {
  background-color: transparent;
}
.email-input--input:active, .email-input--input:focus {
  outline: none;
}
.email-input--input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.team-detail-modal .invite-user-modal--content {
  overflow: hidden;
  padding: 0;
}
.team-detail-modal--wrapper {
  gap: 0;
  width: 100%;
  padding: 2rem 0;
}
.team-detail-modal--title {
  padding: 0rem 1.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
}
.team-detail-modal--createdOn {
  color: #4b5563;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
  padding: 0rem 1.5rem;
}
.team-detail-modal--total {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 1.125rem;
  padding: 0rem 1.5rem;
}
.team-detail-modal--users {
  height: calc(100vh - 8.75rem);
  overflow: hidden auto;
  padding: 0 1.5rem;
}
.team-detail-modal--users .user {
  width: 100%;
  height: 3.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
  position: relative;
}
.team-detail-modal--users .user .user-left {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 3.25rem;
}
.team-detail-modal--users .user .user-left h1 {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.team-detail-modal--users .user .user-left p {
  color: #4b5563;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.team-detail-modal--users .user .user-left p span {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}
.team-detail-modal--users .user .user-left p span.active {
  color: #047857;
}
.team-detail-modal--users .user .user-left p span.invited {
  color: #f59e0b;
}
.team-detail-modal--users .user .user-left p span.failed {
  color: #b91c1c;
}
.team-detail-modal--users .user .user-left p span.disabled {
  color: #d1d5db;
}
.team-detail-modal--users .user .user-right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.team-detail-modal--users .user .user-right div {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.team-detail-modal--users .user .user-right div.disabled-btn {
  cursor: not-allowed !important;
}
.team-detail-modal--users .user .user-right div svg {
  width: 100%;
  height: 100%;
  color: #6b7280;
}
.team-detail-modal--users .user .user-right p {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.team-detail-modal--users .see-more-container {
  width: 32.5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  left: -1.5rem;
  bottom: -1rem;
}
.team-detail-modal--users .see-more-container svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.team-detail-modal--users .see-more-container span {
  color: #1d4ed8;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  z-index: 1;
  margin-bottom: 0.75rem;
}

.cancel-btn.btn-ghost-outlined {
  color: #595959 !important;
  font-size: 14px;
  font-weight: 500;
  border-color: #d9d9d9 !important;
}
.cancel-btn.btn-ghost-outlined.disabled {
  opacity: 0.34;
}
.cancel-btn.btn-ghost-outlined:hover {
  color: #595959 !important;
  border-color: #d9d9d9 !important;
}

.delete-btn.btn-solid-danger {
  background: #b91c1c !important;
  color: #fff !important;
}
.delete-btn.btn-solid-danger.disabled {
  opacity: 0.34;
}

.user-action .user-action-label {
  margin: 0;
  margin-bottom: 0.25rem;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.user-action .bs-select-box {
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #f9fafb;
  min-height: 2.25rem;
  max-height: 6.25rem;
  overflow-y: auto;
  align-items: flex-start;
  padding: 0.5rem 0.9375rem 0.5rem 1rem;
  gap: 0.5rem;
  box-sizing: border-box;
}
.user-action .bs-select-box:focus, .user-action .bs-select-box:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.user-action .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.user-action .bs-select-box .bs-select-box-text.placeholder {
  color: #1f2937;
}
.user-action .bs-select-box .bs-select-box-icon-wrapper {
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  margin: 0;
}
.user-action.change-role-action .bs-select-box {
  height: 2.25rem;
  overflow: hidden;
}

.select-search {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: auto;
  color: #1f2937;
  flex: 1;
}
.select-search::placeholder {
  color: #9ca3af;
}
.select-search:focus {
  outline: none;
}

.users-change-role-select {
  padding: 0.25rem 0 0 0 !important;
}

.team-select .transfer-content {
  max-height: calc(100vh - 25rem) !important;
}

.users-and-teams-empty-list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.users-and-teams-empty-list .shd-empty-list {
  gap: 1.5rem;
}
.users-and-teams-empty-list .shd-empty-list--image {
  width: auto;
  height: auto;
}
.users-and-teams-empty-list .shd-empty-list--body {
  gap: 0.5rem;
  max-width: 37.5rem;
}
.users-and-teams-empty-list .shd-empty-list--title {
  text-align: center;
}
.users-and-teams-empty-list .shd-empty-list--description {
  color: #6b7280;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 2rem;
}

.actionables .action-btn {
  width: 2.125rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}
.actionables .action-btn svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
}
.actionables .action-btn:hover {
  background: #dbeafe;
}
.actionables .action-btn:hover svg {
  color: #1d4ed8;
}
.actionables .show > .show {
  display: block !important;
}
.actionables .dropdown-custom > .dropdown-menu-custom {
  display: none;
}
.actionables .dropdown-custom .dropdown-toggle-custom {
  width: 2.125rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0;
  border: none;
}
.actionables .dropdown-custom .dropdown-toggle-custom svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
}
.actionables .dropdown-custom .dropdown-toggle-custom:hover {
  background: #eff6ff;
}
.actionables .dropdown-custom .dropdown-menu-custom {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 0.5rem 0px;
  margin-left: -15px;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
}
.actionables .dropdown-custom .dropdown-menu-custom a {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4375rem 1rem;
  height: 2.125rem;
  color: #374151;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.actionables .dropdown-custom .dropdown-menu-custom a svg {
  color: #6b7280;
}
.actionables .dropdown-custom .dropdown-menu-custom a:hover {
  background: #eff6ff;
}

.assign-team-tooltip .tooltip-inner {
  padding: 0.75rem !important;
  max-width: 21.875rem !important;
}

.plan-based-restriction {
  justify-content: flex-start;
  height: calc(100vh - 12.125rem);
}
.plan-based-restriction .shd-empty-list {
  justify-content: flex-start;
  gap: 0;
}
.plan-based-restriction .shd-empty-list .shd-empty-list--body {
  gap: 0;
}
.plan-based-restriction .shd-empty-list .shd-empty-list--body .shd-empty-list--description {
  margin-top: 0.5rem;
}

.action-modal.confirmation-modal-v3 .modal-dialog {
  width: 27.375rem !important;
  min-height: 10.75rem !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-header {
  min-height: auto;
  padding: 0px 1.5rem !important;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title {
  padding-top: 1.5rem;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title .confirmation-modal-v3--title {
  padding: 0;
  align-items: center;
  gap: 1rem;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title .confirmation-modal-v3--title img,
.action-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title .confirmation-modal-v3--title svg {
  margin: 0;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title .confirmation-modal-v3--title h2 {
  margin: 0;
  line-height: 1.25rem;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-header .close {
  color: #1f2937;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body {
  padding: 1.5rem !important;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body .confirmation-modal-v3--body__contents p {
  margin-bottom: 1rem;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body .confirmation-modal-v3--body__contents p:last-of-type {
  margin: 0;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-footer {
  margin: 0 1.5rem 1.25rem 1.5rem;
  border-top: 0.0625rem solid #f3f4f6;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-footer button {
  min-width: 6.25rem;
}
.action-modal.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons button:last-of-type {
  margin-left: 1rem !important;
}

.cursor-on-row .table-organism-body tr {
  cursor: pointer;
}

.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr:hover {
  background-color: transparent !important;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th {
  border: 1px solid #f3f4f6;
  border-left: none !important;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th:first-of-type {
  border-left: 1px solid #f3f4f6 !important;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th:last-of-type {
  width: 4.4375rem;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th {
  height: 2.875rem;
  max-height: 2.875rem;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th div {
  align-items: center;
  height: 100%;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th span {
  color: #6b7280;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1.25rem !important;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th.table-header-loading > span {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr.disable-row td .table-cell-text {
  color: #9ca3af !important;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover {
  box-shadow: none;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover td {
  background-color: #f9fafb;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td {
  padding: 0 1.25rem !important;
  background-color: white;
  height: 2.5rem;
  max-height: 2.5rem;
  border: none;
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type {
  border-left: 1px solid #f3f4f6;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-wrap: nowrap;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .domains-mailboxes-count.active, .user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .domains-mailboxes-count:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled {
  cursor: default !important;
  opacity: 0.3;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled:hover {
  cursor: default !important;
  background-color: transparent;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled svg {
  cursor: default !important;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  color: #6b7280;
}
.user-and-teams-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element:hover {
  background-color: #f3f4f6;
}

.download-session-report {
  width: 1.25rem;
  height: 1.25rem;
}
.download-session-report.download-icon-open {
  color: #1d4ed8;
}

.enable-disable-btn {
  opacity: 0.5;
  cursor: not-allowed;
}

.teams-four-col {
  padding-left: 1rem;
}

.teams-created-by-last-col {
  position: relative !important;
  border-left: 0.0625rem solid #f3f4f6 !important;
  border-bottom: 0.0625rem solid #f3f4f6 !important;
  border-right: 0.0625rem solid #f3f4f6 !important;
}

.download-usage-report {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.download-usage-report__trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  cursor: pointer;
}
.download-usage-report__trigger svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.download-usage-report__trigger:hover, .download-usage-report__trigger.is-active {
  color: #1d4ed8;
}
.download-usage-report__popover {
  width: 14.75rem;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.download-usage-report__popover .arrow {
  display: none;
}
.download-usage-report__popover .bs-popover-inner-content {
  padding: 1rem !important;
}
.download-usage-report__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.download-usage-report__date-selector {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 12.625rem;
}
.download-usage-report__date-selector .date-filter-select-wrap {
  width: 12.625rem;
}
.download-usage-report__date-selector .date-filter-select-wrap .bs-select-box {
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #f9fafb;
}
.download-usage-report__date-selector .bs-input-label-prefix {
  display: flex;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 0 !important;
}
.download-usage-report__footer {
  display: flex;
  justify-content: flex-end;
}

.data-generation-modal .modal-text {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 8px;
}
.data-generation-modal .count-input {
  margin-bottom: 16px;
}
.data-generation-modal .feature-select-dropdown {
  margin-bottom: 16px;
}
.data-generation-modal .error-message {
  min-height: 20px;
  margin-top: 8px;
}
.data-generation-modal .error-message .text-danger {
  font-size: 12px;
  color: #dc3545;
}
.data-generation-modal .modal-content-height {
  min-height: 300px;
}
.data-generation-modal .modal-content-container {
  min-height: 60px;
}

.profile-container {
  overflow-y: auto;
}
.profile-container .my-profile-delete-btn {
  width: 8.4375rem;
  height: 2.25rem;
  color: #b91c1c;
  border-color: #b91c1c;
}
.profile-container .my-profile-delete-btn span {
  white-space: nowrap;
}
.profile-container .my-profile-delete-btn:hover, .profile-container .my-profile-delete-btn:active, .profile-container .my-profile-delete-btn:focus {
  color: #b91c1c;
  border-color: #b91c1c;
  background-color: #fef2f2;
}
.profile-container .alert {
  margin-top: 1rem;
  margin-bottom: 0 !important;
}
.profile-container .form-container form {
  margin: 0rem 0 2rem 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.75rem;
}
.profile-container .form-container form .input-with-cta-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 1.25rem;
  width: 100%;
}
.profile-container .form-container form .input-with-cta-wrapper .shd-button.change-email-btn {
  height: 2.25rem;
  color: #6b7280;
  border-color: #e5e7eb;
}
.profile-container .form-container form .input-with-cta-wrapper .shd-button.change-email-btn.password-btn {
  width: 9.625rem;
}
.profile-container .form-container form .input-with-cta-wrapper .shd-button.change-email-btn span {
  white-space: nowrap;
}
.profile-container .form-container form .input-with-cta-wrapper .shd-button.change-email-btn:hover, .profile-container .form-container form .input-with-cta-wrapper .shd-button.change-email-btn:active, .profile-container .form-container form .input-with-cta-wrapper .shd-button.change-email-btn:focus {
  color: #1d4ed8;
  background-color: transparent;
  border-color: #1d4ed8;
}
.profile-container .form-container form .phone-input-wrapper {
  width: 18.75rem;
}
.profile-container .form-container form .phone-input-wrapper p {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
  margin-bottom: 0.25rem;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input .form-control {
  width: 100%;
  height: 2.25rem;
  padding-left: 0.75rem;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0 0.25rem 0.25rem 0;
  line-height: 1.25rem;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
  font-size: 0.875rem;
  color: #1f2937;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input .form-control::placeholder {
  color: #d1d5db;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input .form-control:focus, .profile-container .form-container form .phone-input-wrapper .phone-form-input .form-control:focus-within {
  outline: none;
  box-shadow: none;
  border-color: #1d4ed8;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input .form-control:focus + .flag-dropdown, .profile-container .form-container form .phone-input-wrapper .phone-form-input .form-control:focus-within + .flag-dropdown {
  border-color: #1d4ed8;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input .flag-dropdown {
  border: 0.0625rem solid #e5e7eb;
  border-right: none;
  border-radius: 0.25rem 0 0 0.25rem;
  background-color: transparent;
  padding: 0.5rem;
  width: 3.5rem;
  height: 2.25rem;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  z-index: 1;
  position: relative;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input .flag-dropdown .selected-flag {
  width: 100%;
  padding: 0;
  border-radius: 0;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input .flag-dropdown .selected-flag .flag .arrow {
  left: 1.625rem;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .form-control,
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .flag-dropdown {
  border-color: #fca5a5;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .form-control:focus, .profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .form-control:focus-within,
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .flag-dropdown:focus,
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .flag-dropdown:focus-within {
  outline: none;
  box-shadow: none;
  border-color: #fca5a5;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .form-control:focus + .form-control, .profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .form-control:focus + .flag-dropdown, .profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .form-control:focus-within + .form-control, .profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .form-control:focus-within + .flag-dropdown,
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .flag-dropdown:focus + .form-control,
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .flag-dropdown:focus + .flag-dropdown,
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .flag-dropdown:focus-within + .form-control,
.profile-container .form-container form .phone-input-wrapper .phone-form-input.input-error .flag-dropdown:focus-within + .flag-dropdown {
  border-color: #fca5a5;
}
.profile-container .form-container form .phone-input-wrapper .phone-form-input-error {
  width: 13.75rem;
  height: 1.125rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #b91c1c;
  mix-blend-mode: normal;
  margin: 0;
  margin-top: 0.25rem;
}
.profile-container .form-container form .timezone-wrapper .bs-select-box {
  gap: 0.5rem;
  width: 18.75rem !important;
}
.profile-container .form-container form .timezone-wrapper .bs-select-box .bs-select-box-icon-wrapper {
  margin: 0 !important;
  justify-content: center;
  color: #9ca3af;
}
.profile-container .form-container form .my-profile-submit-btn {
  margin-top: 0.5rem;
}
.profile-container .change-password {
  padding-top: 1rem;
}
.profile-container .change-password .btn-solid-link {
  padding: 0 !important;
}
.profile-container .danger-zone-header {
  display: flex;
  flex-direction: column;
  padding-top: 1.25rem;
  border-radius: 0.0625rem;
  border-top: 0.125rem solid #e5e7eb;
}
.profile-container .danger-zone-header h1 {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
  margin-bottom: 0.25rem;
}
.profile-container .danger-zone-header p {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
}

.my-profile-input-container {
  width: 100%;
}

.my-profile-input {
  min-height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 0 !important;
}
.my-profile-input.bs-input-container {
  max-width: 18.75rem !important;
}
.my-profile-input.modal-input {
  max-width: 100% !important;
}
.my-profile-input.modal-input .bs-input-affix-wrapper {
  max-width: 100% !important;
}
.my-profile-input .bs-input-label-prefix {
  color: #6b7280 !important;
  font-size: 0.75rem !important;
  font-weight: 500;
  line-height: 1rem !important;
  margin-bottom: 0.25rem !important;
}
.my-profile-input .bs-input-affix-wrapper,
.my-profile-input .bs-select-box {
  max-width: 18.75rem !important;
  height: 2rem;
  padding: 0.375rem 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
}
.my-profile-input .bs-input-affix-wrapper .bs-input,
.my-profile-input .bs-input-affix-wrapper .bs-select-box-text,
.my-profile-input .bs-select-box .bs-input,
.my-profile-input .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  background-color: transparent !important;
}
.my-profile-input .bs-input-affix-wrapper:focus, .my-profile-input .bs-input-affix-wrapper:focus-within,
.my-profile-input .bs-select-box:focus,
.my-profile-input .bs-select-box:focus-within {
  outline: none !important;
  box-shadow: none !important;
  border-color: #1d4ed8;
}
.my-profile-input .bs-input-affix-wrapper.input-error:focus, .my-profile-input .bs-input-affix-wrapper.input-error:focus-within,
.my-profile-input .bs-select-box.input-error:focus,
.my-profile-input .bs-select-box.input-error:focus-within {
  border-color: #fca5a5;
}
.my-profile-input .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled,
.my-profile-input .bs-select-box.bs-input-affix-wrapper-disabled {
  background: #f9fafb;
}
.my-profile-input .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled .bs-input,
.my-profile-input .bs-select-box.bs-input-affix-wrapper-disabled .bs-input {
  color: #9ca3af;
}
.my-profile-input .bs-input-label-suffix {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #b91c1c !important;
  font-size: 0.75rem !important;
  font-weight: 500;
  line-height: 1.125rem !important;
  margin-top: 0.25rem !important;
}

.my-profile-input-error {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #b91c1c !important;
  font-size: 0.75rem !important;
  font-weight: 500;
  line-height: 1.125rem !important;
  margin-top: 0.25rem !important;
}

.link-cta-btn {
  height: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  display: inline-flex;
}
.link-cta-btn.link-inline {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500 !important;
}

.timezone-select .transfer-container .transfer-body .transfer-content {
  max-height: 21.75rem;
  min-height: 8.75rem;
  height: calc(100vh - 38rem);
}

.change-email-modal .modal-dialog {
  width: 28.125rem !important;
  max-width: unset;
  min-height: auto;
  margin-top: 9rem;
  margin-bottom: 0;
}
.change-email-modal .bs-modal-body {
  padding: 0 !important;
}
.change-email-modal--title {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 0.125rem solid #f3f4f6;
  border-bottom: none;
}
.change-email-modal--title h1 {
  color: #1f2937;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin: 0;
}
.change-email-modal--title .delete-account-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.change-email-modal--title .delete-account-title .delete-account-title-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.change-email-modal--title .delete-account-title .delete-account-title-icon svg {
  width: 100%;
  height: 100%;
  color: #b91c1c;
}
.change-email-modal--title .delete-account-title h1 {
  font-weight: 600;
}
.change-email-modal--description {
  padding: 0 1.5rem 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  border: 0.125rem solid #f3f4f6;
  border-top: none;
  border-bottom: none;
}
.change-email-modal--title p, .change-email-modal--description p {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
}
.change-email-modal--title p span.bold, .change-email-modal--description p span.bold {
  font-weight: 600;
}
.change-email-modal .alert-container {
  padding: 0 1.5rem 1.25rem 1.5rem;
}
.change-email-modal .alert-container .alert {
  width: 25.125rem;
  height: 3.375rem;
  display: flex;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: #fffbeb;
  border: 0.0625rem solid #fef3c7 !important;
  margin: 0;
  padding: 0.5rem 1rem;
}
.change-email-modal .alert-container .alert--icon {
  width: 1rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b45309;
}
.change-email-modal .alert-container .alert--content {
  color: #92400e;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}
.change-email-modal--action {
  display: flex;
  align-items: center;
  padding: 0 1.5rem 1.5rem 1.5rem;
  border: 0.125rem solid #f3f4f6;
  border-top: none;
  border-bottom: none;
}
.change-email-modal--divider {
  display: flex;
  align-items: center;
  width: 25.125rem;
  height: 0.125rem;
  border-radius: 0.25rem;
  margin: 0 24px;
  background-color: #f3f4f6;
}
.change-email-modal--footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  height: 4.5rem;
  padding: 1.25rem 1.5rem;
  border-radius: 0 0 0.25rem 0.25rem;
  border: 0.125rem solid #f3f4f6;
  border-top: none;
}
.change-email-modal--footer .shd-button--secondary {
  color: #6b7280;
  border-color: #e5e7eb;
}
.change-email-modal--footer .shd-button--secondary:hover, .change-email-modal--footer .shd-button--secondary:active, .change-email-modal--footer .shd-button--secondary:focus {
  color: #1d4ed8;
  background-color: transparent;
  border-color: #1d4ed8;
}
.change-email-modal .otp-input {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
.change-email-modal .otp-input-label {
  color: #6b7280;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}
.change-email-modal .otp-input-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375rem;
}
.change-email-modal .otp-input-container input {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.change-email-modal .otp-input-container input:hover, .change-email-modal .otp-input-container input:active, .change-email-modal .otp-input-container input:focus {
  outline: none;
  box-shadow: none;
  border-color: #1d4ed8;
}
.change-email-modal .otp-input-container.error input {
  border-color: #fca5a5;
}
.change-email-modal .otp-input-container.error input:hover, .change-email-modal .otp-input-container.error input:active, .change-email-modal .otp-input-container.error input:focus {
  border-color: #fca5a5;
}
.change-email-modal .otp-input-error {
  color: #b91c1c;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}

.delete-account-alert {
  margin: 0 1.5rem 1rem 1.5rem;
}

.delete-account-email {
  font-weight: bold;
}

.delete-oauth-modal .btn-solid-primary {
  background-color: #b91c1c;
  border: #b91c1c;
}
.delete-oauth-modal .btn-solid-primary:hover, .delete-oauth-modal .btn-solid-primary:not(:disabled):not(.disabled):active, .delete-oauth-modal .btn-solid-primary:focus {
  background-color: #b91c1c;
  border: #b91c1c;
}

.oauth-modal-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.oauth-modal-title--bold {
  font-weight: 600;
}

.oauth-change-email-modal .modal-header {
  min-height: auto !important;
}
.oauth-change-email-modal .oauth-change-email-modal-content .oauth-buttons-container .oauth-button.microsoft-button {
  margin-bottom: 0rem !important;
}

.ooo--setting {
  margin-top: 1.5rem;
}
.ooo--setting .setting-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ooo--setting .setting-toggle .switchToggle {
  width: 2rem;
  height: 1rem;
}
.ooo--setting .setting-toggle .switchToggle input + label {
  background: #9ca3af;
}
.ooo--setting .setting-toggle .switchToggle input:checked + label {
  background: #1d4ed8;
}
.ooo--setting .setting-toggle p {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
}
.ooo--setting .setting-options {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0.75rem 0 1rem 0.875rem;
  padding-left: 1.375rem;
  border-radius: 0.25rem;
  border-left: 0.1875rem solid #f3f4f6;
}
.ooo--setting .setting-options .rb-group {
  gap: 0.375rem;
}
.ooo--setting .setting-options .bs-radio-wrapper {
  margin: 0;
  align-items: center;
}
.ooo--setting .setting-options .bs-radio-wrapper .bs-radio {
  width: 1rem;
  height: 1rem;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ooo--setting .setting-options .bs-radio-wrapper .bs-radio.bs-radio-checked .bs-radio-inner {
  border-width: 0.0938rem;
  border-color: #1d4ed8;
}
.ooo--setting .setting-options .bs-radio-wrapper .bs-radio .bs-radio-input {
  width: 1rem;
  height: 1rem;
}
.ooo--setting .setting-options .bs-radio-wrapper .bs-radio .bs-radio-inner {
  width: 1rem;
  height: 1rem;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-width: 0.0938rem;
  border-color: #9ca3af;
}
.ooo--setting .setting-options .bs-radio-wrapper .bs-radio .bs-radio-inner::after {
  position: static;
  width: 0.5rem;
  height: 0.5rem;
}
.ooo--setting .setting-options .setting-options-radio-label {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.ooo--setting .setting-options .setting-options-radio-label p {
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number {
  width: 4.625rem;
  min-width: 4.625rem;
  height: 2rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #f9fafb;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number:hover, .ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number:focus, .ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number .bs-input-number-handler-wrap {
  width: 1.125rem;
  background: #f3f4f6;
  border-left: none;
  border-radius: 0 0.25rem 0.25rem 0;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number .bs-input-number-handler-wrap .bs-input-number-handler {
  color: #4b5563;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number .bs-input-number-handler-wrap .bs-input-number-handler .bs-input-number-handler-up-inner,
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number .bs-input-number-handler-wrap .bs-input-number-handler .bs-input-number-handler-down-inner {
  color: #4b5563;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number .bs-input-number-handler-wrap .bs-input-number-handler:hover .bs-input-number-handler-up-inner,
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number .bs-input-number-handler-wrap .bs-input-number-handler:hover .bs-input-number-handler-down-inner {
  color: #1d4ed8;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container .bs-input-number .bs-input-number-input {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container.bs-input-number-error .bs-input-number {
  border-color: #fca5a5;
}
.ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container.bs-input-number-error .bs-input-number:hover, .ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container.bs-input-number-error .bs-input-number:focus, .ooo--setting .setting-options .setting-options-radio-label .bs-input-number-container.bs-input-number-error .bs-input-number:focus-within {
  border-color: #fca5a5;
}

.change-email-modal .popup-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.change-email-modal .popup-title .popup-title-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.change-email-modal .popup-title .popup-title-icon svg {
  width: 100%;
  height: 100%;
  color: #d97706;
}
.change-email-modal .popup-title h1 {
  font-weight: 600;
}
.change-email-modal .width-100 {
  width: 100px;
}

.upgrade-plan-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.upgrade-plan-container .upgrade-plan-header div {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upgrade-plan-container .upgrade-plan-header div svg {
  font-size: 1.25rem;
}
.upgrade-plan-container .upgrade-plan-tabs {
  padding: 0rem 2.125rem;
  flex-grow: 1;
}
.upgrade-plan-container .upgrade-plan-tabs .bs-tabs-nav {
  margin-bottom: 1.5rem !important;
  display: flex;
  align-items: start !important;
}
.upgrade-plan-container .upgrade-plan-tabs .bs-tabs-nav::before {
  border-bottom: 0rem solid #e8e8e8 !important;
}
.upgrade-plan-container .upgrade-plan-tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 1.875rem !important;
  align-self: auto !important;
  top: 0;
}

.lead-finder-tab {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.update-plan-modal .modal-dialog {
  max-width: 895px;
}
.update-plan-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.update-plan-modal__header h1 {
  margin: 0;
  color: #1f2937;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.update-plan-modal__header button {
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update-plan-modal__header button svg {
  color: #1f2937;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.update-plan-modal__content {
  display: flex;
  gap: 1rem;
}
.update-plan-modal__content .update-plan-option {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
}
.update-plan-modal__content .update-plan-option.recommended {
  border: 1px solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.update-plan-modal__content .update-plan-option .update-plan-option-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
}
.update-plan-modal__content .update-plan-option .update-plan-option-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.update-plan-modal__content .update-plan-option .update-plan-option-content h1 {
  margin: 0;
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.update-plan-modal__content .update-plan-option .update-plan-option-content p {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.update-plan-modal__content .update-plan-option .update-plan-option-features {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.update-plan-modal__content .update-plan-option .update-plan-option-features .feature {
  display: flex;
  gap: 0.5rem;
}
.update-plan-modal__content .update-plan-option .update-plan-option-features .feature svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: #6b7280;
}
.update-plan-modal__content .update-plan-option .update-plan-option-features .feature p {
  margin: 0;
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.update-plan-modal__footer {
  margin-top: 1rem;
}
.update-plan-modal__footer .shd-alert {
  width: 100%;
}
.update-plan-modal__footer .shd-alert--icon {
  display: flex;
}

.platform-pricing-table {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
}
.platform-pricing-table__head {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(150px, 1fr));
  align-items: end;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  border-radius: 14px 14px 0 0;
  border-bottom: 1px solid #eee;
}
.platform-pricing-table__head .platform-pricing-table__plan:nth-of-type(3) {
  background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
.platform-pricing-table__head .platform-pricing-table__plan:nth-of-type(3) .shd-button--disabled {
  opacity: 0.45;
}
.platform-pricing-table__intro-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.platform-pricing-table__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 16px 0 24px;
  gap: 4px;
  align-self: start;
}
.platform-pricing-table .platform-pricing-table-add-credits {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #1f2937;
  cursor: pointer;
  padding: 0 0px 14px 36px;
}
.platform-pricing-table .platform-pricing-table-add-credits span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.platform-pricing-table .platform-pricing-table-add-credits:hover {
  color: #1d4ed8;
}
.platform-pricing-table__title {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  color: #0b0b0b;
}
.platform-pricing-table__subtitle {
  margin: 0;
  color: #656565;
  font-size: 14px;
  font-weight: 400;
}
.platform-pricing-table__details-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border: 1px solid #eee;
  border-radius: 50px;
  background: transparent;
  color: #275df5;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  width: fit-content;
}
.platform-pricing-table__details-toggle:hover {
  background: rgba(39, 93, 245, 0.0509803922);
}
.platform-pricing-table__details-toggle .platform-pricing-table-plus, .platform-pricing-table__details-toggle .platform-pricing-table-cross {
  transition: transform 0.25s ease;
  transform-origin: center;
}
.platform-pricing-table__details-toggle .platform-pricing-table-cross {
  transform: rotate(46deg);
}
.platform-pricing-table__plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 20px 12px 12px 12px;
  text-align: center;
  position: relative;
}
.platform-pricing-table__plan--popular {
  background: #e6f7ff;
}
.platform-pricing-table__popular {
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0px 10px;
  border-radius: 50px;
  background: #275df5;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
}
.platform-pricing-table__plan-name {
  font-size: 18px;
  font-weight: 700;
  color: #0b0b0b;
}
.platform-pricing-table__plan-name.custom-platform-plan {
  padding-bottom: 8px;
}
.platform-pricing-table__price {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.platform-pricing-table__amount {
  font-size: 30px;
  font-weight: 700;
  color: #262626;
  line-height: 42px;
}
.platform-pricing-table__amount.custom-platform-plan-text {
  display: flex;
  flex-direction: column;
  line-height: 30px;
  padding-bottom: 4px;
  font-size: 35px;
}
.platform-pricing-table__text {
  font-size: 12px;
  color: #656565;
  line-height: 24px;
}
.platform-pricing-table__period {
  font-size: 14px;
  color: #656565;
}
.platform-pricing-table__billed-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.platform-pricing-table__billed {
  font-size: 12px;
  color: #656565;
  line-height: 24px;
}
.platform-pricing-table__billed-text {
  text-decoration: underline dashed;
  text-decoration-color: rgba(101, 101, 101, 0.4);
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
  width: fit-content;
  cursor: default;
}
.platform-pricing-table__save-pill {
  display: inline-flex;
  align-items: center;
  align-self: center;
  padding: 3px 12px;
  border-radius: 50px;
  border: 1px solid #37b489;
  color: #37b489;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.platform-pricing-table__cta {
  width: 100%;
  margin-top: 6px;
}
.platform-pricing-table__cta.shd-button--secondary {
  background: transparent;
}
.platform-pricing-table__cta.shd-button--secondary:hover:not(.shd-button--disabled) {
  background: #dbeafe;
}
.platform-pricing-table__cta.shd-button--primary:hover {
  background: #1e40ef;
}
.platform-pricing-table__cta.shd-button--primary:focus {
  background: #1d4ed8;
}
.platform-pricing-table__cta--sales, .platform-pricing-table__cta--selected {
  background: #1d4ed8;
  color: #ffffff;
}
.platform-pricing-table__cta span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.platform-pricing-table.platform-pricing-table .platform-pricing-table__group .platform-pricing-table__group-title {
  border-bottom: 1px solid #eee;
}
.platform-pricing-table.platform-pricing-table .platform-pricing-table__group + .platform-pricing-table__group .platform-pricing-table__group-title {
  border-top: 1px solid #eee;
}
.platform-pricing-table__group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(249, 249, 249, 0.5019607843);
  color: #656565;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.35px;
  text-transform: uppercase;
}
.platform-pricing-table__group-subtitle {
  color: #656565;
  font-size: 12px;
  font-weight: 500;
}
.platform-pricing-table__row {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(150px, 1fr));
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
}
.platform-pricing-table__row:last-child {
  border-bottom: none;
}
.platform-pricing-table__row .platform-pricing-table__cell:nth-of-type(3) {
  background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
.platform-pricing-table__label-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 16px;
  color: #262626;
}
.platform-pricing-table__label-cell.multichannel-sequence .platform-pricing-table__label-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.platform-pricing-table__label-cell.multichannel-sequence .platform-pricing-table__label-container .platform-pricing-table__label-logos .platform-plan-card__logos .platform-plan-card__logo-slot .platform-plan-card__logo-icon {
  color: #656565;
}
.platform-pricing-table__label-cell.real-time-verification .platform-pricing-table__label-container, .platform-pricing-table__label-cell.platform-integration .platform-pricing-table__label-container, .platform-pricing-table__label-cell.no-code-integration .platform-pricing-table__label-container, .platform-pricing-table__label-cell.mcp-and-cli .platform-pricing-table__label-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.platform-pricing-table__label--tip {
  text-decoration: underline dashed;
  text-decoration-color: rgba(101, 101, 101, 0.4);
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
  width: fit-content;
  font-size: 16px;
  font-weight: 400;
}
.platform-pricing-table__label-logos {
  display: block;
  margin-top: 4px;
}
.platform-pricing-table__label-extra-text {
  font-size: 12px;
  color: #656565;
  margin-top: 2px;
}
.platform-pricing-table__label-desc {
  font-size: 12px;
  color: #9ca3af;
  line-height: 1.4;
  margin-top: 4px;
}
.platform-pricing-table__cell {
  display: flex;
  justify-content: center;
  padding: 12px;
  height: 100%;
  border-left: 1px solid #eee;
}
.platform-pricing-table__cell-text {
  font-size: 16px;
  font-weight: 500;
  color: #0b0b0b;
}
.platform-pricing-table__cell-text--tip {
  text-decoration: underline dashed;
  text-decoration-color: rgba(101, 101, 101, 0.4);
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
  width: fit-content;
  cursor: default;
}
.platform-pricing-table__cell-text--action {
  border: none;
  background: transparent;
  padding: 0;
  color: #0137fc;
  cursor: pointer;
  text-decoration: underline dashed;
  text-decoration-color: #0137fc;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.platform-pricing-table__check, .platform-pricing-table__cross {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}
.platform-pricing-table__check svg, .platform-pricing-table__cross svg {
  display: block;
}
.platform-pricing-table__check {
  color: #0137fc;
}
.platform-pricing-table__compare-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #275df5;
  font-weight: 500;
  cursor: pointer;
  width: fit-content;
}
.platform-pricing-table__compare-link:hover {
  color: rgba(39, 93, 245, 0.8);
}
.platform-pricing-table__free-chip {
  display: flex;
  gap: 8px;
  align-items: end;
}
.platform-pricing-table__chip-container {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  background: #dbeafe;
  color: #1d4ed8;
  height: max-content;
}
.platform-pricing-table__unlimited-text {
  display: flex;
  align-items: center;
  gap: 4px;
}

.platform-pricing-table__info-popover-container.bs-popover-inner {
  padding: 0px;
}
.platform-pricing-table__info-popover-container.popover {
  max-width: 277px;
}
.platform-pricing-table__info-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .platform-pricing-table__popover-container {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
}
.platform-pricing-table__info-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .platform-pricing-table__popover-container .platform-pricing-table__learn-more {
  cursor: pointer;
}
.platform-pricing-table__info-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .platform-pricing-table__popover-container .platform-pricing-table__learn-more a {
  color: #1d43d8;
}
.platform-pricing-table__info-popover-container .popover-body .bs-popover-content .bs-popover-inner-content .platform-pricing-table__popover-container .platform-pricing-table__learn-more:hover {
  text-decoration: underline;
}

.search-filters-modal .modal-dialog {
  max-width: 820px;
}
.search-filters-modal.bs-modal-container .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  padding: 32px;
}
.search-filters-modal .bs-modal-body {
  padding: 0;
}
.search-filters-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.search-filters-modal__close:hover {
  background: #f3f4f6;
  color: #262626;
}
.search-filters-modal__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #262626;
}
.search-filters-modal__subtitle {
  margin: 4px 0 0;
  font-size: 14px;
  color: #9ca3af;
}
.search-filters-modal__tabs {
  display: flex;
  gap: 6px;
  margin-top: 20px;
  padding: 4px;
  border-radius: 0.5rem;
  background: rgba(249, 249, 249, 0.4);
}
.search-filters-modal__tab {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #9ca3af;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.search-filters-modal__tab:hover {
  color: #262626;
}
.search-filters-modal__tab--active {
  background: #fff;
  color: #262626;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}
.search-filters-modal__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-top: 24px;
}
@media (min-width: 576px) {
  .search-filters-modal__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.search-filters-modal__column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-filters-modal__column-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--primary);
}
.search-filters-modal__column-badge {
  border-radius: 50px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--primary);
  background: color-mix(in oklab, var(--primary) 8%, transparent);
}
.search-filters-modal__categories {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.search-filters-modal__category {
  padding: 14px;
  border: 1px solid #eeeeee;
  border-radius: 12px;
}
.search-filters-modal__category-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.search-filters-modal__category-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 0.5rem;
  color: var(--primary);
  border: 1px solid color-mix(in oklab, var(--primary) 10%, transparent);
  background: color-mix(in oklab, var(--primary) 5%, transparent);
}
.search-filters-modal__category-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #262626;
}
.search-filters-modal__chips {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.search-filters-modal__chip {
  border-radius: 8px;
  padding: 2px 8px;
  font-size: 12px;
  color: #656565;
  background: #f9f9f9;
}

.platform-plans-container {
  overflow-y: auto;
  height: 100%;
}
.platform-plans-container .platform-plans {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 32px;
}
.platform-plans-container .platform-plans--with-purchase-bar {
  padding-bottom: 128px;
}
.platform-plans-container .platform-plans__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.platform-plans-container .platform-plans__header h1 {
  color: #202020;
  font-weight: 600;
  font-size: 24px;
  margin: 0px;
}
.platform-plans-container .platform-plans .platform-plan__header-subtitle {
  color: #202020;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
}
.platform-plans-container .platform-plans .platform-plan__header-subtitle-bold {
  font-weight: 600;
}
.platform-plans-container .platform-plans__header-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 24px 20px 24px;
  background: #f9fafb;
  width: 100%;
}
.platform-plans-container .platform-plans__cycle {
  display: flex;
  justify-content: center;
}
.platform-plans-container .platform-plans__cycle .plan-cycle-switch {
  width: 202px;
  height: 32px;
  padding: 2px;
}
.platform-plans-container .platform-plans__cycle .plan-cycle-switch .plan-cycle-switch--option {
  width: 90px;
  height: 25px;
}
.platform-plans-container .platform-plans__cycle .plan-cycle-switch .plan-cycle-switch--option .plan-cycle-switch--option-label {
  font-size: 12px;
  font-weight: 500;
}
.platform-plans-container .platform-plans__cycle .plan-cycle-switch .selected-option-bg {
  height: 26px;
}
.platform-plans-container .platform-plans__cycle .plan-cycle-switch .selected-option-bg.monthly {
  width: 90px;
}
.platform-plans-container .platform-plans__cycle .plan-cycle-switch .selected-option-bg.annually {
  width: 90px;
  transform: translateX(6.6rem);
}
.platform-plans-container .platform-plans__cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 30px;
  width: 100%;
}
.platform-plans-container .platform-plans__footnotes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 960px;
  margin-top: 40px;
}
.platform-plans-container .platform-plans__lead-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.platform-plans-container .platform-plans__note {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  width: fit-content;
}
.platform-plans-container .platform-plans__note-label, .platform-plans-container .platform-plans__note-text {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #848484;
}
.platform-plans-container .platform-plans__note-label {
  font-weight: 500;
  white-space: nowrap;
}
.platform-plans-container .platform-plans__note-text {
  font-weight: 400;
}
.platform-plans-container .platform-plans__credit-callout {
  width: 100%;
  max-width: 624px;
  padding: 16px 24px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.platform-plans-container .platform-plans__credit-rates {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 24px;
  font-size: 14px;
  line-height: 20px;
}
.platform-plans-container .platform-plans__credit-rate {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.platform-plans-container .platform-plans__credit-rate--tip:hover .platform-plans__credit-tooltip {
  display: block;
}
.platform-plans-container .platform-plans__credit-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: #2563eb;
}
.platform-plans-container .platform-plans__credit-label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #111827;
}
.platform-plans-container .platform-plans__credit-value {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #2563eb;
}
.platform-plans-container .platform-plans__credit-value--underlined {
  border-bottom: 1px dashed rgba(37, 99, 235, 0.4);
}
.platform-plans-container .platform-plans__credit-tooltip {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 30;
  width: 340px;
  margin-top: 8px;
  padding: 14px;
  text-align: left;
  background-color: #111827;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  transform: translateX(-50%);
  pointer-events: none;
}
.platform-plans-container .platform-plans__credit-tooltip-title {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #ffffff;
}
.platform-plans-container .platform-plans__credit-tooltip-body {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.platform-plans-container .platform-plans__credit-tooltip-grid {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 8px 12px;
  margin-top: 12px;
  font-size: 11px;
  line-height: 16px;
}
.platform-plans-container .platform-plans__credit-tooltip-col-us {
  text-align: center;
  font-weight: 600;
  color: #34d399;
}
.platform-plans-container .platform-plans__credit-tooltip-col-us--strong {
  font-weight: 600;
}
.platform-plans-container .platform-plans__credit-tooltip-col-others {
  text-align: center;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.45);
}
.platform-plans-container .platform-plans__credit-tooltip-row-label {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
.platform-plans-container .platform-plans__credit-footer {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #6b7280;
}
.platform-plans-container .platform-plans__credit-footer-zero {
  font-weight: 600;
  color: #16a34a;
}
.platform-plans-container .platform-plans__credit-footer-highlight {
  font-weight: 500;
  color: #111827;
  padding: 0 2px;
  background-image: linear-gradient(transparent 38%, rgba(255, 206, 31, 0.55) 38%, rgba(255, 206, 31, 0.55) 92%, transparent 92%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container {
  width: 100%;
  max-width: 1180px;
  margin-top: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-container-header {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fafb;
  border-radius: 8px 8px 0 0;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper .credit-slider-container-header-title {
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #202020;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper .credit-slider-container-header-description {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #202020;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-wrapper {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
  border-radius: 0 0 8px 8px;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-value {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #202020;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-value .credit-slider-selected-plan-label {
  font-weight: 400;
  color: #6b7280;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-price {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #202020;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-wrapper .range {
  margin-bottom: 30px;
}
.platform-plans-container .platform-plans__credit-slider.credit-slider-container .credit-slider-wrapper .range .range__mark-text {
  display: block;
  position: absolute;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #6b7280;
  margin-top: 24px;
  transform: translateX(-40%);
}
.platform-plans-container .platform-plans__matrix {
  width: 100%;
  max-width: 1180px;
  margin-top: 32px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.platform-plans-container .platform-plans__matrix-band {
  padding: 24px 24px 20px;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.platform-plans-container .platform-plans__matrix-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 28px;
  color: #111827;
}
.platform-plans-container .platform-plans__matrix-subtitle {
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
}
.platform-plans-container .platform-plans__matrix-toggle {
  display: inline-flex;
  margin-top: 8px;
  padding: 4px;
  background-color: #f3f4f6;
  border-radius: 50px;
  border: 1px solid #e5e7eb;
  width: fit-content;
}
.platform-plans-container .platform-plans__matrix-toggle button {
  border: 0;
  background: transparent;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  white-space: nowrap;
  cursor: pointer;
}
.platform-plans-container .platform-plans__matrix-toggle button.active {
  background-color: #2563eb;
  color: #fff;
  font-weight: 600;
}
.platform-plans-container .platform-plans__matrix-scroll {
  padding: 0 24px 24px 24px;
}
.platform-plans-container .platform-plans__matrix-grid {
  min-width: 728px;
}
.platform-plans-container .platform-plans__matrix-grid-row {
  display: grid;
  grid-template-columns: minmax(200px, 1.5fr) 176px 176px 176px;
  border-bottom: 1px solid #eee;
}
.platform-plans-container .platform-plans__matrix-grid-row.platform-plans__matrix-grid-row .popular {
  background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
.platform-plans-container .platform-plans__matrix-head {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.platform-plans-container .platform-plans__matrix-features-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: left;
  padding-bottom: 12px;
}
.platform-plans-container .platform-plans__matrix-features-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.platform-plans-container .platform-plans__matrix-features-description {
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
}
.platform-plans-container .platform-plans__matrix-features-label {
  color: #1f2937;
  font-size: 20px;
  font-weight: 700;
}
.platform-plans-container .platform-plans__matrix-plan-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 16px 12px 16px;
  text-align: center;
  justify-content: end;
}
.platform-plans-container .platform-plans__matrix-plan-col.popular {
  background: #eff6ff;
}
.platform-plans-container .platform-plans__matrix-plan-name {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
}
.platform-plans-container .platform-plans__matrix-plan-name--popular {
  color: #2563eb;
}
.platform-plans-container .platform-plans__matrix-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 8px;
  padding: 2px 10px;
  border-radius: 0.25rem;
  background-color: #37b489;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space: nowrap;
}
.platform-plans-container .platform-plans__matrix-badge-icon {
  width: 10px;
  height: 10px;
  color: #fff;
  flex-shrink: 0;
}
.platform-plans-container .platform-plans__matrix-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
}
.platform-plans-container .platform-plans__matrix-amount {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #202020;
}
.platform-plans-container .platform-plans__matrix-compare-at {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
  text-decoration: line-through;
}
.platform-plans-container .platform-plans__matrix-period {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
}
.platform-plans-container .platform-plans__group-text-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.platform-plans-container .platform-plans__group-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 0.5rem;
}
.platform-plans-container .platform-plans__group-chip--blue {
  background-color: #eff6ff;
  color: #0069a8;
}
.platform-plans-container .platform-plans__group-chip--red {
  background-color: #fef2f2;
  color: #dc2626;
}
.platform-plans-container .platform-plans__group-chip--purple {
  background-color: #ede9fe;
  color: #7c3aed;
}
.platform-plans-container .platform-plans__group-chip-icon {
  width: 18px;
  height: 18px;
}
.platform-plans-container .platform-plans__group-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
}
.platform-plans-container .platform-plans__group-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #111827;
}
.platform-plans-container .platform-plans__group-subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #6b7280;
}
.platform-plans-container .platform-plans__matrix-row-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #202020;
  border-right: 1px solid #eee;
  padding: 12px 16px;
}
.platform-plans-container .platform-plans__matrix-row-label.free-lead-finder-credits {
  display: flex;
  align-items: end;
  gap: 8px;
}
.platform-plans-container .platform-plans__matrix-row-label .platform-plan-card__logos {
  display: flex;
  gap: 6px;
}
.platform-plans-container .platform-plans__matrix-row-label.waterfall-enrichment {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}
.platform-plans-container .platform-plans__matrix-row-label.integrations {
  display: flex;
  gap: 8px;
}
.platform-plans-container .platform-plans__matrix-tip-label {
  text-decoration: underline dashed #cacaca;
  text-underline-offset: 4px;
}
.platform-plans-container .platform-plans__matrix-row-value {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 12px;
  min-height: 48px;
}
.platform-plans-container .platform-plans .platform-plans__matrix-row-value:not(:last-child) {
  border-right: 1px solid #eee;
}
.platform-plans-container .platform-plans__matrix-cell-text {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #374151;
}
.platform-plans-container .platform-plans__matrix-check-chip, .platform-plans-container .platform-plans__matrix-cross-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.platform-plans-container .platform-plans__matrix-check {
  width: 16px;
  height: 16px;
  color: #2563eb;
}
.platform-plans-container .platform-plans__matrix-cross {
  width: 16px;
  height: 16px;
  color: #f87171;
}
.platform-plans-container .platform-plans__matrix-accordion {
  margin-top: 16px;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-item {
  margin-bottom: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background-color: #fff;
  overflow: hidden;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-item:last-child {
  margin-bottom: 0;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-item .custom-accordion-panel {
  padding: 0;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-item .custom-accordion-panel .platform-plans__matrix-rows {
  width: 100%;
  padding-bottom: 24px;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-item .custom-accordion-heading .custom-accordion-button {
  padding: 12px 16px;
  background-color: #f9fafb;
  border-radius: 8px 8px 0 0;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-item .custom-accordion-heading .custom-accordion-button[aria-expanded=true] {
  background-color: #ffffff;
  border-bottom: 1px solid #eee;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-item .custom-accordion-panel {
  border-top: none;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordian-title {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 400;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-icon {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-button[aria-expanded=true] .custom-accordion-icon {
  transform: rotate(180deg);
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-panel {
  display: grid;
  grid-template-rows: 1fr;
  padding: 0;
  color: inherit;
  transition: grid-template-rows 0.3s ease;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-panel[hidden] {
  display: grid;
  grid-template-rows: 0fr;
}
.platform-plans-container .platform-plans__matrix-accordion .custom-accordion-panel .platform-plans__matrix-rows {
  min-height: 0;
  overflow: hidden;
}
.platform-plans-container .platform-plans__compare-anchor {
  width: 100%;
  display: flex;
  justify-content: center;
  scroll-margin-top: 16px;
}
.platform-plans-container .platform-plans__matrix-cta {
  width: 100%;
  margin-top: 8px;
}
.platform-plans-container .platform-plans__matrix-cta--selected {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}
.platform-plans-container .platform-plans__matrix-cta.platform-plans__matrix-cta--popular {
  background: #1d4ed8;
  color: #ffffff;
}
.platform-plans-container .platform-plans__chip-container {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  background: #dbeafe;
  color: #1d4ed8;
  height: 20px;
}

.platform-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 320px;
  padding: 24px 16px 32px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
}
.platform-plan-card__badge {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 32px;
  background-color: #37b489;
  margin-bottom: -14px;
  margin-top: -14px;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
}
.platform-plan-card__text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  transition: color 0.3s ease-in-out;
}
.platform-plan-card__badge-icon {
  color: #ffffff;
  fill: #ffffff;
}
.platform-plan-card__name {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #202020;
}
.platform-plan-card__accent {
  display: block;
  width: 64px;
  height: 3px;
  margin-top: 6px;
  border-radius: 0.25rem;
  background-color: rgba(251, 191, 36, 0.7019607843);
}
.platform-plan-card__accent--hidden {
  opacity: 0;
}
.platform-plan-card__blurb {
  margin: 12px 0 0;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
}
.platform-plan-card__price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: 16px;
}
.platform-plan-card__amount {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  color: #202020;
}
.platform-plan-card__period {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
}
.platform-plan-card__billed {
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.platform-plan-card__billed-amount {
  text-decoration: underline dashed;
  text-underline-offset: 4px;
  text-decoration-color: #cacaca;
}
.platform-plan-card__save-pill {
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: 8px;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid #37b489;
  color: #37b489;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.platform-plan-card__cta {
  width: 100%;
  margin: 24px 0 20px;
}
.platform-plan-card__cta span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.platform-plan-card__cta.platform-plan-card__cta--popular, .platform-plan-card__cta.platform-plan-card__cta--sales {
  background: #1d4ed8;
  color: #ffffff;
}
.platform-plan-card__cta.platform-plan-card__cta--current {
  background: #1d4ed8;
  color: #ffffff;
}
.platform-plan-card__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.platform-plan-card__quotas {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: baseline;
  column-gap: 8px;
  row-gap: 10px;
}
.platform-plan-card__quotas > li {
  display: contents;
}
.platform-plan-card__quota-label {
  text-decoration: underline dashed;
  text-underline-offset: 3px;
  -webkit-text-decoration-color: #cacaca;
  text-decoration-color: #cacaca;
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
}
.platform-plan-card__quota-value {
  font-weight: 600;
  font-size: 14px;
}
.platform-plan-card__section-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
}
.platform-plan-card__section-divider::before, .platform-plan-card__section-divider::after {
  content: "";
  flex: 1 1 auto;
  border-top: 1px solid #e5e7eb;
}
.platform-plan-card__section-label {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #6b7280;
}
.platform-plan-card__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.platform-plan-card__feature.waterfall-enrichment-feature-main {
  flex-direction: column;
}
.platform-plan-card__feature-main-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.platform-plan-card__check {
  color: #2563eb;
  flex-shrink: 0;
  margin-top: 2px;
}
.platform-plan-card__check--child {
  width: 12px;
  height: 12px;
  margin-top: 3px;
}
.platform-plan-card__feature-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}
.platform-plan-card__feature-main {
  display: flex;
  align-items: center;
  gap: 6px;
}
.platform-plan-card__feature-label {
  text-decoration: underline dashed;
  text-underline-offset: 3px;
  -webkit-text-decoration-color: #cacaca;
  text-decoration-color: #cacaca;
  color: #6b7280;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.platform-plan-card__feature-label.waterfall-enrichment-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #0a090b;
}
.platform-plan-card__feature-children {
  list-style: none;
  margin-left: 9px;
  padding-left: 16px;
  border-left: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.platform-plan-card__feature-child {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.platform-plan-card__feature-child::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 10px;
  width: 12px;
  height: 1px;
  background-color: #e5e7eb;
}
.platform-plan-card__logos {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.platform-plan-card__logos--multichannel {
  gap: 4px;
}
.platform-plan-card__logos--multichannel .platform-plan-card__logo-slot .platform-plan-card__logo-icon .platform-plan-card__logo {
  width: 14px;
  height: 14px;
}
.platform-plan-card__logos--enrichment-primary {
  gap: 8px;
}
.platform-plan-card__logos--enrichment-primary .platform-plan-card__logo-slot .platform-plan-card__logo {
  width: 16px;
  height: 16px;
}
.platform-plan-card__logos--enrichment-verified {
  gap: 8px;
}
.platform-plan-card__logos--integrations, .platform-plan-card__logos--api-no-code, .platform-plan-card__logos--mcp-cli {
  gap: 6px;
}
.platform-plan-card__feature-child .platform-plan-card__logos {
  margin-top: 6px;
}
.platform-plan-card__logo-slot {
  display: inline-flex;
  align-items: center;
}
.platform-plan-card__logo {
  display: block;
  width: auto;
  height: 17px;
  width: 17px;
  object-fit: contain;
}
.platform-plan-card__logo-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #9ca3af;
}
.platform-plan-card__logo--placeholder {
  width: 14px;
  height: 14px;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
}
.platform-plan-card__compare {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 4px;
  padding-top: 24px;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  color: #1d4ed8;
}
.platform-plan-card__compare:hover {
  color: #346aff;
}
.platform-plan-card__compare:focus {
  outline: 0;
}
.platform-plan-card__compare-icon {
  width: 16px;
  height: 16px;
}
.platform-plan-card__tier .bs-select-box {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: auto;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0137fc;
  cursor: pointer;
}
.platform-plan-card__tier .bs-select-box:hover {
  color: #346aff;
}
.platform-plan-card__tier .bs-select-box:focus {
  outline: 0;
  box-shadow: none;
}
.platform-plan-card__tier .bs-select-box .bs-select-box-icon-wrapper {
  margin: 0px;
}
.platform-plan-card__tier .bs-select-box-text {
  color: #0137fc;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 22px;
  text-decoration: underline;
  text-decoration-color: #1d4ed8;
  text-decoration-style: dashed;
  text-underline-offset: 5px;
}
.platform-plan-card__tier .bs-select-box-icon-wrapper svg {
  width: 16px;
  height: 16px;
  color: currentColor;
}
.platform-plan-card__tier-select {
  min-width: 120px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.platform-plan-card__tier-select.transfer-overlay {
  padding: 0px;
}
.platform-plan-card__tier-select .transfer-container .transfer-body {
  padding: 6px 0;
}
.platform-plan-card__tier-select .transfer-container .transfer-body .transfer-content .transfer-list div li {
  padding: 4px 10px;
}
.platform-plan-card__tier-option {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.platform-plan-card__tier-option-check {
  width: 16px;
  height: 16px;
  color: #0137fc;
}

.platform-purchase-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background-color: #fff;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
}
.platform-purchase-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  max-width: 1204px;
  margin: 0 auto;
  padding: 16px 32px;
}
.platform-purchase-bar__summary {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 0;
}
.platform-purchase-bar__details {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.platform-purchase-bar__plan-name {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  line-height: 1.5;
}
.platform-purchase-bar__cycle {
  font-weight: 400;
  color: #6b7280;
}
.platform-purchase-bar__addon {
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.25;
}
.platform-purchase-bar__divider {
  flex-shrink: 0;
  width: 1px;
  align-self: stretch;
  min-height: 20px;
  max-height: 43px;
  background-color: #e5e7eb;
}
.platform-purchase-bar__pricing {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.platform-purchase-bar__total-price {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  line-height: 1.5;
}
.platform-purchase-bar__addon-price {
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.25;
}
.platform-purchase-bar__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 768px) {
  .platform-purchase-bar__inner {
    flex-wrap: wrap;
    padding: 12px 16px;
    gap: 16px;
  }
  .platform-purchase-bar__summary {
    width: 100%;
    gap: 16px;
  }
  .platform-purchase-bar__cta {
    width: 100%;
  }
}

.platform-plan-card__cta--selected:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}

.webhook {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.webhook--header .webhook-header-content-right {
  display: flex;
  gap: 0.5rem;
}
.webhook--header .webhook-header-content-right .premium-feature-wrapper {
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webhook--header .webhook-header-content-right .premium-feature-wrapper img {
  width: 1rem;
  height: 1rem;
}
.webhook--header .webhook-header-content-left,
.webhook--header .webhook-details-header {
  flex-direction: row;
  align-items: center;
}
.webhook--header .webhook-header-content-left p,
.webhook--header .webhook-details-header p {
  margin: 0 !important;
}
.webhook--header .webhook-view-setup-guide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 0.25rem;
  height: 28px;
  padding: 0.25rem 0.75rem;
  border-radius: 0.875rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  transition: all 0.2s ease;
}
.webhook--header .webhook-view-setup-guide:hover {
  border-color: #93c5fd;
}
.webhook--header .webhook-view-setup-guide .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  width: 1.125rem;
}
.webhook--header .webhook-view-setup-guide .icon svg {
  color: #4b5563;
}
.webhook--header .webhook-view-setup-guide .text {
  color: #4b5563;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.webhook--header .webhook-details-status {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.5rem;
  width: 6.25rem;
  height: 1.25rem;
}
.webhook--header .webhook-details-status .switchToggle {
  width: 2.5rem;
  height: 1.25rem;
}
.webhook--header .webhook-details-status .switchToggle label {
  min-width: 2.5rem;
  height: 1.25rem;
  margin: 0;
}
.webhook--header .webhook-details-status .switchToggle label::after {
  width: 1rem;
  height: 1rem;
}
.webhook--header .webhook-details-status .switchToggle input:checked + label {
  background-color: #1d4ed8;
}
.webhook--header .webhook-details-status p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.webhook--header .webhook-back-btn {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webhook--header .webhook-back-btn svg {
  width: 100%;
  height: 100%;
  color: #1f2937;
}
.webhook--header.webhook-details-and-logs-header {
  margin: 0;
  background-color: #fff;
}
.webhook--empty-ui {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.webhook--empty-ui .webhook-empty-ui-image {
  width: 5rem;
  height: 5rem;
}
.webhook--empty-ui h1 {
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.webhook--table .table-organism-header {
  background-color: #f3f4f6 !important;
}
.webhook--table .table-organism-header tr:hover {
  background-color: inherit !important;
}
.webhook--table .table-organism-header > tr > th {
  height: 2.375rem;
  padding: 0.5rem 0.75rem;
}
.webhook--table .table-organism-header > tr > th:first-of-type {
  padding-left: 1.5rem !important;
  border-radius: 0 !important;
}
.webhook--table .table-organism-header > tr > th:last-of-type {
  min-width: 2.8125rem;
  width: 2.8125rem;
  padding-right: 1.5rem !important;
  border-radius: 0 !important;
}
.webhook--table .table-organism-body tr td {
  height: 2.5rem;
  max-height: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.webhook--table .table-organism-body tr td:first-of-type {
  padding-left: 1.5rem !important;
  border-left: 0.0625rem solid #e5e7eb !important;
}
.webhook--table .table-organism-body tr td:last-of-type {
  padding-right: 1.5rem !important;
  border-right: 0.0625rem solid #e5e7eb !important;
}
.webhook--table .table-organism-body tr td:last-of-type .grid-action .btn-solid {
  padding: 0 !important;
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webhook--table .table-organism-body tr td:last-of-type .grid-action .btn-solid:hover {
  background-color: #eff6ff;
}
.webhook--table .table-organism-body tr td:last-of-type .grid-action .btn-solid .icon-hover {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.webhook--table .table-organism-body tr td:last-of-type .grid-action .btn-solid .icon-hover:hover {
  background-color: transparent;
}
.webhook--table p {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.webhook--table .webhook-status-cell .switchToggle {
  width: 1.75rem;
  height: 1rem;
}
.webhook--table .webhook-status-cell .switchToggle input:checked + label {
  background: #1d4ed8;
}
.webhook--table .webhook-name-cell p {
  font-weight: 500;
}
.webhook--table .webhook-url-cell p {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.webhook--table .webhook-url-cell .webhook-failed-icon {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.webhook--table .webhook-url-cell .webhook-failed-icon svg {
  width: 1rem;
  height: 1rem;
  color: #b91c1c;
}
.webhook--table .trigger-event-cell .trigger-event-label {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}
.webhook--form {
  width: 61.16%;
}
.webhook--form .webhook-form-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.webhook--form .pdr-30 {
  padding-right: 1.875rem;
}
.webhook--form .webhook-form-field {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.3125rem;
  flex: 1;
}
.webhook--form .webhook-form-field .webhook-form-field-label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.webhook--form .webhook-form-field .webhook-form-field-label p {
  margin: 0;
  color: #6b7280;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.webhook--form .webhook-form-field .webhook-form-field-label svg {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
}
.webhook--form .webhook-form-field .webhook-form-field-input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
}
.webhook--form .webhook-form-field .webhook-form-field-input input,
.webhook--form .webhook-form-field .webhook-form-field-input textarea {
  height: 2rem;
  padding: 0.375rem 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #fff;
  transition: all 0.2s ease;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.webhook--form .webhook-form-field .webhook-form-field-input input::placeholder,
.webhook--form .webhook-form-field .webhook-form-field-input textarea::placeholder {
  color: #9ca3af;
}
.webhook--form .webhook-form-field .webhook-form-field-input input:focus, .webhook--form .webhook-form-field .webhook-form-field-input input:focus-visible, .webhook--form .webhook-form-field .webhook-form-field-input input:focus-within, .webhook--form .webhook-form-field .webhook-form-field-input input:active, .webhook--form .webhook-form-field .webhook-form-field-input input:hover,
.webhook--form .webhook-form-field .webhook-form-field-input textarea:focus,
.webhook--form .webhook-form-field .webhook-form-field-input textarea:focus-visible,
.webhook--form .webhook-form-field .webhook-form-field-input textarea:focus-within,
.webhook--form .webhook-form-field .webhook-form-field-input textarea:active,
.webhook--form .webhook-form-field .webhook-form-field-input textarea:hover {
  outline: none;
  border-color: #1d4ed8;
  box-shadow: none;
}
.webhook--form .webhook-form-field .webhook-form-field-input textarea {
  height: 4.5rem;
  resize: none;
}
.webhook--form .webhook-form-field .webhook-form-field-input span {
  color: #b91c1c !important;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem !important;
}
.webhook--form .webhook-form-field .webhook-form-field-input.input-error input,
.webhook--form .webhook-form-field .webhook-form-field-input.input-error textarea {
  border-color: #b91c1c;
  box-shadow: none;
}
.webhook--form .webhook-form-field .webhook-form-field-input.input-error input:focus, .webhook--form .webhook-form-field .webhook-form-field-input.input-error input:focus-visible, .webhook--form .webhook-form-field .webhook-form-field-input.input-error input:focus-within, .webhook--form .webhook-form-field .webhook-form-field-input.input-error input:active, .webhook--form .webhook-form-field .webhook-form-field-input.input-error input:hover,
.webhook--form .webhook-form-field .webhook-form-field-input.input-error textarea:focus,
.webhook--form .webhook-form-field .webhook-form-field-input.input-error textarea:focus-visible,
.webhook--form .webhook-form-field .webhook-form-field-input.input-error textarea:focus-within,
.webhook--form .webhook-form-field .webhook-form-field-input.input-error textarea:active,
.webhook--form .webhook-form-field .webhook-form-field-input.input-error textarea:hover {
  outline: none;
  border-color: #b91c1c;
  box-shadow: none;
}
.webhook--form .webhook-form-field .webhook-form-field-helper-text {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  margin: 0;
}
.webhook--form .event-to-send {
  padding-bottom: 1.5rem;
}
.webhook--form .event-to-send .example-data-btn {
  color: #1d4ed8;
  text-align: right;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.webhook--form .event-to-send .example-data-btn svg {
  width: 1rem;
  height: 1rem;
}
.webhook--form .event-to-send .events-container {
  margin-top: 0.1875rem;
  padding: 0.5rem 0rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
}
.webhook--form .event-to-send .events-container .event {
  width: 100%;
}
.webhook--form .event-to-send .events-container .event .bs-checkbox-wrapper {
  padding: 0.5rem 1rem;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.webhook--form .event-to-send .events-container .event .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.webhook--form .event-to-send .events-container .event .bs-checkbox-wrapper .bs-checkbox + span {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  padding: 0;
}
.webhook--form .event-to-send .events-container .event .bs-checkbox-wrapper:hover {
  background: #eff6ff;
}
.webhook--form .event-to-send .events-container .event .bs-checkbox-wrapper .checkbox-label-text {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.webhook--form .event-to-send .events-container .event .event-help-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: help;
}
.webhook--form .event-to-send .events-container .event .event-help-icon svg {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
}
.webhook--form .http-headers {
  display: flex;
  gap: 0.625rem;
}
.webhook--form .http-headers .http-headers-help-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webhook--form .http-headers .http-headers-help-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
}
.webhook--form .accordion {
  width: 100%;
  border-radius: 0.25rem;
  background: #f9fafb;
}
.webhook--form .accordion .accordion__item {
  border: 0.0625rem solid #d1d5db;
  padding: 0.625rem 1rem;
  border-radius: 0.25rem !important;
  background-color: transparent !important;
}
.webhook--form .accordion .accordion__item .accordion__heading {
  background-color: transparent !important;
}
.webhook--form .accordion .accordion__item .accordion__heading .accordion:hover {
  background-color: transparent !important;
}
.webhook--form .accordion .accordion__item .accordion__heading .accordion__button {
  height: 1.25rem;
  padding: 0;
  display: flex;
  justify-content: space-between;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  background-color: transparent !important;
}
.webhook--form .accordion .accordion__item .accordion__heading .accordion__button .http-header-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.webhook--form .accordion .accordion__item .accordion__heading .accordion__button .optional-txt {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
  cursor: default !important;
}
.webhook--form .accordion .accordion__item .accordion__heading .accordion__button .accordion:hover {
  background-color: transparent !important;
}
.webhook--form .accordion .accordion__item .accordion__heading .accordion__button::before {
  display: none;
}
.webhook--form .accordion .accordion__item .accordion__panel {
  padding: 0.625rem 0 0 1.5rem;
}
.webhook--form .accordion .accordion__item .accordion__panel .header-input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.webhook--form .accordion .accordion__item .accordion__panel .header-input {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-right: 1.5rem;
  position: relative;
}
.webhook--form .accordion .accordion__item .accordion__panel .header-input .webhook-form-field {
  width: 14rem;
}
.webhook--form .accordion .accordion__item .accordion__panel .header-input .delete-header-input-btn {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  padding: 0;
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  transition: all 0.3s ease;
  position: absolute;
  right: 0;
  bottom: 0.5rem;
}
.webhook--form .accordion .accordion__item .accordion__panel .header-input .delete-header-input-btn:focus, .webhook--form .accordion .accordion__item .accordion__panel .header-input .delete-header-input-btn:hover, .webhook--form .accordion .accordion__item .accordion__panel .header-input .delete-header-input-btn:focus-visible {
  color: #1f2937;
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
}
.webhook--form .accordion .accordion__item .accordion__panel .add-new-header-btn {
  margin-top: 0.5rem;
  padding-left: 0;
  padding-right: 0;
  height: 2rem;
}
.webhook--form .accordion .accordion__item .accordion__panel .add-new-header-btn:hover, .webhook--form .accordion .accordion__item .accordion__panel .add-new-header-btn:focus {
  background-color: transparent;
}
.webhook--footer {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  width: 100%;
  height: 4rem;
  background-color: #fff;
  border: 0.0625rem solid #e8eff5;
  border-top: none;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.webhook .webhook-content-wrapper {
  display: flex;
  gap: 1.5rem;
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border: 0.0625rem solid #e8eff5;
  background: #fff;
}
.webhook .webhook-content-wrapper.isExpanded .webhook--form {
  display: none;
}
.webhook .webhook-content-wrapper.isExpanded .webhook-req-res-preview {
  width: 100%;
}
.webhook .webhook-content-wrapper .webhook-req-res-preview {
  margin-top: 1.3125rem;
  width: 38.84%;
  height: 25.375rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #f9fafb;
  padding: 1rem;
}
.webhook .webhook-content-wrapper .webhook-req-res-preview.success {
  border: 0.0625rem solid #6ee7b7;
}
.webhook .webhook-content-wrapper .webhook-req-res-preview.failed {
  border: 0.0625rem solid #fca5a5;
}

.webhook-lg-tooltip .tooltip-inner {
  max-width: 252px !important;
}

.webhook-url-tooltip .tooltip-inner {
  max-width: 17.125rem !important;
}

.http-headers-help-tooltip .tooltip-inner {
  max-width: 16.3125rem !important;
}

.webhook-delete-modal.confirmation-modal-v3 .modal-dialog {
  width: 28.125rem !important;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-header {
  min-height: auto;
  padding: 1.5rem !important;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title .confirmation-modal-v3--title {
  padding: 0;
  align-items: center;
  gap: 0.625rem;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title .confirmation-modal-v3--title img,
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title .confirmation-modal-v3--title svg {
  margin: 0;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-header .modal-title .confirmation-modal-v3--title h2 {
  margin: 0;
  line-height: 1 5rem;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body {
  padding: 1.5rem !important;
  padding-top: 0 !important;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body p {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-footer {
  margin: 0 1.5rem 1.25rem 1.5rem;
  border-top: 0.0625rem solid #f3f4f6;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-footer button {
  min-width: 6.25rem;
  border: none;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-footer button.cancel-btn {
  color: #6b7280 !important;
}
.webhook-delete-modal.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons button:last-of-type {
  margin-left: 1rem !important;
}

.webhook-details-and-logs-tabs {
  height: 100%;
  background-color: #fff;
}
.webhook-details-and-logs-tabs .bs-tabs-content-holder {
  display: flex;
}
.webhook-details-and-logs-tabs .bs-tabs-content-holder .bs-tabs-content {
  flex: 1;
}
.webhook-details-and-logs-tabs .bs-tabs-content-holder .bs-tabs-tabpane {
  display: flex;
  flex: 1;
}
.webhook-details-and-logs-tabs .bs-tabs-nav {
  margin-bottom: 1.5rem !important;
  display: flex;
  align-items: start !important;
}
.webhook-details-and-logs-tabs .bs-tabs-nav::before {
  border-bottom: 0rem solid #e8e8e8 !important;
}
.webhook-details-and-logs-tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 1.875rem !important;
  align-self: auto !important;
  top: 0;
}
.webhook-details-and-logs-tabs .webhook-logs {
  overflow-y: auto;
  display: flex;
  flex: 1;
  gap: 3rem;
  padding: 1.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e8eff5;
  background: #fff;
}
.webhook-details-and-logs-tabs .webhook-logs.isExpanded .webhook-logs--list {
  display: none;
}
.webhook-details-and-logs-tabs .webhook-logs.isExpanded .webhook-logs--selected {
  width: 100%;
}
.webhook-details-and-logs-tabs .webhook-logs .selected-log-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.webhook-details-and-logs-tabs .webhook-logs .selected-log-details h1 {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.webhook-details-and-logs-tabs .webhook-logs .selected-log-details p {
  color: #6b7280;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.webhook-details-and-logs-tabs .webhook-logs--list {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  width: 61.16%;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid #eaedef;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-header h1 {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-header .bs-select-box {
  width: 8.75rem;
  padding: 0.375rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 0.0625rem solid #d1d5db;
  background: #fff;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-header .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows {
  width: 100%;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row .left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row .log-type-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  margin-top: 0.125rem;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row .log-type-dot.success {
  background-color: #10b981;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row .log-type-dot.failed {
  background-color: #ef4444;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row.active {
  background-color: #dbeafe;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row.active:hover {
  background-color: #dbeafe;
}
.webhook-details-and-logs-tabs .webhook-logs--list .webhook-logs-list-rows .webhook-logs-list-row:hover {
  background-color: #f9fafb;
}
.webhook-details-and-logs-tabs .webhook-logs--selected {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  width: 38.84%;
  height: max-content;
}
.webhook-details-and-logs-tabs .webhook-logs--selected.visible {
  background: #f9fafb;
}
.webhook-details-and-logs-tabs .webhook-logs--selected .log-view {
  font-size: 0.75rem !important;
}
.webhook-details-and-logs-tabs .webhook-logs--selected {
  border-radius: 0.25rem;
  padding: 1rem;
}
.webhook-details-and-logs-tabs .webhook-logs--selected .webhook-req-res-preview {
  width: 100%;
}
.webhook-details-and-logs-tabs .webhook-logs--selected .code-preview-header {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}

.http-header-loader {
  border: 0.0625rem solid #d1d5db;
  padding: 0.625rem 1rem;
  border-radius: 0.25rem !important;
  background: #f9fafb;
  width: 35.125rem;
  display: flex;
  justify-content: space-between;
}

.events-container-loader {
  margin-top: 0.1875rem;
  padding: 0.625rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
}

.webhook-req-res-preview {
  display: flex;
  flex-direction: column;
}
.webhook-req-res-preview--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.webhook-req-res-preview--header .header-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.webhook-req-res-preview--header .header-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.webhook-req-res-preview--header h1 {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.webhook-req-res-preview--header .webhook-response-badge {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem 0.125rem 0.625rem;
  border-radius: 0.75rem;
  background: #d1fae5;
}
.webhook-req-res-preview--header .webhook-response-badge span {
  color: #065f46;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.webhook-req-res-preview--header .webhook-response-badge svg {
  width: 1rem;
  height: 1rem;
  color: #10b981;
}
.webhook-req-res-preview--header .webhook-response-badge.failed span {
  color: #991b1b;
}
.webhook-req-res-preview--header .webhook-response-badge.failed svg {
  color: #ef4444;
}
.webhook-req-res-preview--header .webhook-response-badge.failed {
  background: #fee2e2;
}
.webhook-req-res-preview .last-triggered {
  margin: 0;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.125rem;
  margin-top: 0.5rem;
}
.webhook-req-res-preview--code {
  position: relative;
  display: flex;
  flex: 1;
  margin-top: 1rem !important;
  padding: 0.75rem !important;
  border-radius: 0.25rem;
  background-color: #fff;
  border: 0.0625rem solid #f3f4f6;
}
.webhook-req-res-preview--code pre {
  margin: 0 !important;
  flex: 1;
}
.webhook-req-res-preview--code pre code span {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.webhook-req-res-preview--code pre code span.hljs-string {
  color: #1d4ed8;
}
.webhook-req-res-preview--code .json-copy-btn {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}
.webhook-req-res-preview--code .json-copy-btn svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #9ca3af;
}
.webhook-req-res-preview--code .json-copy-btn:hover svg {
  color: #1f2937;
}

.code-loader {
  width: 100%;
  min-height: 10.375rem;
  flex-direction: column;
}
.code-loader * {
  width: 100% !important;
}

.mb-24px {
  margin-bottom: 1.5rem;
}

.no-logs-found {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.no-logs-found h1 {
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.no-logs-found p {
  color: #6b7280;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}

.premium-feature-tooltip .arrow {
  top: 0.625rem !important;
}
.premium-feature-tooltip .tooltip-inner {
  margin-top: 0.625rem !important;
  max-width: 15.25rem !important;
}

.plan-restriction-modal .modal-dialog {
  width: 28.125rem !important;
}
.plan-restriction-modal .bs-modal-body {
  padding: 0 !important;
}
.plan-restriction-modal--title {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 0.125rem solid #f3f4f6;
  border-bottom: none;
}
.plan-restriction-modal--title .title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.plan-restriction-modal--title .title .title-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.plan-restriction-modal--title .title .title-icon svg {
  width: 100%;
  height: 100%;
  color: #1d4ed8;
}
.plan-restriction-modal--title .title h1 {
  color: #1f2937;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin: 0;
  font-weight: 600;
}
.plan-restriction-modal--description {
  padding: 0 1.5rem 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  border: 0.125rem solid #f3f4f6;
  border-top: none;
  border-bottom: none;
}
.plan-restriction-modal--title p, .plan-restriction-modal--description p {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
}
.plan-restriction-modal--title p span.bold, .plan-restriction-modal--description p span.bold {
  font-weight: 600;
}
.plan-restriction-modal--action {
  display: flex;
  align-items: center;
  padding: 0 1.5rem 1.5rem 1.5rem;
  border: 0.125rem solid #f3f4f6;
  border-top: none;
  border-bottom: none;
}
.plan-restriction-modal--divider {
  display: flex;
  align-items: center;
  width: 25.125rem;
  height: 0.125rem;
  border-radius: 0.25rem;
  margin: 0 24px;
  background-color: #f3f4f6;
}
.plan-restriction-modal--footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  height: 4.5rem;
  padding: 1.25rem 1.5rem;
  border-radius: 0 0 0.25rem 0.25rem;
  border: 0.125rem solid #f3f4f6;
  border-top: none;
}
.plan-restriction-modal--footer .shd-button--secondary {
  width: 6.25rem;
  color: #6b7280;
  border-color: #e5e7eb;
}
.plan-restriction-modal--footer .shd-button--secondary:hover, .plan-restriction-modal--footer .shd-button--secondary:active, .plan-restriction-modal--footer .shd-button--secondary:focus {
  color: #1d4ed8;
  background-color: transparent;
  border-color: #1d4ed8;
}

.webhook-spinner {
  width: 1.125rem;
  height: 1.125rem;
  border-width: 0.1875rem;
  border-color: #1d4ed8;
  border-right-color: transparent;
}

.cursor-default {
  cursor: default !important;
}

.trigger-event-popover {
  width: 13.75rem !important;
  max-height: 10.625rem;
  margin-left: -1.5rem !important;
  padding: 0.5rem 0rem !important;
}
.trigger-event-popover .popover-body {
  width: 100%;
}
.trigger-event-popover {
  display: flex;
  border-radius: 0.5rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
  background: #fff !important;
  box-shadow: 0.1875rem 0.5rem 1.5rem -0.375rem rgba(15, 34, 67, 0.16) !important;
}
.trigger-event-popover .arrow {
  display: none;
}
.trigger-event-popover .bs-popover-inner-content {
  padding: 0 !important;
}
.trigger-event-popover .trigger-event-popover-content h2 {
  display: flex;
  align-items: center;
  padding: 0.625rem 1rem;
  margin: 0;
  color: #4b5563;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.trigger-event-popover .trigger-event-popover-content .trigger-event-wrapper {
  max-height: 108px;
  overflow-y: auto;
}
.trigger-event-popover .trigger-event-popover-content .trigger-event {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0.5rem 1rem;
  height: 2.25rem;
}
.trigger-event-popover .trigger-event-popover-content .trigger-event p {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mcp-settings-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mcp-settings-container .mcp-settings-table-list {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
  padding-bottom: 1.5rem;
}

.mcp-settings-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mcp-settings-header__left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.mcp-settings-header__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.mcp-settings-header__badge {
  padding: 0.125rem 0.375rem;
  background-color: #1d4ed8;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0.25rem;
  letter-spacing: 0.05em;
  line-height: 1;
}

.mcp-info-banner {
  background-color: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 0.5rem;
  padding: 1.25rem;
  position: relative;
  margin-bottom: 1.5rem;
}
.mcp-info-banner__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  padding: 0.25rem;
  line-height: 1;
}
.mcp-info-banner__close:hover {
  color: #6b7280;
}
.mcp-info-banner__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  padding-right: 1.5rem;
}
.mcp-info-banner__icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 0.25rem;
  border: 1px solid #dbeafe;
  flex-shrink: 0;
  color: #1d4ed8;
}
.mcp-info-banner__title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0.25rem;
}
.mcp-info-banner__desc {
  font-size: 0.875rem;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
}
.mcp-info-banner__comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.mcp-info-banner__comparison-card {
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #dbeafe;
}
.mcp-info-banner__comparison-label {
  display: block;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.mcp-info-banner__comparison-label--without {
  color: #9ca3af;
}
.mcp-info-banner__comparison-label--with {
  color: #10b981;
}
.mcp-info-banner__comparison-text {
  font-size: 0.8125rem;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
}
.mcp-info-banner__comparison-prompt {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
}
.mcp-info-banner__comparison-prompt-text {
  font-size: 0.8125rem;
  color: #1f2937;
  font-style: italic;
  margin: 0;
}

.mcp-sessions-table-wrapper {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}

.mcp-sessions-table {
  width: 100%;
  text-align: left;
}
.mcp-sessions-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
}
.mcp-sessions-table thead tr {
  border-bottom: 1px solid #e5e7eb;
}
.mcp-sessions-table th {
  padding: 0.75rem 1.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
}
.mcp-sessions-table__row {
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 0.15s ease;
}
.mcp-sessions-table__row:hover {
  background-color: #f9fafb;
}
.mcp-sessions-table__row td {
  padding: 0.75rem 1.25rem;
}
.mcp-sessions-table__tool-cell {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.mcp-sessions-table__tool-icon {
  width: 1.75rem;
  height: 1.75rem;
  background: #eff6ff;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1d4ed8;
  flex-shrink: 0;
  font-size: 0.75rem;
}
.mcp-sessions-table__tool-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #111827;
}
.mcp-sessions-table__user {
  font-size: 0.8125rem;
  color: #6b7280;
}
.mcp-sessions-table__date {
  font-size: 0.8125rem;
  color: #6b7280;
}
.mcp-sessions-table__action-col {
  width: 3rem;
  text-align: left;
}
.mcp-sessions-table__delete-btn {
  padding: 0.25rem;
  color: #f5222d;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: color 0.15s ease;
}
.mcp-sessions-table__delete-btn:hover {
  color: #cf1322;
}

.mcp-setup-modal .modal-dialog {
  max-width: 36rem;
}
.mcp-setup-modal .bs-modal-header {
  padding: 1rem 1.25rem;
}
.mcp-setup-modal .modal-content-container {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
.mcp-setup-modal .bs-modal-body {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.mcp-setup-modal__header-content {
  display: flex;
  align-items: start;
  gap: 0.75rem;
}
.mcp-setup-modal__header-icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  border-radius: 0.25rem;
  color: #1d4ed8;
  flex-shrink: 0;
}
.mcp-setup-modal__header-title {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.mcp-setup-modal__header-step {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}
.mcp-setup-modal__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.mcp-setup-modal__section-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.mcp-setup-modal__tool-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.mcp-setup-modal__tool-card {
  padding: 0.875rem;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 0.5rem;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  transition: all 0.15s ease;
  position: relative;
  overflow: hidden;
}
.mcp-setup-modal__tool-card:hover {
  border-color: #1d4ed8;
  background: #fafbff;
}
.mcp-setup-modal__auth-tag {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.125rem 0.5rem;
  font-size: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom-left-radius: 0.375rem;
}
.mcp-setup-modal__auth-tag--oauth {
  background: #f9fafb;
  color: #9ca3af;
}
.mcp-setup-modal__auth-tag--api-key {
  background: #fffbeb;
  color: #d97706;
  border-left: 1px solid #fde68a;
  border-bottom: 1px solid #fde68a;
}
.mcp-setup-modal__tool-icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.mcp-setup-modal__tool-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mcp-setup-modal__tool-desc {
  font-size: 0.75rem;
  color: #9ca3af;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mcp-setup-modal__tool-info {
  min-width: 0;
}
.mcp-setup-modal__connect {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.mcp-setup-modal__platform-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mcp-setup-modal__platform-label {
  font-size: 0.6875rem;
  font-weight: 700;
  color: #9ca3af;
  text-transform: uppercase;
}
.mcp-setup-modal__platform-value {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1d4ed8;
  background: #eff6ff;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #dbeafe;
}
.mcp-setup-modal__prerequisites {
  padding: 0.75rem;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 0.25rem;
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.mcp-setup-modal__prerequisites p {
  font-size: 0.8125rem;
  color: #92400e;
  line-height: 1.5;
  margin: 0;
}
.mcp-setup-modal__prereq-icon {
  color: #f59e0b;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.mcp-setup-modal__instructions-box {
  background: #f9fafb;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mcp-setup-modal__step-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mcp-setup-modal__step-heading {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.mcp-setup-modal__step-number {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #1d4ed8;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mcp-setup-modal__url-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
}
.mcp-setup-modal__url-text {
  flex: 1;
  font-family: monospace;
  font-size: 0.8125rem;
  color: #374151;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mcp-setup-modal__copy-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
}
.mcp-setup-modal__copy-btn--copied {
  background-color: #10b981 !important;
  border-color: #10b981 !important;
}
.mcp-setup-modal__steps-list {
  padding-left: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.mcp-setup-modal__step-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #6b7280;
  line-height: 1.5;
}
.mcp-setup-modal__step-dot {
  margin-top: 0.5rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #d1d5db;
  flex-shrink: 0;
}
.mcp-setup-modal__external-link-wrapper {
  padding-left: 1.75rem;
  padding-top: 0.25rem;
}
.mcp-setup-modal__external-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  text-decoration: none;
  transition: all 0.15s ease;
}
.mcp-setup-modal__external-link:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
}
.mcp-setup-modal__security-note {
  padding: 0.75rem;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 0.25rem;
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.mcp-setup-modal__security-note p {
  font-size: 0.8125rem;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
}
.mcp-setup-modal__security-icon {
  color: #1d4ed8;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.mcp-setup-modal__api-badge {
  font-size: 0.5625rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #92400e;
  background: #fffbeb;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  border: 1px solid #fef3c7;
  letter-spacing: 0.05em;
}
.mcp-setup-modal__api-key-info {
  padding: 0.75rem;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 0.5rem;
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.mcp-setup-modal__api-key-info p {
  font-size: 0.6875rem;
  color: #1f2937;
  line-height: 1.5;
  margin: 0;
  font-weight: 500;
}
.mcp-setup-modal__api-key-info-icon {
  color: #1d4ed8;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.mcp-setup-modal__api-steps {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-left: 0.25rem;
}
.mcp-setup-modal__api-step {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mcp-setup-modal__api-step-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mcp-setup-modal__api-step-content, .mcp-setup-modal__api-step-body {
  padding-left: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mcp-setup-modal__api-step-title {
  font-size: 0.75rem;
  font-weight: 700;
  color: #111827;
  margin: 0;
  flex: 1;
}
.mcp-setup-modal__api-step-desc {
  font-size: 0.6875rem;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
  font-weight: 500;
}
.mcp-setup-modal__api-step-desc strong {
  color: #111827;
}
.mcp-setup-modal__generate-btn {
  flex-shrink: 0;
}
.mcp-setup-modal__generated-section {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.mcp-setup-modal__generated-url {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  background: #fff;
  border: 1px solid #1d4ed8;
  border-radius: 0.5rem;
  font-family: monospace;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.mcp-setup-modal__url-with-toggle {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex: 1;
  min-width: 0;
}
.mcp-setup-modal__icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.15s ease;
}
.mcp-setup-modal__icon-btn:hover {
  color: #6b7280;
}
.mcp-setup-modal__url-copy-btn {
  flex-shrink: 0;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.5625rem;
  font-weight: 700;
  background: #1d4ed8;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
}
.mcp-setup-modal__url-copy-btn:hover {
  background: rgb(9.4786714686%, 25.4943577431%, 70.599759904%);
}
.mcp-setup-modal__url-copy-btn--copied {
  background: #10b981;
}
.mcp-setup-modal__url-copy-btn--copied:hover {
  background: #10b981;
}
.mcp-setup-modal__success-note {
  font-size: 0.625rem;
  color: #10b981;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.mcp-setup-modal__success-note em {
  font-style: italic;
}
.mcp-setup-modal__config-example {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.mcp-setup-modal__config-label {
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #9ca3af;
}
.mcp-setup-modal__config-block-wrapper {
  position: relative;
}
.mcp-setup-modal__config-block-wrapper:hover .mcp-setup-modal__config-copy-btn {
  opacity: 1;
}
.mcp-setup-modal__config-block {
  background: #0f172a;
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 0;
  overflow-x: auto;
}
.mcp-setup-modal__config-block code {
  font-family: monospace;
  font-size: 0.625rem;
  color: #cbd5e1;
  white-space: pre;
}
.mcp-setup-modal__config-copy-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  background: #1e293b;
  border: none;
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  opacity: 0;
  transition: all 0.15s ease;
}
.mcp-setup-modal__config-copy-btn:hover {
  background: #334155;
  color: #fff;
}
.mcp-setup-modal__config-hint {
  font-size: 0.625rem;
  color: #9ca3af;
  font-style: italic;
  margin: 0;
}
.mcp-setup-modal__verify-success {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  font-weight: 700;
  color: #10b981;
  margin: 0.25rem 0 0;
}

.mcp-regenerate-modal .modal-dialog {
  max-width: 26.25rem;
}
.mcp-regenerate-modal__body p {
  font-size: 0.875rem;
  color: #4b5563;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.mcp-regenerate-modal__body p:last-child {
  margin-bottom: 0;
}
.mcp-regenerate-modal__body p strong {
  color: #111827;
}

.mcp-disconnect-modal .modal-dialog {
  max-width: 26.25rem;
}
.mcp-disconnect-modal__body p {
  font-size: 0.875rem;
  color: #4b5563;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.mcp-disconnect-modal__body p:last-child {
  margin-bottom: 0;
}
.mcp-disconnect-modal__body p strong {
  color: #111827;
}

.mcp-tool-icon--chatgpt {
  background: #ecfdf5;
}
.mcp-tool-icon--claude-web {
  background: #fff7ed;
}
.mcp-tool-icon--claude-code {
  background: transparent;
}
.mcp-tool-icon--vscode {
  background: #eff6ff;
}
.mcp-tool-icon--cursor {
  background: transparent;
}
.mcp-tool-icon--other {
  background: #f9fafb;
}

.do-no-contact-list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.do-no-contact-list .do-not-contact-banner {
  padding: 1.5rem 1.5rem 0 1.5rem;
}
.do-no-contact-list .do-no-contact-list-header {
  padding: 1.5rem 1.5rem 0 1.5rem;
}
.do-no-contact-list .do-no-contact-list-header .globalSettings__Header__Right {
  gap: 1rem !important;
}
.do-no-contact-list .do-no-contact-list-header .search-input {
  margin: 0;
  outline: none;
  box-shadow: none;
}
.do-no-contact-list .do-no-contact-list-header .search-input:hover, .do-no-contact-list .do-no-contact-list-header .search-input:focus, .do-no-contact-list .do-no-contact-list-header .search-input:active {
  outline: none;
  box-shadow: none;
}
.do-no-contact-list .do-no-contact-list-header .shd-button {
  width: 5.5rem;
}
.do-no-contact-list .do-not-contact-list-table-wrapper .do-not-contact-list-table {
  padding: 0 1.5rem;
}

.do-not-contact-list-empty-ui {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.do-not-contact-list-empty-ui .do-not-contact-list-empty-ui-icon {
  width: 5rem;
  height: 5rem;
}
.do-not-contact-list-empty-ui .do-not-contact-list-empty-ui-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
.do-not-contact-list-empty-ui .shd-button {
  width: 7.875rem;
}
.do-not-contact-list-empty-ui h1 {
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.do-not-contact-list-empty-ui p {
  color: #6b7280;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
}

.do-not-contact-list-table,
.do-not-contact-list-details-table {
  height: auto !important;
  max-height: calc(100vh - 9.5rem) !important;
}
.do-not-contact-list-table .table-organism-header,
.do-not-contact-list-details-table .table-organism-header {
  background-color: #f3f4f6 !important;
}
.do-not-contact-list-table .table-organism-header tr:hover,
.do-not-contact-list-details-table .table-organism-header tr:hover {
  background-color: inherit !important;
}
.do-not-contact-list-table .table-organism-header > tr > th,
.do-not-contact-list-details-table .table-organism-header > tr > th {
  height: 2.375rem;
  padding: 0.5rem 0.75rem;
}
.do-not-contact-list-table .table-organism-header > tr > th:first-of-type,
.do-not-contact-list-details-table .table-organism-header > tr > th:first-of-type {
  padding-left: 1.5rem !important;
  border-radius: 0 !important;
}
.do-not-contact-list-table .table-organism-header > tr > th:last-of-type,
.do-not-contact-list-details-table .table-organism-header > tr > th:last-of-type {
  min-width: 2.8125rem;
  width: 2.8125rem;
  padding-right: 1.5rem !important;
  border-radius: 0 !important;
}
.do-not-contact-list-table .table-organism-header .selection-cell-header,
.do-not-contact-list-details-table .table-organism-header .selection-cell-header {
  width: 4rem !important;
  max-width: 4rem;
}
.do-not-contact-list-table .table-organism-body tr td,
.do-not-contact-list-details-table .table-organism-body tr td {
  height: 3.625rem;
  max-height: 3.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.do-not-contact-list-table .table-organism-body tr td:first-of-type,
.do-not-contact-list-details-table .table-organism-body tr td:first-of-type {
  padding-left: 1.5rem !important;
  border-left: 0.0625rem solid #e5e7eb !important;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type,
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type {
  padding-right: 1.5rem !important;
  border-right: 0.0625rem solid #e5e7eb !important;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type .grid-flex div[role=button],
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type .grid-flex div[role=button] {
  width: 2.125rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type .grid-flex div[role=button]:hover,
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type .grid-flex div[role=button]:hover {
  background: #dbeafe;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type .grid-flex div[role=button]:hover svg,
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type .grid-flex div[role=button]:hover svg {
  color: #1d4ed8;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type .grid-flex div[role=button] svg,
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type .grid-flex div[role=button] svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type .grid-action .btn-solid,
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type .grid-action .btn-solid {
  padding: 0 !important;
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type .grid-action .btn-solid:hover,
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type .grid-action .btn-solid:hover {
  background-color: #eff6ff;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type .grid-action .btn-solid .icon-hover,
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type .grid-action .btn-solid .icon-hover {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.do-not-contact-list-table .table-organism-body tr td:last-of-type .grid-action .btn-solid .icon-hover:hover,
.do-not-contact-list-details-table .table-organism-body tr td:last-of-type .grid-action .btn-solid .icon-hover:hover {
  background-color: transparent;
}
.do-not-contact-list-table .table-organism-body .selection-cell,
.do-not-contact-list-details-table .table-organism-body .selection-cell {
  width: 4rem;
  max-width: 4rem;
}
.do-not-contact-list-table p,
.do-not-contact-list-table .last-login-cell,
.do-not-contact-list-details-table p,
.do-not-contact-list-details-table .last-login-cell {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}

.do-not-contact-list-details-table {
  max-height: none !important;
}

.add-modify-dnc-list-modal .modal-dialog {
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}
.add-modify-dnc-list-modal--container .title-container {
  gap: 0.625rem;
}
.add-modify-dnc-list-modal--container .title-container svg {
  color: #1d4ed8;
}
.add-modify-dnc-list-modal--container .title-container h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.5rem;
  margin: 0;
}
.add-modify-dnc-list-modal--container form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.add-modify-dnc-list-modal--container form .bs-input-container {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.add-modify-dnc-list-modal--container form .bs-input-label-suffix {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #b91c1c;
  margin: 0rem;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper h1 {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 0.75rem;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper .radio-input-container .rb-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper {
  display: flex;
  gap: 0.5rem;
  margin: 0;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .bs-radio {
  top: 0;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .bs-radio .bs-radio-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0.125rem;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .bs-radio .bs-radio-inner::after {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .radio-input-btn {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .radio-input-btn h2 {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}
.add-modify-dnc-list-modal--container form .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .radio-input-btn p {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}
.add-modify-dnc-list-modal--container form .agency-client-wrapper {
  width: 100% !important;
  height: 2rem !important;
  background: #fff;
  padding: 0.375rem 0.75rem !important;
}
.add-modify-dnc-list-modal--container form .agency-client-wrapper .agency-client-main {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.add-modify-dnc-list-modal--container form .agency-client-wrapper .agency-client-main span {
  margin: 0 !important;
}
.add-modify-dnc-list-modal .btn-solid-primary {
  min-width: 6.25rem !important;
}
.add-modify-dnc-list-modal .btn-solid-primary:disabled {
  background-color: #1d4ed8 !important;
  color: #ffffff;
  border: 0;
}
.add-modify-dnc-list-modal .cancel-btn {
  min-width: 6.25rem !important;
  height: 2rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  transition: all 0.2s ease !important;
  color: #6b7280 !important;
}
.add-modify-dnc-list-modal .cancel-btn:focus-visible {
  outline: none;
}
.add-modify-dnc-list-modal .cancel-btn:hover, .add-modify-dnc-list-modal .cancel-btn:active {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}
.add-modify-dnc-list-modal .modal-content {
  width: 28.125rem !important;
}
.add-modify-dnc-list-modal .modal-content .bs-modal-body {
  padding: 1.5rem;
}
.add-modify-dnc-list-modal .modal-content .bs-input-label-prefix {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: #6b7280;
  margin-bottom: 0.25rem;
}
.add-modify-dnc-list-modal .modal-content .bs-input {
  font-size: 0.875rem;
}
.add-modify-dnc-list-modal .modal-content .modal-footer {
  padding: 0;
  max-height: 4.5rem;
  min-height: 4.5rem;
  margin: 0 1.5rem;
}
.add-modify-dnc-list-modal .modal-content .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}

.agency-select-dropdown .transfer-container {
  width: 25.125rem !important;
}

.do-not-contact-list-details {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f9fafb;
  overflow-y: auto;
  padding: 1.5rem;
}
.do-not-contact-list-details--header .go-back-btn {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1f2937;
}
.do-not-contact-list-details--header .go-back-btn svg {
  width: 1.25rem;
  height: 1.25rem;
}
.do-not-contact-list-details--header .list-details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.do-not-contact-list-details--header .list-details .skeleton-loader {
  display: flex;
}
.do-not-contact-list-details--header .list-details .skeleton-loader:first-of-type {
  height: 1.25rem;
}
.do-not-contact-list-details--header .list-details .skeleton-loader:last-of-type {
  height: 1rem;
}
.do-not-contact-list-details--header .list-details .skeleton-loader span {
  display: flex;
}
.do-not-contact-list-details--header .list-details .list-details-inner {
  display: flex;
  gap: 0.5rem;
}
.do-not-contact-list-details--header .list-details .list-details-inner .list-name {
  color: #1f2937;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.do-not-contact-list-details--header .list-details .list-details-inner .do-not-contact-list-details-popover-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  background: #e5e7eb;
  cursor: default;
}
.do-not-contact-list-details--header .list-details .list-details-inner .do-not-contact-list-details-popover-badge span {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.do-not-contact-list-details--header .list-details .list-details-inner .edit-list-btn {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b7280;
}
.do-not-contact-list-details--header .list-details .list-details-inner .edit-list-btn svg {
  width: 100%;
  height: 100%;
}
.do-not-contact-list-details--header .list-details p {
  margin: 0;
  color: #6b7280;
  font-size: 0.75rem;
  line-height: 1rem;
}
.do-not-contact-list-details--input-wrapper {
  margin-bottom: 2rem;
}
.do-not-contact-list-details--input-wrapper .input-label {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin: 0;
  margin-bottom: 0.25rem;
}
.do-not-contact-list-details--input-wrapper .helper-alert-warning-wrapper {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--container {
  width: 100%;
  min-height: 8.875rem;
  max-height: 14.125rem;
  overflow-y: auto;
  padding: 0.75rem 1rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.375rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  cursor: text;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--container:focus, .do-not-contact-list-details--input-wrapper .emails-and-domains-input--container:focus-within {
  border-color: #1d4ed8;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--container.error {
  border-color: #fca5a5;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--error-msg {
  color: #b91c1c;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--helper-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.25rem;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--pills {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--pills .shd-pills {
  background-color: #f3f4f6;
  border-color: #d1d5db;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1f2937;
  padding: 0;
  background: #fff;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--input:disabled {
  background-color: transparent;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--input:active, .do-not-contact-list-details--input-wrapper .emails-and-domains-input--input:focus {
  outline: none;
}
.do-not-contact-list-details--input-wrapper .emails-and-domains-input--input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.do-not-contact-list-details--actions .bs-select-box {
  display: flex;
  width: 8.75rem;
  height: 2rem;
  padding: 0.375rem 1rem;
  justify-content: space-between;
  align-items: center;
}
.do-not-contact-list-details--actions .actions-left {
  gap: 1rem;
}
.do-not-contact-list-details--actions .actions-right {
  gap: 1rem;
}
.do-not-contact-list-details--actions .actions-right .action-btn--export {
  margin: 0 !important;
}

.helper-alert-warning-wrapper.rounded-text-color {
  width: max-content;
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.helper-alert-warning-wrapper.rounded-text-color p {
  display: flex;
  line-height: 1rem;
}
.helper-alert-warning-wrapper.rounded-text-color svg {
  color: #b45309;
  margin-right: 0.25rem;
}
.helper-alert-warning-wrapper p {
  margin: 0;
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.helper-alert-warning-wrapper p span {
  font-weight: 500;
}

.dnc-search-input {
  width: 12.625rem !important;
  height: 2rem;
}
.dnc-search-input.lg {
  width: 18.75rem !important;
  max-width: 18.75rem !important;
}
.dnc-search-input {
  justify-content: flex-start;
  align-items: center;
  padding: 0.3125rem 0.625rem !important;
  background: #fff !important;
}
.dnc-search-input .input-icons-left {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  margin-right: 0.25rem !important;
}
.dnc-search-input .input-icons-left .bs-input-prefix {
  color: #d1d5db;
  margin: 0;
  font-size: 1rem;
}
.dnc-search-input .input-icons-right {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  margin-left: 0.25rem !important;
}
.dnc-search-input .input-icons-right .bs-input-suffix {
  color: #6b7280;
  margin: 0;
  font-size: 1rem;
  cursor: pointer;
}
.dnc-search-input .bs-input {
  background: #fff;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.dnc-search-input .bs-input::placeholder {
  color: #d1d5db;
}

.do-not-contact-list-details-popover {
  display: flex;
  border-radius: 0.5rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
  background: #fff !important;
  box-shadow: 0.1875rem 0.5rem 1.5rem -0.375rem rgba(15, 34, 67, 0.16) !important;
}
.do-not-contact-list-details-popover .arrow {
  display: none;
}
.do-not-contact-list-details-popover .bs-popover-inner-content {
  padding: 0 !important;
}
.do-not-contact-list-details-popover .do-not-contact-list-details-popover-content {
  min-width: 9rem;
  height: 3.75rem;
  padding: 0.75rem;
  border: 0.0625rem solid #f3f4f6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
}
.do-not-contact-list-details-popover .do-not-contact-list-details-popover-content .do-not-contact-list-details-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.do-not-contact-list-details-popover .do-not-contact-list-details-popover-content .do-not-contact-list-details-count p {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}

.dnc-upload-csv-modal .modal-dialog {
  width: 45rem;
  max-width: 45rem;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-content-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-header {
  height: 4rem;
  padding: 1.25rem 1.5rem;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-header .modal-title {
  color: #1f2937;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-header .close {
  font-size: 1.5rem;
  color: #1f2937;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-body {
  display: flex;
  flex-direction: column;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer {
  height: 4.5rem;
  max-height: 4.5rem;
  padding: 1.25rem 1.5rem;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .sample-file-btn {
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  height: 1.5rem;
  color: #1d4ed8;
  text-decoration: none;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .sample-file-btn .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .sample-file-btn .icon-wrapper svg {
  width: 1.25rem;
  height: 1.25rem;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .sample-file-btn p {
  margin: 0;
  height: 100%;
  display: flex;
  padding: 0.125rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .bs-modal-footer-action-buttons .btn-ghost-primary,
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .bs-modal-footer-action-buttons .btn-solid-primary {
  width: 6.25rem;
  height: 2rem;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .bs-modal-footer-action-buttons .btn-ghost-primary {
  border: 0.0625rem solid #e5e7eb;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  color: #6b7280;
}
.dnc-upload-csv-modal .modal-dialog .modal-content .modal-footer .bs-modal-footer-action-buttons .btn-ghost-primary:hover {
  color: #6b7280;
  background-color: #f3f4f6;
}
.dnc-upload-csv-modal .import-help-text {
  color: #6b7280;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.375rem;
  margin-bottom: 0;
}
.dnc-upload-csv-modal .import-column-mapping {
  margin: 1.25rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dnc-upload-csv-modal .import-column-mapping h3 {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}
.dnc-upload-csv-modal .import-column-mapping .bs-select-box {
  width: 20.375rem;
  height: 2rem;
  padding: 0.375rem 0.75rem;
}
.dnc-upload-csv-modal .import-report-wrapper {
  height: 100%;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content {
  width: 27.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content h3 {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  color: #8c8c8c;
  margin: 0;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content .import-report-content-container {
  width: 100%;
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content .import-report-content-container .content-inner {
  background: #f9fafb;
  padding: 0.625rem 1rem;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content .import-report-content-container .content-inner:first-of-type {
  border-bottom: 0.0625rem solid #f3f4f6;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content .import-report-content-container .content-inner p {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #595959;
  margin: 0;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content .import-report-content-container .content-inner .content-inner-right {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content .import-report-content-container .content-inner .content-inner-right .count-icon-wrapper .count {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-right: 0.5rem;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content .import-report-content-container .content-inner .content-inner-right .count-icon-wrapper .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dnc-upload-csv-modal .import-report-wrapper .import-report-content .import-report-content-container .content-inner .content-inner-right a {
  text-align: right;
  font-size: 0.75rem;
  margin-right: 2em;
  margin-top: 0.4375rem;
  font-weight: 500;
  cursor: pointer;
}

.file-selector-input--container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42rem;
  height: 13.875rem;
  border-radius: 0.5rem;
  background: #f9fafb;
}
.file-selector-input--container.post-select-stage-container {
  background: #ecfdf5;
}
.file-selector-input--container.post-select-stage-container .shd-drag-and-drop {
  border: 1px solid #a7f3d0;
}
.file-selector-input--stage {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-selector-input--stage .shd-drag-and-drop {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  border-radius: 0.5rem;
  border: 0.0625rem dashed #d1d5db;
}
.file-selector-input--stage .shd-drag-and-drop.dragging {
  border: none;
}
.file-selector-input--stage-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.file-selector-input--stage-content.pre-select-content .icon-wrapper {
  width: 1.875rem;
  height: 1.875rem;
  margin-bottom: 1.5rem;
}
.file-selector-input--stage-content.pre-select-content .icon-wrapper svg {
  width: 100%;
  height: 100%;
  color: #9ca3af;
}
.file-selector-input--stage-content.pre-select-content .title {
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
.file-selector-input--stage-content.pre-select-content .or-label {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
.file-selector-input--stage-content.pre-select-content .choose-file-input {
  width: 7.5rem;
  height: 2rem;
  border: 0.0625rem solid #1d4ed8;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.file-selector-input--stage-content.pre-select-content .choose-file-input > input {
  display: none;
}
.file-selector-input--stage-content.pre-select-content .choose-file-input .choose-file {
  width: 100%;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1d4ed8;
  font-size: 0.875rem;
  line-height: 1.875rem;
  font-weight: 600;
}
.file-selector-input--stage-content.post-select-content .icon-wrapper {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.875rem;
}
.file-selector-input--stage-content.post-select-content .icon-wrapper img {
  width: 100%;
  height: 100%;
}
.file-selector-input--stage-content.post-select-content .filename {
  color: #1f2937;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.file-selector-input--stage-content.post-select-content .import-wrapper,
.file-selector-input--stage-content.post-select-content .action-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.file-selector-input--stage-content.post-select-content .import-wrapper {
  margin-bottom: 1.125rem;
}
.file-selector-input--stage-content.post-select-content .import-wrapper .import-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-selector-input--stage-content.post-select-content .import-wrapper .import-icon svg {
  width: 100%;
  height: 100%;
  color: #059669;
}
.file-selector-input--stage-content.post-select-content .import-wrapper .import-message {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1rem;
}
.file-selector-input--stage-content.post-select-content .action-wrapper {
  padding: 0.375rem 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.file-selector-input--stage-content.post-select-content .action-wrapper .action-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-selector-input--stage-content.post-select-content .action-wrapper .action-icon svg {
  width: 100%;
  height: 100%;
  color: #6b7280;
}
.file-selector-input--stage-content.post-select-content .action-wrapper .action-message {
  display: block;
  margin-top: 0.0625rem;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.dnc-sequence {
  font-weight: 500;
}

.email-account-banner .email-selected-row-info {
  width: 100%;
}

.add-phone-number-modal .bs-modal-header svg {
  color: #1d4ed8;
  fill: #1d4ed8;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.add-phone-number-modal .bs-modal-header .modal-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
}
.add-phone-number-modal .modal-content {
  width: 28.125rem !important;
  overflow: visible !important;
}
.add-phone-number-modal .modal-content .bs-modal-body {
  padding: 1.5rem;
  overflow: visible;
}
.add-phone-number-modal .modal-content .modal-footer {
  padding: 0;
  max-height: 4.5rem;
  min-height: 4.5rem;
  margin: 0 1.5rem;
}
.add-phone-number-modal .modal-content .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.add-phone-number-modal .add-phone-number-modal-title-content {
  gap: 10px;
}
.add-phone-number-modal .add-phone-number-modal--body label {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: #6b7280;
  margin-bottom: 0.25rem;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container {
  width: 100%;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .flag-dropdown {
  border: 1px solid #e5e7eb;
  border-right: none;
  border-radius: 4px 0 0 4px;
  background-color: #ffffff;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .flag-dropdown.open {
  border-radius: 4px 0 0 4px;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .flag-dropdown .selected-flag {
  border-radius: 4px 0 0 4px;
  padding: 0 0.5rem;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .flag-dropdown .selected-flag:hover, .add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .flag-dropdown .selected-flag:focus {
  background-color: #f3f4f6;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .add-phone-number-input {
  width: 100%;
  height: 2rem;
  border: 1px solid #e5e7eb;
  border-radius: 0 4px 4px 0;
  font-size: 0.875rem;
  color: #1f2937;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .add-phone-number-input:focus {
  border-color: #1d4ed8;
  box-shadow: none;
  outline: none;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .add-phone-number-input::placeholder {
  color: #595959;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-container .phone-input-country-dropdown-top {
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute !important;
  z-index: 1100;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-input {
  border: 1px solid #d1d5db;
  border-radius: 4px;
  gap: 0px;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-input .country-code-phone-input-picker-dropdown-container .country-code-picker-button {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  gap: 4px;
  background: transparent;
  border: none;
  outline: none;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-input .country-code-phone-input-picker-dropdown-container .country-code-picker-button .country-code-picker-button-flag {
  line-height: 14px;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-input .country-code-phone-input-picker-dropdown-container .country-code-picker-button .country-code-picker-button-code {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
  padding-left: 4px;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-input .country-code-phone-input-picker-dropdown-container .country-code-picker-button svg {
  width: 14px;
  height: 14px;
  color: #6b7280;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-input .country-code-input-divider {
  border: 1px solid #d1d5db;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-input .phone-input-field-container .phone-input-field {
  padding: 6px 12px;
  border: none;
  max-width: 100%;
  line-height: 17px;
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
}
.add-phone-number-modal .add-phone-number-modal--body .add-phone-number-input .phone-input-field-container .phone-input-field-icon {
  display: none;
}
.add-phone-number-modal .add-phone-number-modal--body .country-code-phone-input-picker-dropdown {
  background: #ffffff;
  border: none;
}
.add-phone-number-modal .add-phone-number-modal--body .country-code-phone-input-picker-dropdown .country-code-phone-input-picker-dropdown-search {
  background: #f9fafb;
  color: #1f2937;
  caret-color: #1f2937;
}
.add-phone-number-modal .add-phone-number-modal--body .country-code-phone-input-picker-dropdown .country-code-phone-input-picker-dropdown-search input {
  color: #1f2937;
}
.add-phone-number-modal .add-phone-number-modal--body .country-code-phone-input-picker-dropdown .country-code-phone-input-picker-dropdown-search svg {
  color: #6b7280;
}
.add-phone-number-modal .add-phone-number-modal--body .country-code-phone-input-picker-dropdown .country-code-phone-input-picker-dropdown-country-list-option--selected, .add-phone-number-modal .add-phone-number-modal--body .country-code-phone-input-picker-dropdown .country-code-phone-input-picker-dropdown-country-list-option:hover, .add-phone-number-modal .add-phone-number-modal--body .country-code-phone-input-picker-dropdown .country-code-phone-input-picker-dropdown-country-list-option--focused {
  background: #eff6ff;
}
.add-phone-number-modal .add-phone-number-modal--body .country-code-phone-input-picker-dropdown .country-code-phone-input-picker-dropdown-country-list-option {
  color: #1f2937;
}

.shd-modal.import-custom-fields-modal .modal-content {
  border: none !important;
}

.import-custom-fields-modal .modal-dialog {
  max-width: 45rem;
  overflow: hidden;
  align-items: center;
}
.import-custom-fields-modal .modal-dialog .modal-content {
  min-height: 522px;
  max-height: 585px;
  flex: 1;
}
.import-custom-fields-modal .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  overflow: hidden;
  display: grid;
}
.import-custom-fields-modal--flow {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  height: 100%;
  overflow: hidden;
}
.import-custom-fields-modal--stages {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.import-custom-fields-modal .import-stage-tabs--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin: 1.25rem 1.5rem 0 1.5rem;
  height: 2.5rem;
}
.import-custom-fields-modal .import-stage-tabs--tab {
  width: 100%;
  min-width: 10.375rem;
  max-width: 10.9375rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}
.import-custom-fields-modal .import-stage-tabs--tab p {
  margin: 0;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.import-custom-fields-modal .import-stage-tabs--tab.selected {
  background: #eff6ff;
}
.import-custom-fields-modal .import-stage-tabs--tab.selected p {
  color: #1d4ed8;
  font-weight: 600;
}
.import-custom-fields-modal .import-stage-tabs--tab.disabled p {
  color: #6b7280;
}
.import-custom-fields-modal .import-stage-tabs--icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.import-custom-fields-modal .import-stage-tabs--icon svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #9ca3af;
}
.import-custom-fields-modal .import-fields-stage {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.import-custom-fields-modal .import-fields-stage-content {
  flex: 1;
  border-radius: 0.25rem;
  margin: 0 1.5rem 1.25rem 1.5rem;
}
.import-custom-fields-modal .import-fields-stage-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  border-top: 0.0625rem solid #e5e7eb;
}
.import-custom-fields-modal .import-fields-stage-footer--left, .import-custom-fields-modal .import-fields-stage-footer--right {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
.import-custom-fields-modal .import-fields-stage-footer--left button, .import-custom-fields-modal .import-fields-stage-footer--right button {
  min-width: 6.25rem;
}
.import-custom-fields-modal .import-fields-stage-footer .btn-solid-default {
  border: 0.0625rem solid #e5e7eb;
  color: #6b7280;
  background-color: transparent;
}
.import-custom-fields-modal .import-fields-stage-footer .btn-solid-default:hover, .import-custom-fields-modal .import-fields-stage-footer .btn-solid-default:active, .import-custom-fields-modal .import-fields-stage-footer .btn-solid-default:focus {
  color: #6b7280;
  background-color: #f3f4f6;
  border-color: #e5e7eb;
  box-shadow: none;
}
.import-custom-fields-modal .import-fields-stage-footer .btn-solid-default.disabled, .import-custom-fields-modal .import-fields-stage-footer .btn-solid-default:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: transparent;
}
.import-custom-fields-modal .import-fields-stage-footer .btn-solid-primary {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.import-custom-fields-modal .import-fields-stage-footer .btn-solid-primary:hover, .import-custom-fields-modal .import-fields-stage-footer .btn-solid-primary:active, .import-custom-fields-modal .import-fields-stage-footer .btn-solid-primary:focus {
  background-color: #1e40af;
  border-color: #1e40af;
  box-shadow: none;
}
.import-custom-fields-modal .import-fields-stage-footer .download-import-sample-file {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.5rem;
  cursor: pointer;
  color: #0137fc;
  transition: all 0.2s ease;
}
.import-custom-fields-modal .import-fields-stage-footer .download-import-sample-file:hover {
  color: #1d4ed8;
}
.import-custom-fields-modal .import-fields-stage-footer .download-import-sample-file span {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.import-custom-fields-modal .import-fields-stage-footer .download-import-sample-file svg {
  width: 1.25rem;
  height: 1.25rem;
}
.import-custom-fields-modal .select-file.pre-select-stage .select-file-content {
  background: #f9fafb;
}
.import-custom-fields-modal .select-file.post-select-stage .select-file-content {
  background: #ecfdf5;
  border: 0.0625rem solid #a7f3d0;
}
.import-custom-fields-modal .select-file .select-file-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.import-custom-fields-modal .select-file .select-file-content > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-custom-fields-modal .select-file .select-file-content .shd-drag-and-drop {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  border-radius: 0.5rem;
  border: 0.0625rem dashed #d1d5db;
}
.import-custom-fields-modal .select-file .select-file-content .shd-drag-and-drop.dragging {
  border: none;
}
.import-custom-fields-modal .select-file .pre-select {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-custom-fields-modal .select-file .pre-select .empty-data-icon-wrapper svg {
  color: #9ca3af;
}
.import-custom-fields-modal .select-file .pre-select .pre-select-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-custom-fields-modal .select-file .pre-select .pre-select-tagline {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #262626;
  margin: 1.5rem 0 1rem 0;
}
.import-custom-fields-modal .select-file .pre-select .pre-select-info {
  color: #9ca3af;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
.import-custom-fields-modal .select-file .pre-select .choose-file-input {
  cursor: pointer;
}
.import-custom-fields-modal .select-file .pre-select .choose-file-input input {
  display: none;
}
.import-custom-fields-modal .select-file .pre-select .choose-file-input .choose-file {
  height: 2rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0137fc;
  border-radius: 0.25rem;
  color: #0137fc;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.import-custom-fields-modal .select-file .post-select {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-custom-fields-modal .select-file .post-select .post-select-icon-wrapper {
  width: 2.5rem;
  height: 2.5rem;
}
.import-custom-fields-modal .select-file .post-select .post-select-icon-wrapper img {
  width: 100%;
  height: 100%;
}
.import-custom-fields-modal .select-file .post-select .post-select-filename {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1f2937;
  margin-top: 0.875rem;
  margin-bottom: 1rem;
}
.import-custom-fields-modal .select-file .post-select .post-select-success {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #1f2937;
}
.import-custom-fields-modal .select-file .post-select .post-select-success img {
  width: 1rem;
  height: 1rem;
}
.import-custom-fields-modal .select-file .post-select .post-select-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 8.625rem;
  height: 2rem;
  margin-top: 1.125rem;
  cursor: pointer;
  color: #6b7280;
  transition: all 0.2s ease;
}
.import-custom-fields-modal .select-file .post-select .post-select-delete span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.import-custom-fields-modal .select-file .post-select .post-select-delete svg {
  width: 1.25rem;
  height: 1.25rem;
}
.import-custom-fields-modal .select-file .post-select .post-select-delete:hover {
  color: #1f2937;
}
.import-custom-fields-modal .map-fields-content {
  padding-bottom: 1rem;
}
.import-custom-fields-modal .map-fields-config-wrapper {
  display: flex;
  margin-bottom: 1rem;
}
.import-custom-fields-modal .map-fields-config {
  display: flex;
  align-items: center;
}
.import-custom-fields-modal .map-fields-config-label {
  color: #262626;
  flex-shrink: 0;
  margin-right: 0.5rem;
  font-size: 0.875rem;
}
.import-custom-fields-modal .map-fields .map-list {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
}
.import-custom-fields-modal .map-fields .map-list .map-list-header,
.import-custom-fields-modal .map-fields .map-list .map-list-item {
  display: flex;
  align-items: center;
}
.import-custom-fields-modal .map-fields .map-list .map-list-header {
  padding: 0.625rem 1.5rem;
  background-color: #f3f4f6;
  color: #4b5563;
  font-weight: 600;
  font-size: 0.875rem;
  border-radius: 0.25rem 0.25rem 0 0;
}
.import-custom-fields-modal .map-fields .map-list .map-list-header .csv-header-label,
.import-custom-fields-modal .map-fields .map-list .map-list-header .csv-row-value,
.import-custom-fields-modal .map-fields .map-list .map-list-header .map-list-item-child-right {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #4b5563 !important;
}
.import-custom-fields-modal .map-fields .map-list .map-list-content {
  max-height: 17rem;
  overflow-y: auto;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item {
  padding: 0.6rem 1.5rem;
  border-top: 1px solid #e5e7eb;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-left {
  flex: 1;
  display: flex;
  color: #262626;
  overflow: hidden;
  margin-right: 1rem;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-left .csv-header-label,
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-left .csv-row-value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
  font-size: 0.875rem;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-left .csv-header-label {
  flex: 0 0 40%;
  font-weight: 500;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-left .csv-row-value {
  color: #9ca3af;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-right {
  display: flex;
  align-items: center;
  width: 12rem;
  flex-shrink: 0;
  justify-content: flex-end;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-right .map-list-item-remove-icon-wrapper {
  padding: 0.3125rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  display: flex;
  cursor: pointer;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-right .map-list-item-remove-icon-wrapper:hover {
  background: #f3f4f6;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-right .map-list-item-remove-icon-wrapper svg {
  color: #9ca3af;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-right .bs-select-box {
  width: 9.875rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
  padding: 0.375rem 0.6875rem !important;
  box-sizing: border-box !important;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-right .bs-select-box .bs-select-box-text {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.import-custom-fields-modal .map-fields .map-list .map-list-item-child-right .bs-select-box .bs-select-box-text.placeholder {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}
.import-custom-fields-modal .import-review-content .review-section-container.mt-2 {
  position: absolute;
  top: calc(50% - 2.03125rem);
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3rem);
  margin: 0 !important;
}
.import-custom-fields-modal .import-result-stage .import-fields-stage-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem 0;
}
.import-custom-fields-modal .import-result-step {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-custom-fields-modal .import-result-step__heading {
  text-align: center;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0 0 1.5rem 0;
}
.import-custom-fields-modal .import-result-step__card {
  width: 27.5rem;
  max-width: 100%;
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
  overflow: hidden;
}
.import-custom-fields-modal .import-result-step__row {
  display: flex;
  flex-direction: column;
  padding: 0.75rem 1.25rem;
  background-color: #f9fafb;
}
.import-custom-fields-modal .import-result-step__row:not(:first-child) {
  border-top: 0.0625rem solid #f3f4f6;
  padding-top: 1.25rem;
}
.import-custom-fields-modal .import-result-step__row-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.25rem;
}
.import-custom-fields-modal .import-result-step__label {
  color: #595959;
  font-size: 0.875rem;
  font-weight: 600;
}
.import-custom-fields-modal .import-result-step__value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.import-custom-fields-modal .import-result-step__count {
  color: #262626;
  font-size: 0.875rem;
  font-weight: 500;
}
.import-custom-fields-modal .import-result-step__icon {
  display: flex;
}
.import-custom-fields-modal .import-result-step__download {
  align-self: flex-end;
  margin-top: 0.5rem;
  color: #1d4ed8;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}
.import-custom-fields-modal .import-result-step__download:hover {
  text-decoration: underline;
}
.import-custom-fields-modal .import-result-step__warning {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  align-self: stretch;
  width: 100%;
  min-height: 2.5rem;
  margin-top: 1.75rem;
  padding: 0.5rem 1.25rem;
  text-align: center;
  background: #fffbeb;
  border: 0.0625rem solid #fef3c7;
  border-radius: 0.25rem;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #1f2937;
}
.import-custom-fields-modal .import-result-step__warning svg,
.import-custom-fields-modal .import-result-step__warning i {
  flex-shrink: 0;
}
.import-custom-fields-modal .import-result-stage .import-fields-stage-footer .btn-solid-primary {
  background-color: #0137fc;
  border-color: #0137fc;
}
.import-custom-fields-modal .import-result-stage .import-fields-stage-footer .btn-solid-primary:hover, .import-custom-fields-modal .import-result-stage .import-fields-stage-footer .btn-solid-primary:active, .import-custom-fields-modal .import-result-stage .import-fields-stage-footer .btn-solid-primary:focus {
  background-color: #346aff;
  border-color: #346aff;
  box-shadow: none;
}

.globalSettings__Wrapper {
  padding: 1.5rem 1.5rem 0;
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.globalSettings__Wrapper .alert-msg {
  margin-bottom: 1rem;
}
.globalSettings__Wrapper .globalSettings__Header {
  display: flex;
  margin-bottom: 1.5rem;
  flex-direction: row !important;
  justify-content: space-between;
}
.globalSettings__Wrapper .globalSettings__Header.integrations-header {
  position: fixed !important;
  z-index: 1 !important;
  background: #fff !important;
  width: 100% !important;
  height: 2rem !important;
}
.globalSettings__Wrapper .globalSettings__Header .globalSettings__Header__Left {
  display: flex;
  gap: 0.5rem;
  flex-direction: row !important;
  justify-content: start;
  width: auto;
  position: relative;
}
.globalSettings__Wrapper .globalSettings__Header .globalSettings__Header__Left .globalSettings__Header__Title h1 {
  color: #1f2937;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.globalSettings__Wrapper .globalSettings__Header .globalSettings__Header__Right {
  display: flex;
  gap: 0.5rem;
  flex-direction: row !important;
  justify-content: end;
  width: auto;
}
.globalSettings__Wrapper .globalSettings__Header .globalSettings__Header__Right h1 {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.globalSettings__Wrapper .globalSettings__Content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.globalSettings__Header--margin {
  margin-bottom: 2rem !important;
}

.link-badge-anchor {
  text-decoration: none !important;
}
.link-badge-anchor .link-badge_Icon {
  color: #9ca3af;
}
.link-badge-anchor .link-badge-button {
  display: flex;
  height: 1.5rem;
  border: 1px #e5e7eb solid !important;
  border-radius: 6.25rem !important;
  padding: 0 0.375rem 0 0.375rem;
  background: #ffffff !important;
  gap: 0.25rem;
  align-items: center !important;
  color: #4b5563;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.link-badge-anchor .link-badge-button:hover {
  border: 1px #93c5fd solid !important;
  transition: 0.1s ease-in-out;
}

.delete-alert-modal.modal-dialog {
  width: 100% !important;
}
.delete-alert-modal.delete-saved-view .modal-content {
  top: auto;
}
.delete-alert-modal.delete-saved-view .modal-content span.break-word {
  word-break: break-all;
}
.delete-alert-modal .modal-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  position: relative;
}
.delete-alert-modal .modal-content {
  height: auto !important;
  width: 28.125rem !important;
  position: absolute;
  top: 9rem;
}
.delete-alert-modal .modal-content .modal-content-container {
  height: fit-content;
}
.delete-alert-modal .modal-content .modal-content-container .modal-header {
  min-height: 0 !important;
  border-bottom: none;
  padding: 0px 1.5rem;
  position: relative;
}
.delete-alert-modal .modal-content .modal-content-container button.close {
  padding: 0;
  position: absolute;
  top: 0.9375rem;
  right: 1.875rem;
}
.delete-alert-modal .modal-content .modal-content-container .delete-alert-modal--title {
  padding-top: 1.5rem;
  display: flex;
  align-items: start !important;
  gap: 0.625rem;
}
.delete-alert-modal .modal-content .modal-content-container .delete-alert-modal--title__icon {
  color: #b91c1c;
  line-height: 1.5rem !important;
  font-size: 1.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.delete-alert-modal .modal-content .modal-content-container .delete-alert-modal--title h2 {
  line-height: 1.5rem !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
}
.delete-alert-modal .modal-content .bs-modal-body {
  padding: 1rem 1.5rem 1.5rem 1.5rem !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.delete-alert-modal .modal-content .bs-modal-body .delete-alert-modal--body__contents p:last-child {
  margin-bottom: 0 !important;
}
.delete-alert-modal .modal-content .client-header .title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
}
.delete-alert-modal .modal-content .client-header {
  margin-bottom: 1rem;
}
.delete-alert-modal .modal-content .agency-sub-title-two {
  margin-top: 1rem;
}
.delete-alert-modal .modal-content .bs-modal-footer {
  min-height: 4.5rem;
  max-height: 4.5rem;
  padding: 0;
  margin: 0 1.5rem 0 1.5rem;
}
.delete-alert-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.delete-alert-modal .modal-content .bs-modal-footer .btn-ghost {
  border: 1px solid #e5e7eb !important;
  line-height: 0;
  width: 6.25rem;
  padding-top: 0.2rem !important;
}
.delete-alert-modal .modal-content .bs-modal-footer .btn-solid {
  width: 6.25rem;
}
.delete-alert-modal .modal-content .bs-modal-footer .btn-loading.btn-solid-primary:disabled {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
}
.delete-alert-modal .modal-content .bs-modal-footer .action-btn-delete.btn-solid-primary {
  background-color: #b91c1c;
  border-color: #b91c1c;
  border-radius: 4px;
  height: 2rem;
}
.delete-alert-modal .modal-content .bs-modal-footer .action-btn-delete.btn-solid-primary:hover, .delete-alert-modal .modal-content .bs-modal-footer .action-btn-delete.btn-solid-primary:focus, .delete-alert-modal .modal-content .bs-modal-footer .action-btn-delete.btn-solid-primary:active, .delete-alert-modal .modal-content .bs-modal-footer .action-btn-delete.btn-solid-primary.btn-solid-primary:not(:disabled):not(.disabled):active {
  border-color: #991b1b;
  background-color: #991b1b;
}
.delete-alert-modal .modal-content .bs-modal-footer .action-btn-delete.btn-solid-primary.btn-solid-primary:not(:active):not(.active):disabled {
  border-color: #b91c1c;
  background-color: #b91c1c;
  color: #ffffff;
}
.delete-alert-modal .modal-content .bs-modal-footer .action-btn-cancel.btn-ghost-outlined {
  color: #6b7280;
  border-radius: 4px;
  border: none;
  height: 2rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.delete-alert-modal .modal-content .bs-modal-footer .action-btn-cancel.btn-ghost-outlined:hover, .delete-alert-modal .modal-content .bs-modal-footer .action-btn-cancel.btn-ghost-outlined:focus, .delete-alert-modal .modal-content .bs-modal-footer .action-btn-cancel.btn-ghost-outlined:active, .delete-alert-modal .modal-content .bs-modal-footer .action-btn-cancel.btn-ghost-outlined.btn-ghost-outlined:not(:disabled):not(.disabled):active {
  color: #6b7280;
  background-color: #f3f4f6;
}
.delete-alert-modal .custom-jsx-element {
  margin-top: 1rem;
}

.Confirm_DeleteContent--input {
  margin-top: 1rem;
}
.Confirm_DeleteContent--input .Confirm_DeleteContent--input-text {
  display: flex;
  gap: 0.3rem;
  font-size: 0.875rem;
  color: #1f2937;
}
.Confirm_DeleteContent--input .Confirm_DeleteContent--input-text .Confirm_DeleteContent--input-delete-text {
  color: #ff4d4f !important;
}
.Confirm_DeleteContent--input .delete-confirm-caption {
  color: #b91c1c;
}

.logo-container {
  width: 100%;
}
.logo-container .info-image img {
  height: 18.125rem;
}

.whitelabel .bs-tabs-tab {
  margin: 0 1.5rem 0 0;
}
.whitelabel .bs-tabs-top > .bs-tabs-nav {
  margin: 0 0 1.625rem 0;
}
.whitelabel .bs-tabs-nav .bs-tabs-tab-active {
  color: #1d4ed8;
}
.whitelabel .bs-tabs-top > .bs-tabs-nav::before {
  border-bottom: none;
}
.whitelabel__container {
  overflow-y: auto !important;
  height: 77vh;
  width: 100%;
}
.whitelabel .card-view {
  width: 100%;
}
.whitelabel__card {
  padding: 1.5rem;
  border-radius: 0.25rem;
  border: 1px solid #e8eff5;
  background-color: #ffffff;
  position: relative;
}
.whitelabel__card--input-container .bs-input-affix-wrapper {
  width: 20.25rem;
}
.whitelabel__card .action-container--delete > div:hover {
  background-color: #fee2e2;
}
.whitelabel__card .action-container--delete > div:hover svg {
  color: #b91c1c !important;
}
.whitelabel__card .action-container--edit > div:hover {
  background-color: #dbeafe;
}
.whitelabel__card .action-container--edit > div:hover svg {
  color: #1d4ed8;
}
.whitelabel__card .action-container div {
  position: absolute;
  top: 1.0625rem;
  right: 1.1875rem;
  padding: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
}
.whitelabel .ed-image-container .file-uploader {
  display: none !important;
}
.whitelabel .selected-image-section {
  overflow: hidden; /* Hide any overflow */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.whitelabel .selected-image-section img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.whitelabel .selected-image-section .file-uploader {
  opacity: 0;
}
.whitelabel__image-picker-drop {
  border: none !important;
}
.whitelabel__image-picker-dnd {
  height: 11.875rem;
  border-radius: 0.5rem;
  border: 1px dashed #9ca3af;
  background-color: #f9fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.whitelabel__image-picker-dnd .pre-select-file-uploader {
  background-color: #ffffff;
}
.whitelabel__image-picker-dnd .file-uploader {
  padding: 0.375rem 1rem;
  border: 1px solid #1d4ed8;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.whitelabel__image-picker-dnd .file-uploader:hover, .whitelabel__image-picker-dnd .file-uploader:focus {
  background-color: #dbeafe;
}
.whitelabel__image-picker-dnd .file-uploader > input {
  display: none;
}
.whitelabel__image-picker-dnd .file-uploader .select-file-placeholder {
  padding: 0 0.75rem;
  color: #bfbfbf;
}
.whitelabel__image-picker-dnd .file-uploader .choose-file {
  height: calc(100% + 2px);
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: #1d4ed8;
  justify-content: center;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.whitelabel__domain-configuration {
  background-color: #ffffff;
  padding: 1.5rem;
  border-radius: 0.25rem;
  border: 1px solid #e8eff5;
}
.whitelabel__domain-configuration .action-container--delete > div:hover {
  background-color: #fee2e2;
}
.whitelabel__domain-configuration .action-container--delete > div:hover svg {
  color: #b91c1c !important;
}
.whitelabel__domain-configuration .action-container--edit > div:hover {
  background-color: #dbeafe;
}
.whitelabel__domain-configuration .action-container--edit > div:hover svg {
  color: #1d4ed8;
}
.whitelabel__domain-configuration .action-container div {
  padding: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
}
.whitelabel__domain-configuration .brand-domain .bs-input-affix-wrapper {
  width: 20.25rem;
}
.whitelabel__domain-configuration-steps .bs-input-affix-wrapper {
  width: 20.25rem;
  margin-top: 0.875rem;
  margin-left: 2.25rem;
}
.whitelabel__domain-configuration-steps .input-error-container {
  display: flex;
  flex-direction: column;
}
.whitelabel__domain-configuration-steps .input-error-container label {
  margin-left: 2.25rem;
}
.whitelabel__domain-configuration-steps .domain-setup-table {
  margin-top: 0.75rem;
  margin-left: 2.25rem;
}
.whitelabel__domain-configuration-steps .domain-setup-table .table-list {
  height: fit-content;
}
.whitelabel__domain-configuration-steps .domain-setup-table .table-list .react-bootstrap-table .table-organism .table-organism-header tr:hover {
  background: #f9fafb !important;
}
.whitelabel__domain-configuration-steps .domain-setup-table .table-list .table-organism-header {
  height: 2.25rem;
  background-color: #f3f4f6 !important;
}
.whitelabel__domain-configuration-steps .domain-setup-table .table-list .table-organism-body {
  border-right: 1px solid #e5e7eb;
}
.whitelabel__domain-configuration-steps .domain-setup-table .table-list .table-organism-body td:first-child {
  border-left: 1px solid #e5e7eb;
}
.whitelabel__domain-configuration-steps .domain-setup-table .table-list .table-organism-body td:last-child {
  border-right: 1px solid #e5e7eb;
}
.whitelabel__step-number {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3f4f6;
  border-radius: 50%;
  margin-right: 0.75rem;
}

.admin-setting-section {
  padding: 1.5rem;
  background-color: white;
  margin-bottom: 1rem;
  border: 1px solid #e8eff5;
  border-radius: 0.25rem;
}
.admin-setting-section--title {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin-bottom: 1rem;
}
.admin-setting-section .sso-toggle-container {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.admin-setting-section .sso-toggle-container .sso-toggle {
  display: flex;
  justify-content: space-between;
}
.admin-setting-section .sso-toggle-container .sso-toggle .sso-toggle-label {
  color: #1f2937;
}
.admin-setting-section .sso-toggle-container .sso-toggle .sso-toggle-label .sso-toggle-label-disable {
  opacity: 0.35 !important;
}
.admin-setting-section .sso-toggle-container .sso-toggle .sso-toggle-label a {
  text-decoration: none;
  margin-left: 0.5rem;
  color: #2254c6;
  animation-timing-function: ease-out;
  animation-duration: 300ms;
}
.admin-setting-section .sso-toggle-container .sso-toggle .sso-setup-link {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6b7280;
}
.admin-setting-section .sso-toggle-container .sso-toggle .sso-setup-link:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.admin-setting-section .sso-toggle-container .sso-domains-list {
  display: flex;
  justify-content: flex-start !important;
  gap: 0.5rem;
  overflow-x: auto;
}
.admin-setting-section .sso-toggle-container .sso-domains-list .shd-pills {
  height: auto;
  background-color: #f3f4f6;
  padding: 2px 8px;
}
.admin-setting-section .sso-toggle-container .sso-domains-list .shd-pills .pills-label {
  background-color: #f3f4f6;
  color: #1f2937;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.admin-setting-section .sso-toggle-container .sso-domains-list::-webkit-scrollbar {
  height: 10px;
}
.admin-setting-section .sso-toggle-container .sso-domains-list::-webkit-scrollbar-track {
  background: #ffffff;
}
.admin-setting-section .sso-toggle-container .sso-domains-list::-webkit-scrollbar-thumb {
  border-top: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
  border-left: 5px solid #ffffff;
  border-radius: 20px;
}
.admin-setting-section .sso-toggle-container .sso-status {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 0.5rem;
  line-height: 18px;
}
.admin-setting-section .sso-toggle-container .sso-actions {
  justify-content: flex-start !important;
  gap: 1rem;
  color: #6b7280;
}
.admin-setting-section .sso-toggle-container .sso-actions .sso-actions--refresh-disabled {
  opacity: 0.35 !important;
}
.admin-setting-section .sso-toggle-container .sso-actions .sso-actions--refresh-disabled:hover {
  cursor: not-allowed;
}
.admin-setting-section .sso-toggle-container .table-cell {
  min-width: auto !important;
  line-height: 18px !important;
}
.admin-setting-section .sso-toggle-container .table-responsive::-webkit-scrollbar {
  height: 23px;
}
.admin-setting-section .sso-toggle-container .table-responsive::-webkit-scrollbar-track {
  background: #ffffff;
}
.admin-setting-section .sso-toggle-container .table-responsive::-webkit-scrollbar-thumb {
  border: 8px solid #ffffff;
  border-radius: 30px;
}
.admin-setting-section .email-reveal-type--container {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  cursor: pointer;
  background-color: white;
  transition: border-color 0.15s ease;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--option:hover {
  border-color: #346aff;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--option.selected {
  border-color: #0137fc;
  background-color: #eff6ff;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--option .email-reveal-type--option-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--option .email-reveal-type--option-left .bs-radio {
  margin: 0;
  cursor: pointer;
  accent-color: #0137fc;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--option .email-reveal-type--option-left .email-reveal-type--option-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--option .email-reveal-type--credit {
  flex-shrink: 0;
}
.admin-setting-section .email-reveal-type--container .email-reveal-type--note {
  padding: 0.625rem 0.75rem;
  background-color: #f3f4f6;
  border-radius: 0.25rem;
}
.admin-setting-section .email-reveal-type--container .shd-button {
  width: fit-content;
}
.admin-setting-section .prospect-restriction--radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.25rem;
  margin-left: 2.5rem;
  margin-bottom: 1.5rem;
}
.admin-setting-section .prospect-restriction--radio-group.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.admin-setting-section .prospect-restriction--radio-group .rb-group .bs-radio-wrapper span:last-child {
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  font-weight: 400;
}
.admin-setting-section .prospect-restriction--radio-group .shd-button {
  min-width: 5.0625rem;
  width: fit-content;
}
.admin-setting-section .admin-setting-toggle--label .mfa-toggle-label-disable {
  color: #1f2937;
  opacity: 0.35 !important;
}

.confirmation-modal-v3 .sso-setup-form-container form {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
  width: 100%;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-input {
  margin-bottom: 0rem;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-input .bs-input-affix-wrapper.input-error {
  border: 1px solid #fca5a5;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-input .bs-input-label-suffix {
  color: #b91c1c;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-input .bs-input-label-prefix {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #6b7280;
  margin-bottom: 0.25rem;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-input input {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-input input::placeholder {
  color: #9ca3af;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input {
  width: 100%;
  margin-bottom: 0rem;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .admin-setting-sso-input--label-wrapper {
  display: flex;
  gap: 0.25rem;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .admin-setting-sso-input--label-wrapper .admin-setting-sso-input--label {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #6b7280;
  margin-bottom: 0.25rem;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container {
  min-height: 2rem;
  height: auto !important;
  grid-gap: unset;
  gap: unset;
  padding: 6px 8px;
  border: 1px solid #d9d9d9;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container input {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container input::placeholder {
  color: #9ca3af;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container:placeholder-shown {
  text-overflow: ellipsis;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container:hover {
  border-color: #346aff;
  border-right-width: 1px !important;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container:focus-within {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container .emails-and-domains-input--pills .pills-label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container.error {
  border: 1px solid #fca5a5;
}
.confirmation-modal-v3 .sso-setup-form-container form .admin-setting-sso-domain--input .emails-and-domains-input--container.error:focus-within {
  border: 1px solid #fca5a5;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.confirmation-modal-v3 .sso-setup-link-container .sso-setup-link-container--text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
  margin-bottom: 1rem;
}
.confirmation-modal-v3 .sso-setup-link-container .copy-content {
  background-color: #f9fafb;
  padding: 6px 16px;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  word-wrap: break-word;
}
.confirmation-modal-v3 .sso-setup-link-container .copy-content span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 20px;
  color: #4b5563;
  cursor: pointer;
}
.confirmation-modal-v3.sso-setup-link-modal .modal-dialog {
  width: 30.1875rem !important;
}

.smart-reverification__container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.25rem;
  margin-left: 2.5rem;
  max-width: max-content;
}
.smart-reverification__container .bs-checkbox-wrapper {
  line-height: 1.25rem;
}
.smart-reverification__container .bs-checkbox-wrapper .checkbox-label-text {
  color: #1f2937 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.14px;
  padding: 0;
  margin-left: 0.5rem;
  display: inline-block;
}
.smart-reverification__container .bs-checkbox-wrapper-disabled {
  opacity: 0.5;
}
.smart-reverification__container .shd-button {
  min-width: 5.0625rem;
  width: fit-content;
}
.smart-reverification__content {
  margin-left: 0.375rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.smart-reverification__content.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reverification__divider {
  width: 0.1875rem;
  height: 3.5rem;
  border-radius: 0.25rem;
  background: #f3f4f6;
}
.smart-reverification__input-field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.smart-reverification__input-label-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.smart-reverification__input-label-text {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.14px;
}
.smart-reverification__info-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
}
.smart-reverification__info-icon svg {
  width: 100%;
  height: 100%;
  color: #6b7280;
}
.smart-reverification__input-container {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.smart-reverification__number-input {
  width: 5.625rem !important;
}
.smart-reverification__input-unit {
  margin: 0;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.14px;
}
.smart-reverification__input-error {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.smart-reverification__input-error svg {
  color: #b91c1c;
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
}
.smart-reverification__input-error p {
  color: #b91c1c;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}

.smart-reverification__tooltip .tooltip-inner {
  max-width: 12.875rem;
}

.call-outcomes-container .call-outcome-system-tab tr th:last-of-type {
  justify-content: end;
  align-items: center;
  display: flex;
  padding-right: 2.9rem;
}
.call-outcomes-container .call-outcome-system-tab td:last-of-type {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 1.875rem;
}
.call-outcomes-container .call-outcome-custom-tab tr th:last-of-type {
  justify-content: end !important;
  align-items: center !important;
  display: flex !important;
  padding-right: 2.9rem !important;
}
.call-outcomes-container .call-outcome-custom-tab td:last-of-type {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 1.875rem;
}
.call-outcomes-container .call-outcome-grid {
  width: 100%;
  height: 100%;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .bs-tabs-nav {
  margin-bottom: 1.5rem !important;
  display: flex;
  align-items: start !important;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .bs-tabs-nav::before {
  border-bottom: 0rem solid #e8e8e8 !important;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 1.875rem !important;
  align-self: auto !important;
  top: 0;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn {
  font-size: 0.875rem;
  font-weight: 500;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .bs-tabs > .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 40px;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .bs-tabs-top > .bs-tabs-nav {
  margin: 0 0 24px 0;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container {
  position: relative;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .call-outcome-actions-bar .call-outcome-search {
  background-color: #ffffff;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .call-outcome-actions-bar .call-outcome-search .bs-input-md {
  background-color: #ffffff;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .call-outcome-actions-bar {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
  min-height: 2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .call-outcome-actions-bar .bs-input-affix-wrapper:focus,
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .call-outcome-actions-bar .bs-input-affix-wrapper:focus-within {
  box-shadow: none !important;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper {
  height: calc(100% - 10rem);
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list {
  overflow-y: auto;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .bs-table-small {
  border: 1px solid #eaedef;
  border-radius: 4px 4px 0px 0px;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background-color: #f3f4f6;
  pointer-events: none;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body tr td {
  height: 62px !important;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .call-outcome-sentiment-badge {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  width: fit-content;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .call-outcome-sentiment-badge .call-outcome-sentiment-text {
  color: #1f2937;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .call-outcome-sentiment-badge .call-outcome-sentiment-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .call-outcome-name-container .call-outcome-name-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td:hover .call-outcome-name-container .call-outcome-name-content svg {
  margin-top: -3px;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .call-outcome-sentiment-badge {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  width: fit-content;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .call-outcome-sentiment-badge .call-outcome-sentiment-text {
  color: #1f2937;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .call-outcome-sentiment-badge .call-outcome-sentiment-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .call-outcome-name-container .call-outcome-name-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.call-outcomes-container .call-outcome-grid .call-outcome-content-container .table-wrapper .table-list .react-bootstrap-table .table-organism .table-organism-body td .call-outcome-name-container .call-outcome-name-content svg {
  margin-top: -3px;
}
.call-outcomes-container .call-outcome-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 15% 0 3rem 0;
  margin: auto;
  text-align: center;
}
.call-outcomes-container .call-outcome-empty-state .call-outcome-empty-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.call-outcomes-container .call-outcome-empty-state .call-outcome-empty-inner .call-outcome-empty-image {
  width: 80px;
  height: 80px;
}
.call-outcomes-container .call-outcome-empty-state .call-outcome-empty-inner .call-outcome-empty-title {
  display: flex;
  align-items: flex-start;
  color: #1f2937;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.call-outcomes-container .call-outcome-empty-state .call-outcome-empty-inner .call-outcome-empty-description {
  color: #6b7280;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.call-outcomes-container .call-outcome-empty-state .call-outcome-empty-inner .call-outcome-empty-description a {
  color: #1d4ed8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
}

.add-call-outcome-modal .modal-dialog {
  max-width: 31.25rem;
}
.add-call-outcome-modal .modal-dialog .modal-header-custom {
  display: flex;
  align-items: center;
}
.add-call-outcome-modal .modal-dialog .modal-header-custom h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #262626;
  width: 100%;
  margin: 0;
}
.add-call-outcome-modal .modal-dialog .modal-content {
  padding: 15px 0px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-body {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-body .bs-input-label-prefix {
  font-size: 12px;
  margin-bottom: 4px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-body .select-label {
  margin-top: 10px;
  cursor: default;
  margin-bottom: 4px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-body .bs-select-box-text {
  font-size: 14px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-body hr {
  border-width: 2px;
  margin-top: 30px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-body .bs-input-container {
  margin-top: 10px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-body .bs-input-container input {
  padding: 3px;
  border-radius: 4px;
  font-size: 14px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-body .info-icon {
  position: absolute;
  left: 177px;
  bottom: 85px;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  padding: 0 1.1rem;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-footer .btn-ghost-primary {
  width: 100px;
  height: 32px;
  border-color: #d9d9d9;
  color: #595959;
}
.add-call-outcome-modal .modal-dialog .modal-content .modal-footer .btn-solid-primary {
  width: 100px;
  height: 32px;
  background-color: #1d4ed8;
}
.add-call-outcome-modal .modal-dialog .call-outcome-modal-body {
  color: #6b7280;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.add-call-outcome-modal .modal-dialog .call-outcome-modal-body .bs-input-label-prefix {
  color: #6b7280;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.add-call-outcome-modal .modal-dialog .call-outcome-modal-body .bs-input-affix-wrapper {
  height: 32px;
}
.add-call-outcome-modal .modal-dialog .call-outcome-modal-body .bs-select-box {
  height: 32px;
}
.add-call-outcome-modal .modal-dialog .call-outcome-modal-body .sentiment-content {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1f2937;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.add-call-outcome-modal .modal-dialog .call-outcome-modal-body .sentiment-content .sentiment-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.add-call-outcome-modal .modal-dialog .fallback-text-input {
  margin-top: 2%;
}
.add-call-outcome-modal .modal-dialog .error-label {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.3125rem;
  font-size: 0.625rem;
  color: #b91c1c;
}
.add-call-outcome-modal .modal-dialog .modal-footer {
  display: flex;
}

.delete-call-outcome-modal .popover-arrow-color-txt {
  color: #1f2937;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.delete-call-outcome-modal .modal-dialog .modal-content .modal-header .delete-modal-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.delete-call-outcome-modal .modal-dialog .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  gap: 16px;
}
.delete-call-outcome-modal .modal-dialog .modal-content .modal-footer .btn-solid-primary:focus, .delete-call-outcome-modal .modal-dialog .modal-content .modal-footer .btn-solid-primary:active, .delete-call-outcome-modal .modal-dialog .modal-content .modal-footer .btn-solid-primary:not(:disabled):not(.disabled):active {
  border-color: #b91c1c;
  background-color: #b91c1c;
}

.delete-call-outcome-transfer .transfer-container .transfer-body .transfer-content {
  height: 16.3rem;
  overflow-y: scroll;
}

.call-outcome-add-btn.btn-solid-primary {
  background: #1d4ed8 !important;
  color: #fff !important;
}
.call-outcome-add-btn.btn-solid-primary.disabled {
  opacity: 0.34;
}

.auth {
  width: 100%;
  height: 100%;
  min-height: 32.625rem;
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.auth .testimonials-container {
  width: 475px;
  min-height: 100vh;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding: 3rem;
  padding-right: 4.5625rem;
  background: linear-gradient(246deg, #dce1fe 3.34%, #eff2fe 87.55%);
  box-shadow: -0.125rem 0px 0.5rem #dbeafe;
  border-radius: 0px;
}
.auth .testimonials-container .copyright {
  width: 8.125rem;
  height: 1.5rem;
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  color: #6b7280;
}
.auth .auth-wrapper {
  width: calc(100% - 440px);
  height: 100%;
  min-height: 100vh;
  margin-left: -25px;
  overflow: hidden auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: -2px 0px 8px #e5e7eb;
  border-radius: 2.25rem 0px 0px 2.25rem;
}
.auth .auth-container {
  width: 28.75rem;
}
.auth .auth-container .auth-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}
.auth .auth-container.gap-0 {
  gap: 0;
}
.auth .auth-container .sh-logo {
  display: none;
  margin-bottom: 2rem;
}
.auth .auth-container .sh-logo img {
  max-width: 18.75rem;
  max-height: 6.25rem;
}
.auth .auth-container--title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: center;
  color: #1f2937;
  margin: 0;
}
.auth .auth-container--sub-title {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
}
.auth .auth-container--sub-title a,
.auth .auth-container--sub-title .link {
  color: #1d4ed8;
  text-decoration: none;
  transition: all 0.2s ease;
}
.auth .auth-container--sub-title a:hover, .auth .auth-container--sub-title a:focus,
.auth .auth-container--sub-title .link:hover,
.auth .auth-container--sub-title .link:focus {
  text-decoration: underline;
}
.auth .auth-container--form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.auth .auth-container--form .auth-form-row {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  width: 100%;
}
.auth .auth-container--form .auth-form-row .auth-form-input {
  width: 100%;
}
.auth .auth-container--form .auth-form-row .auth-form-input.email {
  width: 28.75rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input.password {
  width: 28.75rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input.password .password-validation-label {
  font-size: 0.625rem;
  line-height: 1.125rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input.password .password-validation-checklist-container {
  margin-bottom: 0;
}
.auth .auth-container--form .auth-form-row .auth-form-input.password .password-validation-checklist-container ul li p {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container {
  margin: 0;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-label-prefix {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #6b7280;
  margin-bottom: 0.3125rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-affix-wrapper {
  height: 2.25rem;
  padding: 0.5rem 1rem;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  line-height: 1.25rem;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-affix-wrapper .bs-input {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-affix-wrapper .bs-input::placeholder {
  color: #d1d5db;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-affix-wrapper:focus, .auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-affix-wrapper:focus-within {
  outline: none;
  box-shadow: none;
  border-color: #1d4ed8;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-affix-wrapper.input-error {
  border-color: #fca5a5;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-affix-wrapper.input-error:focus, .auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-affix-wrapper.input-error:focus-within {
  border-color: #fca5a5;
}
.auth .auth-container--form .auth-form-row .auth-form-input .bs-input-container .bs-input-label-suffix {
  width: 100%;
  height: 1.125rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #b91c1c;
  mix-blend-mode: normal;
  margin-top: 0.25rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone p {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #6b7280;
  margin: 0;
  margin-bottom: 0.3125rem;
  margin-top: 0.25rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .form-control {
  width: 100%;
  height: 2.25rem;
  padding-left: 0.75rem;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0 0.25rem 0.25rem 0;
  line-height: 1.25rem;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
  font-size: 0.875rem;
  color: #1f2937;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .form-control::placeholder {
  color: #d1d5db;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .form-control:focus, .auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .form-control:focus-within {
  outline: none;
  box-shadow: none;
  border-color: #1d4ed8;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .form-control:focus + .flag-dropdown, .auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .form-control:focus-within + .flag-dropdown {
  border-color: #1d4ed8;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .flag-dropdown {
  border: 0.0625rem solid #e5e7eb;
  border-right: none;
  border-radius: 0.25rem 0 0 0.25rem;
  background-color: transparent;
  padding: 0.5rem;
  width: 3.5rem;
  height: 2.25rem;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  z-index: 1;
  position: relative;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .flag-dropdown .selected-flag {
  width: 100%;
  padding: 0;
  border-radius: 0;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input .flag-dropdown .selected-flag .flag .arrow {
  left: 1.625rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .form-control,
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .flag-dropdown {
  border-color: #fca5a5;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .form-control:focus, .auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .form-control:focus-within,
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .flag-dropdown:focus,
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .flag-dropdown:focus-within {
  outline: none;
  box-shadow: none;
  border-color: #fca5a5;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .form-control:focus + .form-control, .auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .form-control:focus + .flag-dropdown, .auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .form-control:focus-within + .form-control, .auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .form-control:focus-within + .flag-dropdown,
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .flag-dropdown:focus + .form-control,
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .flag-dropdown:focus + .flag-dropdown,
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .flag-dropdown:focus-within + .form-control,
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input.input-error .flag-dropdown:focus-within + .flag-dropdown {
  border-color: #fca5a5;
}
.auth .auth-container--form .auth-form-row .auth-form-input.phone .phone-form-input-error {
  width: 13.75rem;
  height: 1.125rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #b91c1c;
  mix-blend-mode: normal;
  margin: 0;
  margin-top: 0.25rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input .forgot-password {
  text-align: right;
  margin-top: 0.25rem;
}
.auth .auth-container--form .auth-form-row .auth-form-input .forgot-password a {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #2563eb;
}
.auth .auth-container--form .auth-form-row.sms-consent-row {
  justify-content: center;
}
.auth .auth-container--form .auth-form-row.sms-consent-row .sms-consent-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  width: 28.75rem;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: left;
  color: #6b7280;
}
.auth .auth-container--form .auth-form-row.sms-consent-row .sms-consent-checkbox input {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin: 0.125rem 0 0;
}
.auth .auth-container--form .auth-form-row.sms-consent-row .sms-consent-checkbox span {
  display: block;
}
.auth .auth-container--form .shd-button {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  height: auto;
  background: linear-gradient(46deg, #2563eb 17.53%, #3b82f6 96.95%);
  transition: background 0.2s linear;
}
.auth .auth-container--form .shd-button:hover {
  background: linear-gradient(46deg, #1c5be5 17.53%, #337bf0 96.95%);
}
.auth .auth-container .mfa-form {
  gap: 1.5rem;
}
.auth .auth-container .mfa-form .shd-button {
  background: linear-gradient(46deg, #2563eb 17.53%, #3b82f6 96.95%);
  transition: background 0.2s linear;
}
.auth .auth-container .mfa-form .shd-button:hover {
  background: linear-gradient(46deg, #1c5be5 17.53%, #337bf0 96.95%);
}
.auth .auth-container .mfa-form--message-container {
  display: block;
  text-align: center;
  margin-top: 0.5rem;
}
.auth .auth-container .mfa-form--message-container .message {
  color: #4b5563;
  font-weight: 400;
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.auth .auth-container .mfa-form--message-container .email-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1.25rem;
  gap: 0.25rem;
}
.auth .auth-container .mfa-form--message-container .email-container .email {
  color: #1f2937;
  font-weight: 600;
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.auth .auth-container .mfa-form--message-container .email-container .edit-action {
  color: #9ca3af;
  cursor: pointer;
}
.auth .auth-container .mfa-form--error-message {
  margin-top: 0.25rem;
  color: #b91c1c;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.auth .auth-container .mfa-form--hint-message {
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
.auth .auth-container .mfa-form--resend-container {
  color: #374151;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.auth .auth-container .mfa-form--resend-container .strong-text {
  font-weight: 600;
}
.auth .auth-container .mfa-form--resend-container .resend-btn {
  color: #2563eb;
  font-weight: 500;
  cursor: pointer;
}
.auth .auth-container .mfa-form .otp-container {
  gap: 0.75rem;
  justify-content: center;
}
.auth .auth-container .mfa-form .otp-input {
  width: 3.125rem !important;
  height: 3.125rem;
  padding: 0;
  text-transform: uppercase;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  color: #343a40;
  font-size: 1rem;
  font-weight: 400;
}
.auth .auth-container .mfa-form .otp-input:hover {
  border-color: #529dff;
}
.auth .auth-container .mfa-form .otp-input:focus {
  border-color: #529dff;
  box-shadow: 0 0 0 2px rgba(42, 127, 255, 0.2);
}
.auth .auth-container .mfa-form .otp-input:focus-visible {
  outline: 0px;
}
.auth .auth-container .mfa-form .otp-input-error {
  border-color: #fca5a5;
}
.auth .auth-container .mfa-form .otp-input-error:hover {
  border-color: #fca5a5;
}
.auth .auth-container .mfa-form .otp-input-error:focus {
  border-color: #fca5a5;
  box-shadow: 0 0 0 2px rgba(252, 165, 165, 0.2);
}
.auth .auth-container .verification-title {
  font-size: 1.125rem !important;
}
.auth .auth-container .sso-login-form {
  gap: 2rem;
}
.auth .auth-container .sso-setup-back-link {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.auth .auth-container .sso-setup-back-link p {
  margin: 0;
  color: #6b7280;
}
.auth .auth-container .sso-setup-back-link p a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  text-decoration: none;
  color: #6b7280;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.auth .auth-container .sso-login-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.auth .auth-container .sso-login-spinner .spinner--blue {
  height: 40px;
  width: 40px;
}
.auth .auth-container .sso-login-spinner .sso-login-spinner-text {
  margin-top: 1rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #9ca3af;
}
.auth .privacy-policy-text {
  width: 18.75rem;
  height: 2.25rem;
  margin-top: 1rem;
  text-align: center;
}
.auth .privacy-policy-text p {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: center;
  color: #6b7280;
  margin: 0;
}
.auth .privacy-policy-text p a {
  color: #6b7280;
  text-decoration: underline;
  transition: all 0.2s ease;
}
.auth .privacy-policy-text p a:hover, .auth .privacy-policy-text p a:focus {
  color: #1d4ed8;
}
.auth .bottom-navigation {
  width: 13.9375rem;
  margin-top: 1.5rem;
}
.auth .bottom-navigation p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  margin: 0;
  text-align: center;
}
.auth .bottom-navigation p a {
  color: #2563eb;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 500;
}
.auth .bottom-navigation p a:hover, .auth .bottom-navigation p a:focus {
  text-decoration: underline;
}

.oauth-buttons-container {
  width: 100%;
}
.oauth-buttons-container .oauth-divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 24px;
  color: #9ca3af;
}
.oauth-buttons-container .oauth-divider::before, .oauth-buttons-container .oauth-divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #e5e7eb;
}
.oauth-buttons-container .oauth-divider span {
  padding: 0 8px;
  font-size: 14px;
}
.oauth-buttons-container .oauth-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
  border: 1px solid #e5e7eb !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6b7280;
}
.oauth-buttons-container .oauth-button span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.oauth-buttons-container .google-button:hover {
  background-color: #f8f9fa;
}
.oauth-buttons-container .microsoft-button:hover {
  background-color: #f8f9fa;
}

@media only screen and (max-width: 1023px) {
  .auth {
    height: 100vh;
    min-height: 100vh;
    display: block;
  }
  .auth .testimonials-container {
    display: none;
  }
  .auth .auth-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    border-radius: 0;
    padding: 3rem 1rem;
    display: block;
  }
  .auth .auth-wrapper .auth-container {
    width: 100%;
    max-width: 28.75rem;
    margin: 0 auto;
  }
  .auth .auth-wrapper .auth-container .sh-logo {
    display: block;
  }
  .auth .auth-wrapper .auth-container .sh-logo img {
    max-width: 18.75rem;
    max-height: 6.25rem;
  }
  .auth .auth-wrapper .auth-container .auth-form-row {
    width: 100%;
    flex-direction: column;
  }
  .auth .auth-wrapper .auth-container .auth-form-row .auth-form-input,
  .auth .auth-wrapper .auth-container .auth-form-row .email,
  .auth .auth-wrapper .auth-container .auth-form-row .password {
    width: 100%;
    max-width: 28.75rem;
  }
}
@media only screen and (max-width: 1280px) {
  .auth-wrapper .testimonials-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.form-control-select .transfer-container .transfer-body .transfer-content {
  max-height: 13rem;
}

.invalid-msg-container {
  padding: 2.8125rem 5rem;
}
.invalid-msg-container .btn-solid-primary.disabled,
.invalid-msg-container .btn-solid-primary:disabled {
  background-color: #346aff;
  color: white;
}
.invalid-msg-container .invalid-msg-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.invalid-msg-container .invalid-msg-inner .top-welcome {
  text-align: center;
  width: 22.5rem;
  margin: 0 auto;
}
.invalid-msg-container .invalid-msg-inner .top-welcome h3 {
  color: #000000;
  margin-top: 1.625rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .invalid-msg-container .invalid-msg-inner .top-welcome h3 {
    font-size: 145%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .invalid-msg-container .invalid-msg-inner .top-welcome h3 {
    font-size: 220%;
  }
}
.invalid-msg-container .invalid-msg-inner .top-welcome p {
  margin-bottom: 1rem;
  color: #000000;
}
.invalid-msg-container .invalid-msg-inner .top-welcome p a {
  color: #0137fc;
  cursor: pointer;
}
.invalid-msg-container .invalid-msg-inner .top-welcome p a:hover {
  text-decoration: underline;
}
.invalid-msg-container .invalid-msg-inner .top-welcome--image-text {
  font-style: bold;
}
.invalid-msg-container .invalid-msg-inner .reset-pass-success-message {
  width: 22.5rem;
}
.invalid-msg-container .invalid-msg-inner .form-section {
  width: 21.25rem;
  margin: 0 auto;
}
.invalid-msg-container .invalid-msg-inner .form-section .btn-solid {
  width: 100%;
  margin-top: 1rem;
}
.invalid-msg-container .invalid-msg-inner .form-section .bs-input-container {
  margin: 0 auto 1rem auto;
  text-align: left;
}
.invalid-msg-container .invalid-msg-inner .reset-success-note {
  text-align: center;
}
.invalid-msg-container .invalid-msg-inner .login-link {
  margin: 1rem auto 0 auto;
  text-align: center;
}
.invalid-msg-container .invalid-msg-inner .login-link a {
  color: #0137fc;
}
.invalid-msg-container .invalid-msg-inner .login-link a:hover {
  text-decoration: underline;
}
.invalid-msg-container .invalid-msg-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.invalid-msg-container .invalid-msg-header img {
  width: 50px;
}

.auth.mcp-auth-success-layout {
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: block;
  overflow: hidden;
}

.mcp-auth-success-page {
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(246deg, #dce1fe 3.34%, #eff2fe 87.55%);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.mcp-success-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

.mcp-success-logo {
  margin-bottom: 60px;
  line-height: 0;
}

.mcp-success-container--consent .mcp-success-logo {
  margin-bottom: 24px;
}

.mcp-success-logo svg {
  width: 192px;
  height: 45px;
}

.mcp-success-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(79, 111, 255, 0.1), 0 2px 8px rgba(0, 0, 0, 0.05);
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 480px;
}

.mcp-success-card--error {
  max-width: 560px;
}

.mcp-success-card--restricted {
  max-width: 560px;
}

.mcp-success-card--consent {
  max-width: 560px;
  text-align: left;
}

.mcp-consent-redirect-label {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px;
}

.mcp-consent-redirect-uri {
  font-size: 13px;
  color: #2563eb;
  background: #f3f4f6;
  border-radius: 8px;
  padding: 10px 12px;
  word-break: break-all;
  margin: 0 0 20px;
}

.mcp-consent-scope-list {
  margin: 0 0 24px;
  padding-left: 20px;
  list-style: disc;
}
.mcp-consent-scope-list li {
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
  margin-bottom: 8px;
}

.mcp-consent-actions {
  width: 100%;
  display: flex;
  gap: 12px;
}
.mcp-consent-actions button {
  flex: 1;
}

.mcp-success-icon {
  margin-bottom: 24px;
}

.mcp-success-icon svg {
  width: 96px;
  height: 96px;
}

.mcp-success-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #1f2937;
  margin-bottom: 12px;
}

.mcp-success-message {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.5;
  margin-bottom: 16px;
}

.mcp-success-message--error {
  color: #ef4444;
  margin-bottom: 0;
}

.mcp-success-message--restricted {
  margin-bottom: 0;
}

.mcp-success-redirect {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
  font-style: italic;
}

.mcp-success-note {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}

.mcp-success-manual-link {
  font-size: 14px;
  margin: 24px 0 0;
  color: #9ca3af;
  line-height: 1.5;
}

.mcp-success-link {
  color: #9ca3af;
  text-decoration: none;
  transition: all 0.2s ease;
}

.mcp-success-link:hover,
.mcp-success-link:focus {
  color: #6b7280;
  text-decoration: underline;
}

.mcp-success-actions {
  width: 100%;
  margin-top: 24px;
}

.mcp-success-pricing-btn {
  max-width: 220px;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .mcp-success-container {
    padding: 32px 20px;
  }
  .mcp-success-logo {
    margin-bottom: 40px;
  }
  .mcp-success-card {
    padding: 36px 24px;
    border-radius: 12px;
  }
  .mcp-success-icon svg {
    width: 80px;
    height: 80px;
  }
  .mcp-success-title {
    font-size: 24px;
  }
  .mcp-success-message {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .mcp-success-message--restricted {
    margin-bottom: 0;
  }
  .mcp-success-pricing-btn {
    max-width: 100%;
  }
}
.verification-code {
  text-align: center;
  color: #262626;
  display: flex;
  justify-content: center;
  align-items: center;
}
.verification-code .btn-solid-primary.disabled,
.verification-code .btn-solid-primary:disabled {
  background-color: #346aff;
  color: white;
}
.verification-code--text {
  color: #8c8c8c;
}
.verification-code .verification-code-timer {
  color: #8c8c8c;
}
.verification-code .verification-code-resend-option-wrapper {
  margin-left: 4px;
}
.verification-code .verification-code-resend-option-wrapper .verification-code-resend {
  color: #0137fc;
  cursor: pointer;
}
.verification-code .verification-code-resend-option-wrapper .verification-code-resend:hover {
  text-decoration: underline;
}
.verification-code .verification-code-resend-option-wrapper .verification-code-resend-disabled {
  color: #bfbfbf;
  cursor: not-allowed;
}
.verification-code .verification-code-resend-option-wrapper .verification-code-resend-loading {
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
}
.verification-code .verification-code-resend-option-wrapper .verification-code-resend-loading i.icon-loading {
  animation: spin 2s linear infinite;
}

.ltd-container {
  height: 100vh;
  max-height: 100vh;
  background-color: #f9fafb;
}
.ltd-container .user-right {
  background-color: transparent;
}
.ltd-container .user-right .top-welcome {
  margin-top: 2.5rem;
}
.ltd-container .user-right .top-welcome--header {
  font-weight: 700;
  font-size: 1rem !important;
  line-height: 1.5rem;
  color: #1f2937 !important;
  margin-bottom: 0.5rem !important;
  margin-top: 0;
}
.ltd-container .user-right .top-welcome--body {
  font-size: 0.75rem !important;
  line-height: 1.125rem;
  color: #6b7280;
}
.ltd-container .user-right .form-section {
  background-color: #ffffff;
  margin-top: 1.625rem;
  margin-bottom: 1.875rem;
  padding: 1.875rem;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  box-sizing: border-box;
  width: 28.875rem;
  min-height: 20.1875rem;
  height: auto;
}
.ltd-container .user-right .form-section form {
  margin-top: 0;
}
.ltd-container .user-right .form-section .bs-input-container {
  margin: 0;
}
.ltd-container .user-right .form-section .bs-input-container .bs-input-label-prefix {
  font-weight: 600;
  font-size: 0.75rem;
  color: #6b7280;
}
.ltd-container .user-right .form-section .bs-input-container:first-of-type {
  margin-bottom: 1.25rem;
}
.ltd-container .user-right .form-section .bs-input-container .input-error {
  border-color: #b91c1c;
}
.ltd-container .user-right .form-section .bs-input-container .input-error .bs-input-suffix {
  color: #9ca3af !important;
}
.ltd-container .user-right .form-section .bs-input-container .bs-input-label-suffix {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1rem;
  color: #b91c1c;
}
.ltd-container .user-right .form-section .bs-input-container .bs-input-affix-wrapper input {
  color: #1f2937;
}
.ltd-container .user-right .form-section .btn-solid:disabled {
  border-color: #1d4ed8;
  background-color: #1d4ed8;
  opacity: 0.35;
}
.ltd-container .user-right .form-section .sign-up-btn {
  width: 25rem;
  background-color: #1d4ed8;
}
.ltd-container .user-right .form-section .sign-up-btn:hover {
  background-color: #1e40af;
}
.ltd-container .user-right .privacy-policy-text {
  width: 28.75rem;
}
.ltd-container .user-right .privacy-policy-text p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
}
.ltd-container .user-right .privacy-policy-text p a {
  color: #1d4ed8;
}
.ltd-container .plan-summary {
  width: 25rem;
}
.ltd-container .plan-summary--logo {
  width: 3.125rem;
  height: 3.125rem;
  background: #ffffff;
  border: 0.0625rem solid #dbeafe;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ltd-container .plan-summary--logo img {
  width: 1.5rem;
  height: 1.5rem;
}
.ltd-container .plan-summary--description h3 {
  line-height: 1.125rem;
}
.ltd-container .plan-summary--description p {
  line-height: 1.25rem;
}
.ltd-container .plan-options {
  width: 25rem;
  margin-top: 1.875rem;
}
.ltd-container .plan-options--select {
  margin-right: 0.875rem;
}
.ltd-container .plan-options .bs-select-box {
  margin-top: 0.3125rem;
  width: 100px;
  height: 2.25rem;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
}
.ltd-container .plan-options .bs-select-box:focus {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 0.0625rem #1d4ed8;
}
.ltd-container .plan-options .bs-select-box-icon-wrapper i {
  color: #9ca3af;
}
.ltd-container .plan-options .bs-input-number {
  margin-top: 0.3125rem;
  width: 6.25rem;
  height: 2.25rem;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
}
.ltd-container .plan-options .bs-input-number input {
  height: 2.25rem;
  padding: 0px 1rem;
}
.ltd-container .plan-options .bs-input-number input:focus {
  box-shadow: none !important;
}
.ltd-container .plan-options--name {
  margin-top: 0.3125rem;
  width: 16.875rem;
  height: 2.25rem !important;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
}
.ltd-container .plan-options--name input {
  padding: 0px 1rem;
}
.ltd-container .plan-options--name input:focus {
  box-shadow: none !important;
}
.ltd-container .plan-options--name input:disabled {
  color: #595959;
  background-color: transparent;
  user-select: none;
}
.ltd-container .plan-options--slots:focus, .ltd-container .plan-options--slots:focus-within, .ltd-container .plan-options--name:focus, .ltd-container .plan-options--name:focus-within {
  border-color: #1d4ed8 !important;
  box-shadow: 0 0 0 1px #1d4ed8 !important;
}
.ltd-container .buy-now-btn {
  width: 25rem;
  background-color: #1d4ed8;
}
.ltd-container .buy-now-btn:hover {
  background-color: #1e40af;
}
.ltd-container .plan-total {
  width: 25rem;
}
.ltd-container .plan-total h1 {
  line-height: 1.25rem;
}
.ltd-container .plan-separator {
  width: 25rem;
  height: 1px;
  background: #f3f4f6;
  border-radius: 4px;
  margin: 20px 0;
}
.ltd-container .have-adiscount-code {
  cursor: pointer;
}
.ltd-container .plan-note {
  width: 460px;
  height: 40px;
  margin: 0;
  margin-bottom: 30px;
}
.ltd-container .discount-code--input {
  height: 36px !important;
  border-color: #e5e7eb;
}
.ltd-container .discount-code--input:focus, .ltd-container .discount-code--input:focus-within {
  border-color: #1d4ed8 !important;
  box-shadow: 0 0 0 1px #1d4ed8 !important;
}
.ltd-container .discount-code--input.input-error {
  border-color: #fecaca;
}
.ltd-container .discount-code--input span[role=button] {
  line-height: 26px;
  font-size: 12px;
  font-weight: 500;
}
.ltd-container .discount-code--input .icon-loading {
  animation: spin 2s linear infinite;
}
.ltd-container .discount-code--input input::placeholder {
  color: #d1d5db;
  font-size: 0.75rem;
}
.ltd-container .coupon-code--wrapper {
  width: 25rem;
}
.ltd-container .coupon-code--status {
  width: 100%;
  height: 14px;
  line-height: 14px;
  text-align: right;
  margin: 0;
  margin-top: 5px;
}

.ltd-verification-modal .modal-content {
  max-width: 28.125rem;
}
.ltd-verification-modal .modal-content .modal-body {
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  max-height: 90vh;
}
.ltd-verification-modal--otp-input {
  width: 13rem !important;
  height: 2.25rem !important;
  background: #f9fafb !important;
  border-radius: 0.25rem !important;
  border: 0.0625rem solid #e5e7eb !important;
}
.ltd-verification-modal--otp-input:focus, .ltd-verification-modal--otp-input:focus-within {
  border-color: #1d4ed8 !important;
  box-shadow: 0 0 0 1px #1d4ed8 !important;
}
.ltd-verification-modal--otp-input .bs-input-number-input-wrap input {
  text-align: center;
  height: 2.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000000;
}
.ltd-verification-modal--otp-input .bs-input-number-handler-wrap {
  display: none;
}
.ltd-verification-modal .bs-input-number-error .ltd-verification-modal--otp-input {
  border-color: #b91c1c !important;
}
.ltd-verification-modal .bs-input-number-error .ltd-verification-modal--otp-input:focus, .ltd-verification-modal .bs-input-number-error .ltd-verification-modal--otp-input:focus-within {
  border-color: #b91c1c !important;
  box-shadow: 0 0 0 1px #b91c1c !important;
}
.ltd-verification-modal .verification-code {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
}
.ltd-verification-modal .verification-code-timer,
.ltd-verification-modal .verification-code-resend {
  font-weight: 400;
}
.ltd-verification-modal .verification-code-resend {
  color: #1d4ed8 !important;
}
.ltd-verification-modal .verification-submit-btn {
  width: 21.25rem;
  height: 2.5rem;
}
.ltd-verification-modal .verification-submit-btn:disabled {
  border-color: #1d4ed8;
  background-color: #1d4ed8;
  opacity: 0.35;
}
.ltd-verification-modal .verification-submit-btn:hover {
  background-color: #1e40af !important;
}
.ltd-verification-modal .verification-error-alert {
  width: 21.25rem;
  height: 1.875rem;
  border: 0.0625rem solid #fecaca !important;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  display: flex;
  justify-content: center !important;
  align-items: center;
}
.ltd-verification-modal .verification-error-alert .content-div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ltd-verification-modal .verification-error-alert .content-div span {
  line-height: 0.875rem;
}

.denied-container {
  width: 35.5rem;
  height: 80vh;
}
.denied-container img {
  margin-bottom: 3.125rem;
}
.denied-container .text-center {
  margin-top: 0.75rem;
}

.email-container {
  width: 28.75rem !important;
}

.demo-account-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100vw;
  height: 100vh;
  background-image: url("https://milkyway-saleshandy-static-files.s3.us-west-2.amazonaws.com/pyxis/demo.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.demo-account-container .spinner-border {
  border: 0.25rem solid #fff;
  border-right-color: transparent;
}
.demo-account-container h1 {
  margin: 0;
  color: #fff;
  font-weight: 700;
}

.checkout-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: #f5f5f5;
  font-family: system-ui, sans-serif;
}

.checkout-status {
  color: #374151;
  font-size: 18px;
}

.checkout-error {
  color: #dc2626;
  font-size: 18px;
  font-weight: 600;
}

.sequence-container .state-row {
  user-select: none;
}
.sequence-container .unsubscribe-error-text {
  color: #b91c1c;
  font-size: 12px;
  font-weight: 400;
}
.sequence-container {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: hidden;
  flex-grow: 1;
}
.sequence-container .sequence-header {
  color: #000000;
  padding: 0.5rem 2.5rem;
  box-shadow: 10px 0 30px rgba(220, 224, 230, 0.51);
  height: 4.5rem;
  position: relative;
  z-index: 1;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sequence-container .sequence-header p {
  margin: 0;
}
.sequence-container .sequence-header .steps-top-action {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-left: 3rem;
}
.sequence-container .sequence-header .steps-top-action .switchToggle label {
  margin: 0 1.5rem 0 0;
  top: 3px;
}
.sequence-container .sequence-header .steps-top-action .switchToggle label span {
  font-weight: 600;
}
.sequence-container .sequence-header .steps-top-action .dropdown-item-custom i {
  font-size: 1.125rem;
  top: 2px;
  margin-right: 0.5rem;
  color: #0137fc;
}
.sequence-container .sequence-header .steps-top-action a span {
  color: #595959;
}
.sequence-container .sequence-header .steps-top-action a:hover {
  text-decoration: none;
}
.sequence-container .sequence-header .steps-top-action a:hover span {
  color: #000000;
}
.sequence-container .sequence-components {
  width: 100%;
  height: 100%;
}
.sequence-container .sequence-components .sequence-list-container {
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-top: 1.375rem;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress .skip-onboarding-btn {
  padding: 0;
  height: 1.25rem;
  line-height: 1.25rem;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress .skip-onboarding-btn:not(.shd-button--disabled):hover, .sequence-container .sequence-components .sequence-list-container .onboarding-progress .skip-onboarding-btn:not(.shd-button--disabled):focus, .sequence-container .sequence-components .sequence-list-container .onboarding-progress .skip-onboarding-btn:not(.shd-button--disabled):focus-within {
  color: #1d4ed8;
  background-color: transparent;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress .on-progress-bar .progress-bar-wrapper {
  height: 0.375rem;
  border-radius: 0.5rem;
  background-color: #dbeafe;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items-secondary {
  height: 17.5rem;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items-secondary .steps {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items {
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .steps {
  width: 43.99%;
  background-color: #f9fafb;
  border-right: 1px solid #e5e7eb;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .steps__container {
  width: 100%;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .steps__container .completed-step {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .steps__item {
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .steps__item-completed {
  border: 1px solid #e5e7eb;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .steps__item-active {
  border-color: #1d4ed8;
  box-shadow: 0px 2px 8px 0px rgba(46, 87, 219, 0.3);
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .steps__item:hover {
  background-color: #eff6ff;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .right-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  width: 56.01%;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .right-container .video-container {
  display: flex;
  gap: 1.5rem;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .right-container .video-container .left-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .right-container .video-container .right-section {
  width: 21.25rem;
  height: 12.5rem;
  border-radius: 1rem;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .right-container .video-container .right-section img {
  width: 21.25rem;
  height: 12.5rem;
  border-radius: 1rem;
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .right-container .video-container .right-section .play-icon {
  width: 3rem;
  height: 3rem;
  padding: 12px 12px 12px 13px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4.6875rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 0px rgba(0, 32, 123, 0.8);
}
.sequence-container .sequence-components .sequence-list-container .onboarding-progress__items .right-container.right-container-skeleton .flex-1 {
  flex: 1;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap {
  width: 12.5rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper {
  border: 1px solid #d1d5db;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper .input-icons-left {
  margin: 0 !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper .bs-input-prefix,
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper .bs-input-suffix {
  color: #9ca3af;
  font-size: 1rem;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper .bs-input-prefix i,
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper .bs-input-suffix i {
  margin-top: 1px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper input {
  margin-left: 0.5rem;
  color: #1f2937;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper input::placeholder {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #9ca3af;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper:hover, .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper:focus, .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-search-input-wrap .bs-input-affix-wrapper:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-checkbox {
  margin-right: 1.5rem;
  padding-left: 0.5rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .btn-owner-select {
  min-width: 8.75rem;
  height: 2rem;
  background-color: #fff;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .btn-owner-select:hover, .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .btn-owner-select:focus, .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .btn-owner-select:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .btn-owner-select .icon-right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .bs-select-box {
  width: 160px;
  height: 2rem;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
  padding: 0.375rem 1rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .bs-select-box:hover, .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .bs-select-box:focus, .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .bs-select-box:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .rotate-90 {
  transform: rotate(90deg);
  display: inline-block;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-custom {
  background: #e8e8e8;
  border-radius: 4px;
  margin-left: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-custom .btn-solid-dropdown-custom {
    padding: 0.314rem 0.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-custom .btn-solid-dropdown-custom span {
    display: none;
  }
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-custom .btn-solid-dropdown-custom i {
  font-size: 16px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-custom:hover {
  background: #d9d9d9;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-custom:focus {
  outline: 0;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-custom .dropdown-menu-custom.sorting-dropdown .dropdown-item-custom {
  justify-content: space-between;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-progress-custom-btn {
  background: #ffffff;
  border: 1px solid #d1d5db;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-progress-custom-btn:hover {
  background: #ffffff;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-progress-custom-btn .dropdown-progress-item:hover {
  background: #eff6ff;
  color: #212529;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .dropdown-progress-custom-btn .selected-status-icon {
  margin-top: 4px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .action-delete {
  margin-left: 2rem;
  color: #ff4d4f;
  display: flex;
  align-items: center;
  padding: 0.375rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .action-delete {
    margin-left: 0.625rem;
  }
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .action-delete i {
  margin-right: 0.5rem;
  font-size: 16px;
  color: #ffa39e;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .action-delete:hover {
  text-decoration: none;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .action-delete:hover i {
  color: #ff4d4f;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-left: -0.3125rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper .sequence-action-btn {
  width: 2.125rem;
  height: 2rem;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper .sequence-action-btn i {
  font-size: 1.25rem;
  color: #6b7280;
  opacity: 1;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper .sequence-action-btn:hover {
  background: #dbeafe;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper .sequence-action-btn:hover i {
  color: #1d4ed8;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper.disabled .sequence-action-btn {
  cursor: not-allowed;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper.disabled .sequence-action-btn i {
  opacity: 0.35;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper.disabled .sequence-action-btn:hover {
  background: transparent;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-left .sequence-action-btn-wrapper.disabled .sequence-action-btn:hover i {
  color: #6b7280;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-filter-bar-right {
  margin-right: -3.6rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-search {
  margin-left: 0.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .sequence-container .sequence-components .sequence-list-container .sequence-filter-bar .sequence-search .bs-input-affix-wrapper {
    width: 11.25rem;
  }
}
.sequence-container .sequence-components .sequence-list-container .sequence-selection-info--wrapper {
  width: 100%;
  display: flex;
  justify-content: center !important;
  align-items: center;
  gap: 0.75rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-selection-info--wrapper p {
  margin: 0;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-selection-info--separator {
  width: 0.0625rem;
  height: 1.25rem;
  background: #9ca3af;
}
.sequence-container .sequence-components .sequence-list-container .sequence-selection-info--cta {
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.375rem;
  cursor: pointer;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list {
  padding: 0 1.5rem;
  flex-grow: 1;
  height: 100%;
  overflow-y: hidden;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .bs-table-tbody .align-avatar-left {
  display: flex;
  justify-content: flex-end;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list {
  height: 95%;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .sequence-table-header {
  height: 2.75rem;
  background: #fff;
  box-shadow: none;
  z-index: 15;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism tr:hover {
  background-color: #fff !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th {
  height: 1.25rem;
  max-height: 1.25rem;
  border-color: #f3f4f6;
  border-right: 1px solid #f3f4f6;
  padding: 0.5rem 1rem;
  vertical-align: middle;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type {
  border-right: none !important;
  position: sticky;
  vertical-align: middle;
  left: 0;
  top: 0;
  z-index: 4;
  background-color: #fff;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type.client-sequence-name-header {
  border-right: 1px solid #f3f4f6 !important;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type:hover {
  background-color: #fff;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
  border: 0.0625rem solid #9ca3af;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type {
  position: sticky;
  right: 0;
  z-index: 3;
  top: 0;
  padding: 0 !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type.created-by-header {
  position: relative;
  padding: 0.5rem 1rem !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type:hover {
  background-color: #fff;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(2) {
  border-right: none !important;
  position: sticky;
  left: 41px;
  z-index: 3;
  background-color: #fff;
  top: 0;
  padding: 0.5rem 0.25rem 0.5rem 0.75rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(2).client-sequence-progress-header {
  background-color: none;
  border-right: 1px solid #f3f4f6 !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(2).client-sequence-progress-header:hover {
  background-color: #f9fafb;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(2):hover {
  background-color: #fff;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(3) {
  position: sticky;
  left: 85px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(3).skeleton-loading {
  left: 81px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(3) {
  z-index: 3;
  background-color: #fff;
  vertical-align: middle;
  top: 0;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(3).client-prospect-col-header {
  box-shadow: none;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(3).client-prospect-col-header:hover {
  background-color: #f9fafb;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(3):hover {
  background-color: #fff;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(4) {
  min-width: 11.875rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(4).client-contacted-col-header {
  min-width: 8.887rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(5) {
  min-width: 6.125rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(6) {
  min-width: 8.5rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(7) {
  min-width: 9.125rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(8) {
  min-width: 8.25rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(9) {
  min-width: 8rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(10) {
  min-width: 8.25rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(11) {
  min-width: 9.4375rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(12) {
  min-width: 6.125rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(13) {
  min-width: 12.1875rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(13):hover {
  background-color: #fff;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(14):hover {
  background-color: #fff;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th div {
  display: flex;
  align-items: center;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:hover {
  background-color: #f9fafb;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:hover.created-by-header:hover {
  background-color: transparent;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header div span {
  font-weight: 700;
  color: #6b7280;
  line-height: 1rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr {
  height: 4.5rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td {
  height: 3.75rem;
  max-height: 20px !important;
  background: #fff;
  z-index: 10;
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 0.5rem 1rem !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.sequence-name .react-loading-skeleton {
  margin-left: 1rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.selection-cell {
  padding: 0.5rem 0.5rem 0.5rem 1rem !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.sequence-switch-col {
  padding: 0.5rem 0.25rem 0.5rem 0.75rem !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:first-of-type {
  padding-left: 1rem !important;
  border-left: 0.0625rem solid #f3f4f6;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 10;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:nth-of-type(3) {
  padding: 0 !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:nth-of-type(3).prospect-col-cell {
  padding: 0.5rem 1rem !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:last-of-type {
  position: sticky;
  right: 0;
  background: #fff;
  z-index: 1;
  padding: 0 !important;
  border-left: 0.0625rem solid #e5e7eb;
  border-bottom: 0.0625rem solid #e5e7eb;
  border-right: 0.0625rem solid #e5e7eb;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:last-of-type.sequence-owner {
  position: relative;
  padding: 0.5rem 1rem !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:last-of-type.action-btn {
  z-index: 3;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr:hover {
  box-shadow: none;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr:hover td {
  background: #f9fafb;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list.sequences-selected .table-list {
  height: 90%;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list.disabled-select-checkbox .table-list .selection-cell .show-disable-style,
.sequence-container .sequence-components .sequence-list-container .sequence-list.disabled-select-checkbox .table-list .selection-cell-header .show-disable-style {
  cursor: not-allowed !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list.disabled-select-checkbox .table-list .selection-cell .show-disable-style .bs-checkbox,
.sequence-container .sequence-components .sequence-list-container .sequence-list.disabled-select-checkbox .table-list .selection-cell-header .show-disable-style .bs-checkbox {
  cursor: not-allowed !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list.disabled-select-checkbox .table-list .selection-cell .show-disable-style .bs-checkbox .bs-checkbox-inner,
.sequence-container .sequence-components .sequence-list-container .sequence-list.disabled-select-checkbox .table-list .selection-cell-header .show-disable-style .bs-checkbox .bs-checkbox-inner {
  cursor: not-allowed !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list.disabled-select-checkbox .table-list .selection-cell .show-disable-style .bs-checkbox .bs-checkbox-input,
.sequence-container .sequence-components .sequence-list-container .sequence-list.disabled-select-checkbox .table-list .selection-cell-header .show-disable-style .bs-checkbox .bs-checkbox-input {
  cursor: not-allowed !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .selection-cell {
  border-right: none !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .selection-cell .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 4px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-switch-col {
  width: 1.75rem;
  border-right: none !important;
  position: sticky;
  left: 41px;
  z-index: 1;
  background-color: #fff;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-switch-col .switchToggle {
  display: flex;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-switch-col .switchToggle label {
  background: #e5e7eb;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-switch-col .switchToggle label span {
  white-space: nowrap;
}
@media only screen and (min-width: 1191px) and (max-width: 1281px) {
  .sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-switch-col .switchToggle label span {
    max-width: 40ch;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-switch-col .switchToggle label span {
    max-width: 34ch;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-switch-col .switchToggle input:checked + label {
  background: #1d4ed8;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-switch label {
  margin-bottom: 0;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name {
  min-width: 23rem !important;
  position: sticky;
  left: 85px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name.skeleton-loading {
  left: 81px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name {
  z-index: 1;
  background-color: #fff;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
@media only screen and (min-width: 2500px) {
  .sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name {
    width: 40% !important;
  }
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .sequence-name-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .sequence-name-wrapper .text-container {
  flex: 3 1;
  font-weight: 600;
  cursor: pointer;
  width: auto;
  line-height: 1.5rem;
  color: #1f2937;
  text-decoration: none;
  font-size: 1rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .sequence-name-wrapper .text-container:hover {
  color: #1d4ed8;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .sequence-name-wrapper .sequence-subsequence-count {
  display: flex;
  align-items: center;
  padding: 2px 4px 2px 2px;
  border: 1px solid transparent;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .sequence-name-wrapper .sequence-subsequence-count .count {
  color: #6b7280;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .sequence-name-wrapper .sequence-subsequence-count:hover, .sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .sequence-name-wrapper .sequence-subsequence-count.subsequence-active {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #d1d5db;
  cursor: pointer;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name:hover {
  background: #f3f4f6 !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .text-container {
  flex: 3 1;
  font-weight: 600;
  cursor: pointer;
  width: auto;
  line-height: 1.5rem;
  color: #1f2937;
  text-decoration: none;
  font-size: 1rem;
}
@media only screen and (min-width: 2500px) {
  .sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-name .text-container {
    width: fit-content !important;
  }
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-status {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.25rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-status .sequence-status-badge {
  width: 1.25rem;
  height: 1.25rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-status .sequence-status-badge .badge-dot-danger,
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-status .sequence-status-badge .badge-dot-success,
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-status .sequence-status-badge .badge-dot-secondary {
  transform: translate(50%, -57%);
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-status .sequence-progress {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  color: #6b7280;
  margin: 0;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list tr:hover .sequence-steps-created-on {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in-out;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-steps-created-on {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-weight: 500;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  gap: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-steps-created-on .sequence-divider-vertical {
  width: 0.125rem;
  height: 1rem;
  border-radius: 0.0625rem;
  color: #e5e7eb;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-steps-created-on .sequence-divider-vertical.steps-divider {
  margin-left: 0.5rem;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-total .sequence-total-text {
  width: 5.260625rem !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .sequence-owner {
  width: 4rem !important;
  border-right: none !important;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .pagination-container {
  bottom: 0 !important;
  left: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: fixed !important;
  height: 2.5rem;
  background: #fff;
  width: 100%;
}
.sequence-container .sequence-components .sequence-list-container .sequence-list .pagination-container .pagination-row {
  height: 1.5rem;
  justify-content: flex-end;
  width: 100%;
}
.sequence-container .sequence-components .create-sequence-container {
  display: flex;
}
.sequence-container .sequence-components .empty-block {
  padding: 10% 0 3rem 0;
  margin: auto;
  text-align: center;
}
.sequence-container .sequence-components .empty-block h3 {
  margin-top: 2rem;
}
.sequence-container .sequence-components .empty-block p {
  color: #8c8c8c;
  margin-bottom: 2rem;
}
.sequence-container .sequence-components .empty-block.steps-block .dropdown-item-custom i {
  font-size: 1.125rem;
  top: 2px;
  margin-right: 0.5rem;
  color: #0137fc;
}
.sequence-container .sequence-components .empty-block.steps-block a span {
  color: #595959;
}
.sequence-container .sequence-components .empty-block.steps-block a:hover {
  text-decoration: none;
}
.sequence-container .sequence-components .empty-block.steps-block a:hover span {
  color: #000000;
}
.sequence-container .sequence-components .single-sequence-tab-container {
  display: flex;
  flex-direction: column;
}
.sequence-container .sequence-components .single-sequence-tab-container .left-side-tabs .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) {
  margin-left: initial !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .ai-sequence-generator-banner {
  display: flex;
  justify-content: center;
  margin: 0;
  background: #ede9fe;
  padding: 8px;
  border-radius: 0px;
}
.sequence-container .sequence-components .single-sequence-tab-container .ai-sequence-generator-banner .ai-sequence-generator-banner-custom {
  width: 100%;
  justify-content: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .ai-sequence-generator-banner .cross-class {
  margin-right: 10px;
}
.sequence-container .sequence-components .single-sequence-tab-container .ai-sequence-generator-banner .alert-message-text {
  color: #1f2937 !important;
  font-size: 12px;
  margin-left: 0.375rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .ai-sequence-generator-banner .upgrade-btn {
  color: #1d4ed8 !important;
  background: none;
  line-height: 16px;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  text-decoration: none;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container {
  height: 100%;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav .bs-tabs-extra-content {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .bs-tabs-tab:nth-child(1), .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .bs-tabs-tab:nth-child(2), .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .bs-tabs-tab:nth-child(3) {
  margin-right: 24px !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .bs-tabs-tab:nth-child(4) {
  margin-right: 33px !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .sequence-single-tab--label {
  gap: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .sequence-single-tab--label .label-text {
  font-size: 0.875rem !important;
  font-family: inherit !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap {
  flex-grow: 1 !important;
  display: flex;
  overflow: visible !important;
  z-index: 2;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list {
  width: 100%;
  align-items: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-child(1), .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-child(2) {
  margin-right: 40px;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-child(3) {
  margin-right: 33px;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) {
  margin-left: auto;
  margin-right: 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-container {
  position: relative;
  padding: 0.188rem 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-container:hover {
  background: #f3f4f6;
  border-radius: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-container:hover .sequence-score__text {
  color: #6b7280;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card {
  position: absolute;
  top: 3rem;
  right: -60%;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
  padding: 1rem;
  gap: 1rem;
  z-index: 10;
  max-width: 26.25rem;
  min-width: 26.25rem;
  width: 26.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items {
  background-color: #ddd6fe;
  border-radius: 0.25rem;
  padding: 0.75rem;
  gap: 0.75rem;
  width: 100%;
  overflow: hidden;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .left-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .left-panel .progress-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 9rem;
  height: 4.25rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel {
  border-radius: 0.25rem;
  border: 0.73px solid #f9f9f9;
  background-color: #ffffff;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem 0.75rem;
  gap: 0.5rem;
  overflow: hidden;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .popup-score-radical-chart {
  min-height: 100% !important;
  display: flex;
  align-items: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-zero {
  top: 7.125rem;
  left: 0rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-twenty-five {
  top: 2rem;
  left: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-fifty {
  top: -0.45rem;
  left: 5.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-seventy-five {
  top: 2.5rem;
  right: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-hundred {
  top: 7.125rem;
  right: 0rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__text {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: capitalize;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-poor {
  color: #b91c1c;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-below-average, .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-average {
  color: #d97706;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-good, .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-very-good, .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-excellent {
  color: #047857;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-poor {
  background-color: #fee2e2;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-below-average, .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-average {
  background-color: #ffedd5;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-good, .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-very-good, .sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-excellent {
  background-color: #d1fae5;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .scorebased-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow: hidden;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .scorebased-content__emoji {
  font-weight: 500;
  font-size: 1.25rem;
  margin-top: 2px;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .scorebased-content__content {
  color: #1f2937;
  font-weight: 500;
  white-space: initial;
}
.sequence-container .sequence-components .single-sequence-tab-container .custom-tab-container-xl .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card {
  right: -10%;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action {
  display: flex;
  justify-content: flex-end;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action {
  gap: 1.25rem;
  margin: 0 !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .switchToggle {
  padding: 7px 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .switchToggle input:checked + label {
  background: #1d4ed8;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .add-steps__options {
  position: absolute;
  width: 13rem;
  right: 0;
  z-index: 2;
  top: 100%;
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  /* dropdown  */
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  padding: 0.5rem 0px;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .add-steps__options--top {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 4px;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .add-steps__option {
  padding: 0.5625rem 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .add-steps__option:hover {
  background-color: #eff6ff;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .set-icp-criteria {
  color: #6b7280;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 2rem;
  padding: 0 0.5rem;
  border: 1px solid #9ca3af;
  border-radius: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .set-icp-criteria span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .set-icp-criteria:hover {
  background-color: #f3f4f6;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .set-icp-criteria.set {
  color: #059669;
  border-color: #10b981;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .set-icp-criteria.set:hover {
  background-color: #ecfdf5;
}
.sequence-container .sequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .set-icp-criteria:focus-visible {
  outline: none;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs-tab-btn {
  padding: 0;
  display: flex;
  align-items: center;
}
.sequence-container .sequence-components .single-sequence-tab-container {
  height: 100%;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs {
  height: 100%;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs-content {
  height: 100%;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .chevron-right-icon-container {
  position: absolute;
  right: -1.75rem;
  display: flex;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .chevron-right-icon-container svg {
  width: 1rem;
  display: block;
  color: #9ca3af;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab.bs-tabs-tab-active {
  color: #1d4ed8;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab.bs-tabs-tab-active .sequence-single-tab--label .tab-incomplete {
  border-color: #1d4ed8;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label span.label-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label span.label-container.disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-separator {
  width: 1px;
  height: 1.125rem;
  background-color: #d1d5db;
  border-radius: 1px;
  position: absolute;
  left: -1rem;
  cursor: default;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-complete,
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-incomplete {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-complete {
  background-color: #1d4ed8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-complete svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #fff;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-incomplete {
  border: 1.5px solid #d1d5db;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .tab-count {
  border-radius: 1.25rem;
  background-color: #f3f4f6;
  height: 1rem;
  padding: 0px 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-nav {
  margin-bottom: 0%;
  padding: 0rem 1.5rem;
  justify-content: space-between;
  background-color: #ffffff;
  height: 3.5rem;
  border-bottom: 1px solid #eaedef;
  box-shadow: 0px 2px 4px 0px #e5e7eb;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  flex: none;
  font-weight: 500;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-nav-operations {
  display: none;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content-holder {
  overflow-y: hidden;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container {
  padding: 1.5rem 1.875rem;
  height: 100%;
  overflow-y: auto;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-description {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-title {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-title .setting-icon {
  color: #597ef7;
  border: 2px solid #597ef7;
  border-radius: 0.25rem;
  cursor: default;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-title .safety-icon {
  color: #389e0d;
  font-size: 1.125rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-title h3 {
  margin: 0 0 0 0.625rem;
  font-weight: 600;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status {
  margin-top: 1.625rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status__banner {
  margin-top: 0.5rem;
  width: fit-content;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status__banner span {
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-left: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status__banner .banner-message-wrap .anchor-link-text a {
  text-decoration: underline;
  margin-left: 0.15rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status .verify-button {
  margin-left: 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status .verify-button .icon-left {
  margin-right: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status .verify-button .icon-left .refresh-svg {
  animation: spin 2s linear infinite;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status .verify-button-pending {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .form-dropdown {
  width: 16rem;
  margin-bottom: 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .form-dropdown .bs-input-label-suffix {
  white-space: nowrap;
  color: #262626;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .info-icon {
  margin-left: 0.5rem;
  font-size: 1.3rem;
  margin-top: 0.25rem;
  color: gray;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .schedule-name-input {
  width: 16rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .schedule-name-input .bs-input-label-suffix {
  white-space: nowrap;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .schedule-name-input .schedule-info-icon-right {
  position: absolute;
  right: -30px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .schedule-name-input .schedule-info-icon-right i {
  color: #bfbfbf;
  font-size: 1.3rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .switchToggle {
  margin-top: 1.4rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .switchToggle label {
  margin: 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .switchToggle label span {
  white-space: nowrap;
  font-size: 14px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number label {
  font-size: 14px;
  line-height: 22px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number .sequence-input-number {
  width: 3.75rem;
  min-width: 3.75rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number .sequence-input-number input[type=number]::-webkit-outer-spin-button,
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number .sequence-input-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number .sequence-input-number input[type=number] {
  -moz-appearance: textfield;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset {
  margin-top: 1.4rem;
  border-left: 2px solid #f3f4f6;
  padding-left: 1.1875rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset label {
  color: #262626;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset .preset-list {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset .preset-list .bs-radio-wrapper {
  margin-right: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset .preset-list .unsub-link-text {
  color: #0137fc;
  cursor: pointer;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset .preset-list .unsub-link-text:hover {
  text-decoration: underline;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsubscribe-setting-editor {
  min-height: 20rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .custom-unsub-preset {
  margin-left: 1.4rem;
  width: 35rem;
  height: 10rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-save-btn {
  margin-bottom: 2rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .error-caption {
  margin-bottom: 0;
  margin-top: 0.125rem;
  color: #f5222d;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-settings-switch.switchToggle input:checked + label {
  background: #1d4ed8;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container {
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
  overflow-y: auto;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-screen {
  width: 100%;
  display: flex;
  justify-content: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-screen .step-empty-screen {
  padding: 2rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
  width: 48.5rem;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.15);
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-screen .step-empty-screen .right-container img {
  width: 21.25rem;
  height: 12.5rem;
  border-radius: 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-screen .step-empty-screen .right-container .play-icon {
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4.6875rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 0px rgba(0, 32, 123, 0.8);
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__options {
  position: absolute;
  width: 13rem;
  right: 0;
  z-index: 2;
  top: 100%;
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  /* dropdown  */
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  padding: 0.5rem 0px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__wrapper {
  background-color: #ffffff;
  border-radius: 0.25rem;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  padding: 1rem 1.5rem;
  height: 4rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__steps {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__steps-divider {
  width: 1px;
  height: 32px;
  background-color: #e5e7eb;
  align-self: center;
  border-radius: 8px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step {
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-email:hover {
  background-color: #2563eb !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-linkedin:hover {
  background-color: #167dbc !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-call:hover {
  background-color: #7c3aed !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-task:hover {
  background-color: #ea580c !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-whatsapp:hover {
  background-color: #1ea952 !important;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul {
  padding: 0;
  margin: 0;
  margin-bottom: 1.25rem;
  list-style: none;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul::before {
  content: "";
  width: 1px;
  height: 104%;
  background-color: #e5e7eb;
  position: absolute;
  top: 1.5rem;
  left: 3.0625rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul .placeholder {
  position: absolute;
  background-color: white;
  border-radius: 3px;
  border: dashed 1px blue;
  background-color: white;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul .step-day-wrap {
  width: 5.625rem;
  height: 1.5rem;
  background-color: #e5e7eb;
  border: 1px solid #d1d5db;
  border-radius: 0px 0.25rem 0.25rem 0px;
  border-left-width: 0px;
  z-index: 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul .step-day-wrap span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li {
  min-width: 990px;
  position: relative;
  border: 1px solid transparent;
  list-style: none;
  display: flex;
  border-radius: 0.25rem;
  flex-direction: column;
  user-select: none;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .st {
  height: auto;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .st .dragging-wrap {
  width: 8.1875rem !important;
  height: 2rem !important;
  border-radius: 0.25rem;
  border: 1px solid #93c5fd;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .st .drag {
  height: auto;
  min-height: 7.375rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li:hover .dnd-icon-wrapper {
  visibility: visible;
  opacity: 1;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .dnd-icon-wrapper {
  position: absolute;
  top: 1.25rem;
  left: 0.5rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li:hover .step-list .step-actions-wrapper {
  display: flex;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li:after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 20px rgba(220, 224, 230, 0.5);
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list {
  width: 100%;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .tag {
  padding: 0.25rem 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-wrap {
  padding-left: 1.9375rem;
  padding-right: 2rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-tentative-date img {
  width: 1rem;
  height: 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-type-icon {
  font-size: 1.25rem;
  background-color: #3b82f6;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.25rem 0px 0px 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-type-icon img {
  width: 1.125rem;
  height: 1.125rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-title {
  height: 1.875rem;
  padding: 0.3125rem 0.5rem;
  border: 1px solid #dbeafe;
  border-radius: 0px 4px 4px 0px;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-title .step-title-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-change-date-drop-down {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-change-date-drop-down .step-type-action {
  border-radius: 0.25rem;
  padding: 0.2rem;
  font-size: 0.7rem;
  color: #595959;
  margin-left: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-change-date-drop-down .step-type-action::before {
  position: relative;
  top: 1px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-change-date-drop-down .step-type-action:hover {
  color: #000000;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper {
  display: none;
  align-items: center;
  gap: 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-id {
  background-color: #eff7fe;
  padding: 0.125rem 0.5rem;
  border-radius: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-id code {
  font-family: monospace;
  font-size: 14px;
  color: #4b5563;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-id:hover {
  cursor: pointer;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-id:hover code {
  text-decoration: underline;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-action-icon {
  cursor: pointer;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-action-icon:hover i {
  color: #000000;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-action-icon i {
  font-size: 18px;
  color: #bfbfbf;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 2rem 0 7.6281rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.0625rem solid #e8e8e8;
  padding: 0.5rem 1rem;
  height: 4rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:hover {
  background-color: #eff6ff;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:hover .step-sub-list-right .step-email-type {
  display: flex;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:hover .step-sub-list-right .grid-action {
  visibility: visible;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:nth-last-child(n+2):first-child {
  border-radius: 0.25rem 0.25rem 0px 0px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:nth-last-child(n+2) ~ div:last-child {
  border-top: 0;
  border-radius: 0px 0px 0.25rem 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: calc(100% - 36rem);
  height: 2.375rem;
}
@-moz-document url-prefix() {
  .sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-action .switchToggle {
    height: 3.5rem;
  }
}
@supports (-moz-appearance: none) {
  .sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-action .switchToggle {
    height: 3.5rem;
  }
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-action .switchToggle label {
  margin-bottom: 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-action .switchToggle input:checked + label {
  background: #1d4ed8;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-icon {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #6d28d9;
  background: #ede9fe;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc {
  width: calc(100% - 2.5rem);
  cursor: pointer;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc p {
  margin: 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc p:first-of-type {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc p:last-of-type {
  width: calc(100% - 2rem);
  margin-top: 0.125rem !important;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #4b5563;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc p:last-of-type span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc span {
  color: #4b5563;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc .ai-generated-icon {
  width: 0.625rem;
  max-width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-attachment-icon {
  font-size: 0.875rem;
  color: #9ca3af;
  transition: all 0.2s ease;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-attachment-icon:hover {
  color: #1f2937;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.625rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-action {
  display: inline-table;
  width: 6rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-action label {
  margin: 0;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-email-type {
  display: none;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-email-type .step-email-type-icon {
  font-size: 1rem;
  align-items: center;
  margin-right: 0.4rem;
  margin-top: 0.1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-email-type .step-email-type-text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .state-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  height: 3rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .state-row .state-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 3rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .state-row .state-block span {
  line-height: 1.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .state-row .state-block small {
  font-size: 12px;
  line-height: 1rem;
  font-weight: 500;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .grid-action {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  visibility: hidden;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .grid-action .option {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .grid-action .option svg {
  color: #9ca3af;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .grid-action .option svg:hover {
  color: #6b7280;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps {
  margin-left: 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps__options {
  position: absolute;
  width: 13rem;
  left: 0;
  z-index: 2;
  top: 100%;
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  /* dropdown  */
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  padding: 0.5rem 0px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps__options--top {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 4px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps__option {
  padding: 0.375rem 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps__option:hover {
  background-color: #eff6ff;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .create-subsequence-btn {
  border-radius: 4px;
  background: #f3f4f6;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  border: 1px solid transparent;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .create-subsequence-btn svg {
  width: 1.25rem;
  height: 1.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .create-subsequence-btn:hover {
  background: #eff6ff;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .create-subsequence-btn:hover svg {
  color: #1d4ed8;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .step-variant-tip {
  font-style: italic;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #b45309;
  margin: 0.5rem 0 0 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation {
  width: fit-content;
  height: 1.375rem;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  margin-top: 0.5rem;
  margin-left: 7.625rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .ai-variant span {
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 13.02%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .ai-variant.cr-variant:hover {
  border-radius: 0.25rem;
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 13.02%, rgba(29, 78, 216, 0.05) 93.65%);
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .cr-variant {
  padding: 0.125rem 0.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .cr-variant .btn-text {
  line-height: 20px;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .cr-variant:hover {
  background: #f3f4f6;
  border-radius: 0.25rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation {
  transition: all 0.2s ease;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .smart-ideas {
  margin-left: 0.5rem;
  margin-top: 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .prospect-empty-screen {
  padding: 2rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
  width: 56.5rem;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.15);
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .prospect-empty-screen .right-container img {
  width: 21.25rem;
  height: 12.5rem;
  border-radius: 1rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .prospect-empty-screen .right-container .play-icon {
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4.6875rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 0px rgba(0, 32, 123, 0.8);
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .subsequence-prospect-empty-screen {
  padding: 2rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
  width: 31.6875rem;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.15);
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .subsequence-prospect-empty-screen__title {
  margin-top: 1.5rem;
  width: 19.8125rem;
  color: #1f2937;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
.sequence-container .sequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .subsequence-prospect-empty-screen__subtitle {
  margin-top: 1rem;
  width: 27.6875rem;
  color: #6b7280;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.sequence-container .sequence-components .contact-list-container {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.sequence-container .sequence-components .contact-list-container .cst-banner {
  margin-bottom: 0px;
  border: 1px solid #fef3c7;
}
.sequence-container .sequence-components .contact-list-container .cst-banner div {
  width: 100%;
  display: flex !important;
  justify-content: center !important;
}
.sequence-container .sequence-components .contact-list-container .cst-banner span {
  color: #1f2937 !important;
}
.sequence-container .sequence-components .contact-list-container .cst-banner .upgrade-link {
  color: #1d4ed8 !important;
  text-decoration: none;
}
.sequence-container .sequence-components .contact-list-container .prospects-main {
  width: 100%;
  flex-grow: 1;
  margin: 0 !important;
  overflow-y: hidden;
}
.sequence-container .sequence-components .contact-list-container .prospects-main .empty-list-prospect {
  height: calc(100vh - 25rem);
}
.sequence-container .sequence-components .contact-list-container .prospects-main .step-filter .filter-item {
  margin-bottom: 0.5rem;
}
.sequence-container .sequence-components .contact-list-container .status-filter {
  padding: 0.75rem 1.5rem 0.75rem 1.625rem;
  display: flex;
  gap: 0.75rem;
}
.sequence-container .sequence-components .contact-list-container .status-filter .divider-vertical {
  height: 2.625rem;
  width: 1px;
  background-color: #e5e7eb;
  align-self: center;
}
.sequence-container .sequence-components .contact-list-container .prospect-banner .prospect-selected-row-info {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fef3c7;
  border-radius: 4px;
  padding: 8px 12px;
}
.sequence-container .sequence-components .contact-list-container .prospect-banner .prospect-selected-row-info .divider-vertical {
  height: 1.25rem;
  width: 0.063rem;
  background: #9ca3af;
  margin: 0px 0.75rem;
}
.sequence-container .sequence-components .contact-list-container .prospect-banner .prospect-selected-row-info-waring {
  background: #fffbeb;
}
.sequence-container .sequence-components .contact-list-container .prospect-banner .prospect-selected-row-info-danger {
  background: #fef2f2;
}
.sequence-container .sequence-components .contact-list-container .prospect-list-table {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sequence-container .sequence-components .contact-list-container .prospect-list-table .col {
  padding: 0;
}
.sequence-container .sequence-components .contact-list-container .table-list {
  height: 100%;
  overflow-y: auto;
}
.sequence-container .sequence-components .contact-list-container .table-list tr:hover {
  background-color: none !important;
}
.sequence-container .sequence-components .contact-list-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th {
  border-top: 0px;
}
.sequence-container .sequence-components .contact-list-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th:first-of-type,
.sequence-container .sequence-components .contact-list-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th:last-of-type {
  border-radius: 0 !important;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions {
  width: 100%;
  height: 4.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  margin: 0;
  border-bottom: 1px solid #f3f4f6;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter {
  display: flex;
  align-items: center;
  width: 87%;
  gap: 0.8rem;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .search-bar {
  margin-right: 1.5rem;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .prospect-filter-icon-container {
  width: 2rem;
  height: 2rem;
  padding: 0.3125rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .prospect-filter-icon-container i {
  font-size: 1.25rem;
  color: #6b7280;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .prospect-filter-icon-container:hover {
  background-color: #dbeafe !important;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .prospect-filter-icon-container:hover i {
  color: #1d4ed8;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .sequence-prospect-separator {
  width: 0.125rem;
  height: 2rem;
  background: #d1d5db;
  border-radius: 0.125rem;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-right-actions {
  display: flex;
  align-items: end;
  gap: 0.8rem;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-right-actions button {
  width: 2.125rem !important;
  min-width: 2.125rem !important;
  height: 2rem !important;
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-right-actions button span {
  margin: 0 !important;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-right-actions button:hover {
  background: #dbeafe !important;
  color: #1d4ed8;
}
.sequence-container .sequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-right-actions .sequence-prospect-right-actions-diagnose-btn {
  background: none;
  border: none;
}

.start-sequence-modal-btn {
  gap: 16px;
}

.ai-seq-modal-btn {
  border: 1px solid #1d4ed8;
  padding: 6px 16px !important;
  background: none;
  transition: 0.2s;
}
.ai-seq-modal-btn.shd-button--primary:focus {
  background: none;
}
.ai-seq-modal-btn:hover {
  background: linear-gradient(114deg, #ffeafe -49.13%, #f8efff 12.25%, #f1f4ff 93.65%);
}
.ai-seq-modal-btn:hover:focus {
  background-color: #fff;
}
.ai-seq-modal-btn .ai-seq-modal-btn-text {
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 8px;
  margin: 0 !important;
}

.change-date-popover {
  max-width: initial;
}
.change-date-popover .bs-popover-confirm-desc {
  flex-direction: column;
}
.change-date-popover .bs-popover-confirm-desc .change-date-div {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.change-date-popover .bs-popover-confirm-desc .change-date-div label {
  margin: 0 0.75rem 0 0;
  color: #000000;
}
.change-date-popover .bs-popover-confirm-desc .change-date-div .change-date-number {
  min-width: 4rem;
  margin: 0 0.75rem 0 0;
  width: 4rem;
}
.change-date-popover .bs-popover-confirm-desc .change-date-div .change-date-number input[type=number]::-webkit-outer-spin-button,
.change-date-popover .bs-popover-confirm-desc .change-date-div .change-date-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.change-date-popover .bs-popover-confirm-desc .change-date-div .change-date-number input[type=number] {
  -moz-appearance: textfield;
}

.email-suggestion-tooltip .spammy-word-tooltip {
  padding: 0.625rem 0.3125rem;
}
.email-suggestion-tooltip p {
  margin: 0;
  text-align: left;
}
.email-suggestion-tooltip .spammy-word-tooltip-title,
.email-suggestion-tooltip .spammy-word-tooltip-text {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.9375rem;
  color: #ffffff;
}
.email-suggestion-tooltip .spammy-word-tooltip-title {
  margin-bottom: 0.625rem;
  text-underline-offset: 0.125rem;
  text-decoration-line: underline;
}

.confirm-modal-width .modal-dialog .modal-content .bs-modal-body {
  padding: 1.5rem !important;
}
.confirm-modal-width .modal-dialog .modal-content .bs-modal-icon {
  display: flex;
}
.confirm-modal-width .modal-dialog .modal-content .bs-modal-inner-content {
  width: 100%;
}
.confirm-modal-width .modal-dialog .modal-content .bs-modal-inner-content .bs-modal-inner-content__title {
  margin: 0;
}
.confirm-modal-width .modal-dialog .modal-content .bs-modal-inner-content .bs-input-affix-wrapper {
  width: 100%;
}
.confirm-modal-width .modal-dialog .modal-content .bs-modal-inner-content p {
  margin: 0;
}

.report-submit-failed-width {
  width: 6rem;
}

.import-contacts-modal .modal-dialog {
  max-width: 48.75rem;
}
.import-contacts-modal .modal-dialog .modal-body {
  padding: 1rem 1.5rem 1rem 1.5rem;
  height: 29rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.import-contacts-modal .modal-dialog .modal-body .import-contacts-content {
  margin-bottom: 3.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.import-contacts-modal .modal-dialog .modal-body .import-contact-stage {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.import-contacts-modal .modal-dialog .modal-body .import-contact-stage .import-contact-stage-content {
  flex: 1;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .radio-tabs-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 0.8rem;
  margin-right: 0px;
  margin-bottom: 0.5rem;
  margin-left: 0px;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .radio-tabs-wrapper > .btn-group > label {
  width: 11rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .pre-select-stage {
  height: 17.875rem;
  background: #f9fafb;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .post-select-stage {
  background: #ecfdf5;
  border: 0.0625rem solid #a7f3d0;
  border-radius: 0.5rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .csv-error {
  border: 1px solid #fecaca;
  background: #fef2f2;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .select-file-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .select-file-content > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .select-file-content .shd-drag-and-drop {
  flex-direction: row;
  justify-content: center;
  border-radius: 0.5rem;
  border: 0.0625rem dashed #d1d5db;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .select-file-content .shd-drag-and-drop.dragging {
  border: none;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .empty-data-icon-wrapper img {
  width: 1.875rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .pre-select-tagline {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 1.5rem 0 1rem 0;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .pre-select-info {
  color: #6b7280;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .pre-select-content {
  color: #6b7280;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .pre-select-file-uploader {
  width: 7.5rem;
  height: 2rem;
  margin-top: 1rem;
  background-color: #ffffff;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .file-uploader {
  width: 7.7rem;
  height: 2rem;
  border: 1px solid #1d4ed8;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .file-uploader > input {
  display: none;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .file-uploader .select-file-placeholder {
  padding: 0 0.75rem;
  color: #bfbfbf;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .pre-select .file-uploader .choose-file {
  height: calc(100% + 2px);
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: #1d4ed8;
  justify-content: center;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-icon-wrapper {
  width: 2.5rem;
  height: 2.5rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-icon-wrapper img {
  width: 100%;
  height: 100%;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-filename {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1f2937;
  margin-top: 0.875rem;
  margin-bottom: 1rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-success,
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-success {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #1f2937;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .csv-error-message {
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
  margin-top: 0.875rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .csv-error-message span {
  display: block;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-delete {
  width: 8.625rem;
  height: 2rem;
  margin-top: 1.125rem;
  color: #6b7280;
  transition: all 0.2s ease;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-delete span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-delete svg {
  width: 1.25rem;
  height: 1.25rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-delete i {
  font-size: 1.25rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-delete:hover {
  color: #1f2937;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .post-select-delete:hover i::before {
  color: #1f2937;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .file-preview {
  width: 13.7rem;
  height: 2rem;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  user-select: none;
  margin-top: 1.75rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .file-preview .filename {
  flex: 1;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 0 0.75rem;
  color: #bfbfbf;
  white-space: nowrap;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .select-file .post-select .file-preview .remove-file {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.3125rem;
  cursor: pointer;
  color: #8c8c8c;
  font-size: 1.3125rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-fields-content {
  padding-bottom: 1rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list {
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-header,
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item {
  display: flex;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-header {
  padding: 0.625rem 1.5rem;
  color: #262626;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item {
  padding: 0.45rem 1.5rem;
  align-items: center;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left {
  flex: 1;
  display: flex;
  color: #1f2937;
  overflow: hidden;
  margin-right: 1rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left .csv-header-label,
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left .csv-row-value {
  flex-shrink: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left .csv-header-label {
  flex: 3;
  max-width: 9rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left .csv-row-value {
  flex: 3;
  margin-left: 6rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-right {
  display: flex;
  align-items: center;
  width: 13rem;
  justify-content: flex-end;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-right .map-list-item-remove-icon-wrapper {
  padding: 5px;
  margin-right: 0.5rem;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-right .bs-select-box {
  width: 10rem;
  color: #1f2937;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-header {
  display: flex;
  justify-content: space-between;
  background-color: #f8f9fa;
  color: #4b5563;
  font-weight: 600;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-content {
  flex: 1;
  overflow-y: auto;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-footer {
  display: flex;
  height: 3.125rem;
  justify-content: space-between;
  background: #f8f9fa;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-scroll {
  height: 21.875rem;
  flex: auto;
  margin-top: 0.625rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-list .map-list-footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 3px !important;
  margin-top: 0.5rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper {
  display: flex;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-config {
  display: flex;
  align-items: center;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-config:not(:first-child) {
  margin-left: 0.75rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-config .map-fields-config-label {
  color: #1f2937;
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-step .bs-select-box {
  width: 7rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-conflict-action .bs-select-box {
  width: 12.5rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-conflict-action .info-circle {
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .map-fields .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .sample-map-field {
  margin-left: 8.7rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .import-config .import-config-content {
  padding: 0.625rem 2px 0 2px;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .import-config .import-config-content .import-config-step-wrapper {
  width: 14rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .import-config .import-config-footer .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper ::-webkit-scrollbar {
  width: 5px;
  height: 4.93rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper ::-webkit-scrollbar-track {
  background: #fff;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .content-loader {
  align-self: center;
  width: 15rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .email-verification-content-footer {
  flex: 1;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 1rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .email-verification-content-footer .verification-checkbox {
  flex: 1;
  display: flex;
  flex-direction: row;
  padding-left: 0.5rem;
  margin-bottom: 1rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .email-verification-content-footer .text {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 0.15rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container {
  display: flex;
  flex-direction: column;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .text {
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0em;
  text-align: left;
  color: #1f2937;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .review-section-title-container {
  display: flex;
  align-items: center;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .review-section-title-container .review-section-title {
  margin-left: 0.6rem;
  font-weight: 600;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .email-verification-desc-container {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #595959;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .status-name {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .status-content {
  font-size: 12px;
  margin-left: 1.18rem;
  color: #595959;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .valid-contact {
  font-size: 1rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .valid-contact .icon {
  color: #389e0d;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .valid-contact .valid-status-name {
  color: #389e0d;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .risky-contact {
  font-size: 1rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .risky-contact .icon {
  color: #cf1322;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .risky-contact .risky-status-name {
  color: #cf1322;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .tags-autosuggest-container .tags-autosuggest-width {
  width: 100%;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .tags-autosuggest-container .tags-autosuggest-width .tag-input-container {
  flex: 1;
  min-width: 10rem;
}
.import-contacts-modal .modal-dialog .modal-body .import-flow .import-flow-stage-wrapper .email-verification .review-section-container .tags-autosuggest-container input {
  width: 100%;
}
.import-contacts-modal .modal-dialog .modal-body .import-contacts-footer {
  margin: 0.2rem -1.5rem;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.import-contacts-modal .modal-dialog .modal-body .import-contacts-footer-button {
  width: 6rem;
}

.risky-prospect-import-container {
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 4px;
  height: 2.5rem;
  padding-left: 1.25rem;
  font-weight: 500;
  line-height: 20px;
  color: #1f2937;
}

.add-sequence-report-modal .modal-dialog {
  max-height: 15.6875rem;
  max-width: 30.5rem;
}
.add-sequence-report-modal .modal-title img {
  height: 1.25rem;
}

.link-track-nudge-user-modal {
  margin-top: 12.5rem;
}
.link-track-nudge-user-modal .modal-dialog-centered {
  align-items: flex-start;
}
.link-track-nudge-user-modal .modal-dialog {
  max-width: 31.25rem;
}
.link-track-nudge-user-modal .h4 {
  margin-bottom: 0rem;
}
.link-track-nudge-user-modal .modal-header {
  border-bottom: 0 none;
}
.link-track-nudge-user-modal .modal-content {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.link-track-nudge-user-modal .modal-title {
  margin-top: 2rem;
  margin-bottom: 0;
  color: #0d1a33;
}
.link-track-nudge-user-modal .modal-body {
  display: flex;
  flex-direction: column;
  padding-top: 0.25rem !important;
}
.link-track-nudge-user-modal .modal-footer {
  margin-left: 5%;
  margin-right: 6%;
}
.link-track-nudge-user-modal .modal-footer .bs-modal-footer-action-buttons {
  margin-right: -1.5rem;
}
.link-track-nudge-user-modal .modal-footer .btn-solid,
.link-track-nudge-user-modal .modal-footer .btn-ghost {
  height: 2rem;
  min-width: 6.25rem;
}
.link-track-nudge-user-modal .modal-footer .btn-ghost {
  border: 1px solid #d9d9d9;
  color: #595959;
}

.unsubscribe-link-modal {
  margin-top: 12.5rem;
}
.unsubscribe-link-modal .modal-dialog-centered {
  align-items: flex-start;
}
.unsubscribe-link-modal .modal-dialog {
  max-width: 28.125rem;
}
.unsubscribe-link-modal .modal-header {
  border-bottom: 0 none;
  padding: 1.5rem 1.5rem 0 1.5rem !important;
}
.unsubscribe-link-modal .modal-header .modal-title {
  margin: 0;
}
.unsubscribe-link-modal .modal-content {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.unsubscribe-link-modal .modal-body {
  display: flex;
  flex-direction: column;
}
.unsubscribe-link-modal .modal-body div p:last-of-type {
  margin-bottom: 0;
}
.unsubscribe-link-modal .modal-footer {
  padding: 0 !important;
  margin: 0px 1.5rem !important;
}
.unsubscribe-link-modal .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.unsubscribe-link-modal .modal-footer .btn-solid,
.unsubscribe-link-modal .modal-footer .btn-ghost {
  height: 2rem;
  width: 6.25rem;
}
.unsubscribe-link-modal .modal-footer .btn-ghost {
  border: 1px solid #d9d9d9;
  color: #595959;
}

.tooltip-schedule {
  max-width: 450px;
}
.tooltip-schedule.bs-popover-inner {
  background-color: #1f2937;
}
.tooltip-schedule.bs-popover-inner .bs-popover-inner-content {
  padding: 0;
}
.tooltip-schedule.bs-popover-inner .arrow::after,
.tooltip-schedule.bs-popover-inner .arrow::before {
  border-right-color: #1f2937;
}
.tooltip-schedule .schedule-day {
  width: 100%;
  padding: 0px 16px 16px 16px;
  display: flex;
  align-items: center;
}
.tooltip-schedule .schedule-day p {
  margin: 0;
  color: #ffffff;
}
.tooltip-schedule .schedule-day p:first-of-type {
  min-width: 75px;
  font-family: Inter;
  font-weight: 500;
  font-size: 12px;
}
.tooltip-schedule .schedule-day p:nth-of-type(2) {
  background-color: #4b5563;
  height: 2px;
  width: 15px;
  border-radius: 1px;
}
.tooltip-schedule .schedule-day p:last-of-type {
  margin-left: 10px;
  display: flex;
}
.tooltip-schedule .schedule-day p:last-of-type span {
  margin: 0px 5px;
  width: 86px;
  height: 20px;
  border-radius: 4px;
  background-color: #374151;
  font-feature-settings: "tnum" on, "lnum" on;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
}
.tooltip-schedule .schedule-timezone {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  padding: 12px 16px;
  margin-bottom: 12px;
  border-bottom: 1px solid #374151;
}

.modal-content .overflow-hidden .table-list .selection-cell-header {
  border-top: 1px solid #dee2e6 !important;
  padding-left: 1.7rem !important;
}
.modal-content .modal-footer .map-fields-config {
  display: flex;
}
.modal-content .modal-footer .map-fields-config .map-fields-config-label {
  width: 10rem;
  text-align: center;
  margin-top: 0.3125rem;
}
.modal-content .modal-footer .cancel-button {
  margin-right: 2rem;
}

.modal-content .prospect-container {
  height: 100vh;
  overflow-x: hidden;
}
.modal-content .prospect-container .table-list {
  height: 75%;
}
.modal-content .prospect-container .table-list .selection-cell {
  padding-right: 0px;
  width: 50px !important;
}
.modal-content .prospect-container .table-list .name-field {
  width: 33.33%;
}
.modal-content .prospect-container .table-list .sequence-detail {
  width: 50%;
}
.modal-content .prospect-container .table-list .created-col .created-day {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #595959;
}
.modal-content .prospect-container .table-list .created-col .created-by {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #0137fc;
}
.modal-content .prospect-container .empty-prospect {
  width: 24.375rem;
  padding: 10% 0 3rem 0;
  margin: auto;
  text-align: center;
}
.modal-content .prospect-container .prospect-header {
  color: #000000;
  padding: 0.5rem 1rem;
  box-shadow: 10px 0 30px rgba(220, 224, 230, 0.51);
  height: 4.5rem;
  position: relative;
  z-index: 1;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-content .prospect-container .prospect-header p {
  margin: 0;
}
.modal-content .prospect-container .prospect-component {
  width: 100%;
  height: 100%;
  padding: 0 0.5625rem;
}
.modal-content .prospect-container .prospect-component .prospect-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0.5rem 0;
  border-bottom: 1px solid #d9d9d9;
}
.modal-content .prospect-container .prospect-component .prospect-actions .bulk-action-button .bulk-action-button-icon {
  color: #0137fc;
}
.modal-content .prospect-container .prospect-component .prospect-actions .bulk-action-button .bulk-action-button-text {
  color: #0137fc;
}
.modal-content .prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter {
  display: flex;
  align-items: center;
}
.modal-content .prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .search-bar {
  margin-right: 1.5rem;
}
.modal-content .prospect-container .prospect-component .prospect-actions .prospect-refresh {
  margin-left: 1rem;
  border: 1px solid #0137fc;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0px 4px 0px 4px;
}

.search-and-add .modal-content {
  height: fit-content;
}
.search-and-add .table-list {
  height: 100%;
  overflow-y: auto;
}
.search-and-add .form-body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.onboarding-modal-container .modal-dialog {
  max-width: 55vw !important;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body {
  height: 490px;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .email-connect-content {
  font-size: 16px;
  line-height: 24px;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .email-connect-content .select-account-type-label {
  font-weight: 600;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .email-connect-content .one-liner {
  width: 340px;
  font-weight: 400;
  text-align: center;
  color: #595959;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .email-connect-content .connect-gmail {
  cursor: pointer;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .email-connect-content .connect-microsoft {
  cursor: pointer;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .email-connect-content .microsoft-logo {
  padding: 1.15rem 1.25rem;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .email-connect-content .btn-later-container {
  margin-top: 100px;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .email-connect-content .btn-later-container .btn-later {
  color: #8c8c8c;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .intro-video-content {
  font-size: 16px;
  line-height: 24px;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .intro-video-content .email-not-connected-warning {
  color: #d46b08;
  font-weight: 400;
}
.onboarding-modal-container .modal-dialog .modal-content .modal-body .intro-video-content .success-message {
  color: #389e0d;
  font-weight: 600;
}

#rc-tabs-2-panel-emails .empty-list__body {
  margin-bottom: 0;
}
#rc-tabs-2-panel-emails .empty-list__body p {
  margin-bottom: 0;
}

.emails-container {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.emails-container .empty-list-emails {
  height: calc(100vh - 19rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.emails-container .empty-list-emails h2 {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1f2937;
}
.emails-container .empty-list-emails a {
  color: #1d4ed8;
}
.emails-container .status-filter {
  padding: 0.75rem 1.5rem;
  display: flex;
  gap: 0.75rem;
}
.emails-container .status-filter .filter-item {
  width: 7rem;
}
.emails-container .emails-main {
  height: 100%;
  margin: 0 !important;
  flex-grow: 1;
  overflow-y: hidden;
}
.emails-container .emails-main .step-filter .filter-item {
  margin-bottom: 0.5rem;
}
.emails-container .emails-list-table {
  position: relative;
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  max-width: calc(100% - 100px);
  width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #d1d5db;
}
.emails-container .emails-list-table .whiteSpaceNoWrap {
  white-space: nowrap;
}
.emails-container .emails-list-table .col {
  padding: 0;
}
.emails-container .email-table {
  height: 100%;
  overflow-y: auto;
}
.emails-container .email-table-filter {
  height: 100%;
  overflow-y: auto;
}
.emails-container .email-table-filter .table-list {
  height: 100%;
}
.emails-container .table-list {
  height: 100%;
  overflow-y: auto;
}
.emails-container .table-list .table {
  color: #1f2937 !important;
}
.emails-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th {
  border-top: 0px;
}
.emails-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th:first-of-type,
.emails-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th:last-of-type {
  border-radius: 0 !important;
}
.emails-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr > td .step-variant-block {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.125rem;
}
.emails-container .table-list .name {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #1f2937;
}
.emails-container .table-list .email {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #4b5563;
}
.emails-container .table-list .subject {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.status-filter {
  border-bottom: 1px solid #f3f4f6;
}

.step-filter {
  min-width: 6.25rem;
  max-width: 6.25rem;
  position: relative;
  height: 100%;
  padding-top: 0.75rem;
  padding-left: 0.5938rem;
  padding-right: 0.5938rem;
  overflow: auto;
  border-right: 1px solid #f3f4f6;
}

.step-filter::-webkit-scrollbar {
  display: none;
}

.filter-item {
  cursor: pointer;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  flex-grow: 1;
  max-width: 400px;
}

.filter-item.sm {
  height: 60px;
}

.filter-item.md {
  height: 60px;
}

.active-step-filter {
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.active-step-filter .text span,
.active-step-filter .number span {
  color: #1d4ed8;
  font-weight: 500;
}
.active-step-filter::after {
  content: "";
  position: absolute;
  background-color: #1d4ed8;
  right: 0px;
  display: block;
  height: 2.5rem;
  width: 3px;
  border-radius: 2px 0px 0px 2px;
}

.inactive-step-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.inactive-step-filter .text span {
  color: #6b7280;
  font-weight: 500;
}
.inactive-step-filter .number span {
  color: #1f2937;
  font-weight: 500;
}
.inactive-step-filter:hover .text span,
.inactive-step-filter:hover .number span {
  color: #1d4ed8 !important;
}

.active-status-filter {
  background-color: #eff6ff;
  border: 1px solid #60a5fa;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 4px 0px #bccff6;
  gap: 0.375rem;
}
.active-status-filter .bounce-summary-dropdown {
  background: #fff;
}

.inactive-status-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: all 0.2s ease;
  gap: 0.375rem;
}
.inactive-status-filter:hover {
  background: #eff6ff;
}

.segments--items {
  z-index: 2;
  padding: 0.5rem 0rem;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  display: grid;
  row-gap: 0.125rem;
  width: 12.5rem;
  max-height: 12.875rem;
  overflow-y: auto;
}
.segments--items--segment {
  top: 4rem;
  left: 0px;
}
.segments--items-outcome {
  top: 4rem;
  right: 0px;
  height: 15rem;
  overflow-y: scroll;
}
.segments--item {
  padding: 0.4375rem 1rem;
}
.segments--item:hover {
  background-color: #eff6ff;
}

.subject-tooltip > .tooltip-inner {
  max-width: 50rem;
}

.bounced-reason-tooltip > .tooltip-inner {
  width: 220px;
}

.date-time-tooltip > .tooltip-inner {
  width: 240px;
}

.email-activity-tooltip > .tooltip-inner {
  width: 268px;
}

.activity-count:hover {
  color: #1d4ed8;
}

.email-replied-icon {
  width: 1.125rem;
  height: 1.125rem;
}
.email-replied-icon:hover {
  cursor: pointer;
}

.sequence-pause-tooltip > .tooltip-inner {
  max-width: 25rem;
  text-align: left;
}

.sequence-switch-tooltip > .tooltip-inner {
  max-width: 15rem;
  text-align: left;
}

.span-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  min-height: 1.5rem;
  max-width: 2.9375rem;
  max-height: 1.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
}

.prospect-outcome-select {
  width: 10.5rem;
  height: 28px;
  cursor: pointer;
}
.prospect-outcome-select .cs__control {
  display: inline-block;
  border-radius: 1.25rem;
  height: 1.75rem;
}
.prospect-outcome-select .cs__single-value {
  position: relative !important;
  transform: none;
  -webkit-transform: none;
  max-width: none;
}
.prospect-outcome-select .cs__value-container {
  float: left;
  padding-right: 0.25rem;
}
.prospect-outcome-select .cs__single-value {
  position: relative !important;
  transform: none;
  -webkit-transform: none;
  max-width: none;
}
.prospect-outcome-select .cs__value-container {
  float: left;
  padding-right: 0.25rem;
}
.prospect-outcome-select .cs__indicator-separator {
  display: none;
}
.prospect-outcome-select .cs__indicator {
  color: #6b7280;
  padding: 0px;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
}
.prospect-outcome-select .cs__indicator svg {
  width: 0.875rem;
  height: 0.875rem;
}

.intent-score {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}

.prospect-custom-outcome-select {
  cursor: pointer;
  border-radius: 20px;
  display: flex;
  width: fit-content;
  height: 28px;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}
.prospect-custom-outcome-select .selected-outcome-main {
  display: flex;
  padding: 5px 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.prospect-custom-outcome-select .selected-outcome-main div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.prospect-custom-outcome-select .selected-outcome-main .outcome-content-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}
.prospect-custom-outcome-select.positive-sentiment, .prospect-custom-outcome-select.positive-sentiment-outcome-chip {
  border: 1px solid #6ee7b7;
  background: #ecfdf5;
}
.prospect-custom-outcome-select.positive-sentiment:hover {
  background: #d1fae5;
  border: 1px solid #10b981;
}
.prospect-custom-outcome-select.negative-sentiment, .prospect-custom-outcome-select.negative-sentiment-outcome-chip {
  border: 1px solid #fecaca;
  background: #fef2f2;
}
.prospect-custom-outcome-select.negative-sentiment:hover {
  background: #fee2e2;
  border: 1px solid #fca5a5;
}
.prospect-custom-outcome-select.neutral-sentiment, .prospect-custom-outcome-select.neutral-sentiment-outcome-chip {
  border: 1px solid #d1d5db;
  background: #f3f4f6;
}
.prospect-custom-outcome-select.neutral-sentiment:hover {
  background: #e5e7eb;
  border: 1px solid #9ca3af;
}
.prospect-custom-outcome-select.default-sentiment, .prospect-custom-outcome-select.default-sentiment-outcome-chip {
  border: 1px solid #e5e7eb;
  background: #f9fafb;
}
.prospect-custom-outcome-select.default-sentiment:hover {
  background: #f3f4f6;
  border: 1px solid #d1d5db;
}
.prospect-custom-outcome-select.positive-sentiment-outcome-chip, .prospect-custom-outcome-select.negative-sentiment-outcome-chip, .prospect-custom-outcome-select.neutral-sentiment-outcome-chip, .prospect-custom-outcome-select.default-sentiment-outcome-chip {
  height: 24px;
}
.prospect-custom-outcome-select.positive-sentiment-outcome-chip svg, .prospect-custom-outcome-select.negative-sentiment-outcome-chip svg, .prospect-custom-outcome-select.neutral-sentiment-outcome-chip svg, .prospect-custom-outcome-select.default-sentiment-outcome-chip svg {
  width: 14px;
  height: 14px;
}
.prospect-custom-outcome-select.positive-sentiment-outcome-chip img, .prospect-custom-outcome-select.negative-sentiment-outcome-chip img, .prospect-custom-outcome-select.neutral-sentiment-outcome-chip img, .prospect-custom-outcome-select.default-sentiment-outcome-chip img {
  width: 14px;
  height: 14px;
}
.prospect-custom-outcome-select.positive-sentiment-outcome-chip, .prospect-custom-outcome-select.negative-sentiment-outcome-chip, .prospect-custom-outcome-select.neutral-sentiment-outcome-chip, .prospect-custom-outcome-select.default-sentiment-outcome-chip {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.prospect-custom-outcome-select.disabled, .prospect-custom-outcome-select.disabled:hover {
  background: transparent;
  border: none;
}

.prospect-activity-container .modal-content {
  border-radius: 0.5rem !important;
  height: 35rem;
}
.prospect-activity-container .bs-tabs {
  height: 100% !important;
}
.prospect-activity-container .bs-tabs .bs-tabs-content-holder {
  height: 100% !important;
}
.prospect-activity-container .bs-tabs .bs-tabs-nav {
  padding: 0 24px;
}
.prospect-activity-container .bs-tabs .bs-tabs-nav::before {
  border-bottom-color: #f3f4f6 !important;
}
.prospect-activity-container .bs-tabs .bs-tabs-nav-wrap {
  justify-content: space-evenly;
}
.prospect-activity-container .bs-tabs .bs-tabs-nav-wrap .bs-tabs-nav-list {
  justify-content: space-between;
  width: 100%;
}
.prospect-activity-container .bs-tabs .bs-tabs-tab {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  justify-content: center;
  color: #1f2937 !important;
}
.prospect-activity-container .bs-tabs .bs-tabs-tab .bs-tabs-tab-btn {
  width: 100%;
}
.prospect-activity-container .bs-tabs .bs-tabs-tab-active {
  background-color: #eff6ff;
  color: #1d4ed8 !important;
}
.prospect-activity-container .modal-dialog {
  max-width: 45rem;
}
.prospect-activity-container .modal-header {
  border-bottom: none;
  padding: 0 !important;
  margin: 20px 24px;
  display: flex;
  align-items: flex-start;
}
.prospect-activity-container .modal-header .close {
  padding: 0 1rem !important;
}
.prospect-activity-container .modal-body {
  padding: 0 !important;
  overflow: hidden;
}
.prospect-activity-container .modal-body .bs-tabs-nav {
  margin-bottom: 0px !important;
}
.prospect-activity-container .modal-body .bs-tabs-content {
  height: 26rem;
  overflow-y: auto;
}
.prospect-activity-container .modal-body .bs-tabs-content::-webkit-scrollbar-thumb {
  background: #e5e7eb;
}
.prospect-activity-container .modal-body .bs-tabs-content .bs-tabs-tabpane {
  margin-bottom: 15px;
}
.prospect-activity-container .modal-body .bs-tabs-content .bs-tabs-tabpane .log-activity {
  margin-left: 24px;
}
.prospect-activity-container .modal-body .bs-tabs-content .bs-tabs-tabpane .empty-block {
  height: calc(100% - 2.625rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: space-between;
}
.prospect-activity-container .modal-body .bs-tabs-content .bs-tabs-tabpane .empty-block .empty-icon-wrapper {
  display: flex;
  justify-content: center;
  height: 3.125rem;
}
.prospect-activity-container .modal-body .bs-tabs-content .bs-tabs-tabpane .empty-block .empty-message-wrapper {
  margin-top: 1.5rem;
  text-align: center;
}
.prospect-activity-container .modal-body .bs-tabs-content .bs-tabs-tabpane .empty-block .empty-message-wrapper .empty-message-heading {
  font-weight: 700;
  color: #1f2937;
  font-size: 0.875rem;
}
.prospect-activity-container .modal-body .bs-tabs-content .bs-tabs-tabpane .empty-block .empty-message-wrapper .empty-message {
  display: flex;
  justify-content: center;
  width: 100%;
}
.prospect-activity-container .modal-body .bs-tabs-content .bs-tabs-tabpane .empty-block .empty-message-wrapper .empty-message .description {
  width: 23.375rem;
  text-align: center;
  color: #6b7280;
  font-size: 0.75rem;
}
.prospect-activity-container .modal-body .prospect-tab-action {
  height: 100%;
}
.prospect-activity-container .bs-tabs-tab-btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.prospect-activity-container .prospect-fullname-header {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #1f2937;
}
.prospect-activity-container .prospect-email-header {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.prospect-activity-container .prospect-activity-tile {
  color: #1f2937;
}
.prospect-activity-container .prospect-activity-tile .prospect-link-clicked {
  width: 26rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.prospect-activity-container .prospect-activity-tile .prospect-link-clicked a {
  color: #1d4ed8 !important;
  padding-top: 5px;
}
.prospect-activity-container .prospect-activity-tile .prospect-activity-content {
  font-weight: 500;
  font-size: 14px !important;
  line-height: 20px !important;
}
.prospect-activity-container .prospect-activity-tile .prospect-activity-content .prospect-activity-time {
  color: #6b7280;
  margin-left: 17px;
  display: flex;
  align-items: center;
}
.prospect-activity-container .prospect-activity-tile .prospect-activity-content .prospect-activity-time span {
  margin-left: 0.125rem;
  margin-bottom: -1px;
  line-height: 0.875rem;
}
.prospect-activity-container .prospect-activity-tile .prospect-activity-content .prospect-activity-name {
  margin-left: 5px;
  font-weight: 500;
}
.prospect-activity-container .prospect-activity-tile .prospect-activity-content .prospect-current-step {
  font-weight: 600;
}
.prospect-activity-container .prospect-activity-tile .prospect-activity-content {
  display: inline-flex;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.prospect-activity-container .day-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}

.email-report-actions-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1rem 1.5rem 0px 1.5rem;
  margin: 0;
  border-bottom: 1px solid #f3f4f6;
}
.email-report-actions-container .icon:hover {
  color: #1d4ed8;
}
.email-report-actions-container .right-actions {
  display: flex;
  align-items: end;
  gap: 0.8rem;
}
.email-report-actions-container .right-actions button {
  width: 2.125rem !important;
  min-width: 2.125rem !important;
  height: 2rem !important;
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
}
.email-report-actions-container .right-actions button span {
  margin: 0 !important;
}
.email-report-actions-container .right-actions button:hover {
  background: #dbeafe !important;
  color: #1d4ed8;
}

.export-button-wrapper {
  margin-left: 10px;
  max-width: 100px;
}
.export-button-wrapper button {
  width: 100px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.export-button-wrapper img {
  margin-bottom: 2px;
}

.template-modal .modal-dialog {
  max-width: 65.25rem;
}
.template-modal .modal-content {
  height: 43rem;
}
.template-modal .modal-content .modal-body {
  padding: 0;
  max-height: 100%;
  font-family: Inter;
}
.template-modal .modal-content .modal-body .tabs-wrapper {
  width: 23.125rem;
  border-right: 1px solid #f3f4f6;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top {
  height: 100%;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-extra-content {
  width: 100%;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-list {
  width: 100%;
  height: 3.125rem;
  padding: 0px 1.5rem;
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab {
  margin: 0px;
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 500;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active {
  color: #1d4ed8;
  font-weight: 600;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder {
  margin: 0;
  border-left: 0.03125rem solid #d1d5db;
  overflow-y: scroll;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top {
  height: 100%;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane {
  padding: 0px;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .search-wrapper {
  margin-top: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .search-wrapper .search-input-field {
  max-width: 20.125rem;
  height: 2rem;
  padding: 0px 0.625rem;
  background: #f9fafb;
  border: 1px solid #e8eff5;
  display: flex;
  align-items: center;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .search-wrapper .search-input-field input {
  width: 17.125rem;
  height: 1.375rem;
  font-weight: normal;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  background: transparent;
  color: #1f2937;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .search-wrapper .search-input-field input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .search-wrapper .search-input-field i {
  color: #9ca3af;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .results-found {
  margin: 0;
  height: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #6b7280;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .template-list .saleshandy-template {
  height: 3.5rem;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .template-list .template {
  height: 4.75rem;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .template-list .blue-17 {
  border: 1px solid #dbeafe;
  border-radius: 0.25rem;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .template-list .subject {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .performance-wrapper {
  display: flex;
  align-items: center;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .performance-wrapper .template-performance {
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .bs-tabs-tabpane .performance-wrapper .template-performance span {
  font-weight: 500;
  color: #9ca3af;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .empty-list-container {
  height: calc(100% - 4.0625rem);
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .empty-list-container .no-template-found {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.template-modal .modal-content .modal-body .tabs-wrapper .bs-tabs.bs-tabs-top .bs-tabs-content-holder .bs-tabs-content.bs-tabs-content-top .empty-list-container .no-template-found h3 {
  font-family: Inter;
  font-weight: 600;
  text-align: center;
  color: #1f2937;
  margin-top: 0.625rem;
}
.template-modal .modal-content .template-content {
  padding: 0px 1.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.template-modal .modal-content .template-content__content {
  position: relative;
  width: 39.125rem;
  height: 460px;
  overflow-y: scroll;
  border-radius: 0.25rem;
}
.template-modal .modal-content .template-content__actions {
  height: 4rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #f3f4f6;
}
.template-modal .modal-content .template-content__actions-button {
  max-width: 25.625rem;
}
.template-modal .modal-content .template-content__attachments-list {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-top: 0.9375rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.template-modal .modal-content .template-content__attachment-name {
  margin: 0;
  margin-top: 2px;
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #6b7280;
}
.template-modal .modal-content .template-content__attachments {
  position: absolute;
  bottom: 0;
}
.template-modal .modal-content .template-type-title {
  font-weight: 600;
  padding: 1rem 0;
  margin-left: 1.5rem;
  margin-bottom: 0.5rem;
  color: #9ca3af;
  width: 8.75rem;
  border-bottom: 0.0625rem solid #e5e7eb;
  border-radius: 0.0625rem;
}

.merge-tags-dropdown {
  width: 11.875rem;
}
.merge-tags-dropdown .transfer-container {
  min-width: 11.875rem;
  width: 11.875rem;
}
.merge-tags-dropdown .transfer-container .transfer-body > .transfer-content {
  max-height: 13.5rem;
}

.toolbar-extra-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding: 0px 0.25rem 0px 0.25rem;
  border-left: 0.0625rem solid rgb(217, 217, 217);
}
.toolbar-extra-btn:nth-child(3) {
  border-left: none;
}
.toolbar-extra-btn .toolbar-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  padding: 0rem 0.25rem;
  border-radius: 0.1875rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.toolbar-extra-btn .toolbar-btn:hover {
  background-color: #e5e7eb;
}
.toolbar-extra-btn .toolbar-btn.disabled {
  cursor: not-allowed;
}

.create-step-modal .modal-dialog {
  max-width: 53.0625rem;
}
.create-step-modal .modal-content {
  max-height: 92vh;
}
@media only screen and (min-width: 1920px) {
  .create-step-modal .modal-content {
    transform: scale(1.15);
  }
}
.create-step-modal .modal-header {
  border-bottom: 0px;
  padding-left: 0px;
}
.create-step-modal .modal-header .close {
  padding: 1rem 0.6875rem;
}
.create-step-modal .modal-header .close i {
  font-size: 1.5rem;
}
.create-step-modal .modal-header .step-info-wrapper-secondary {
  width: 5.625rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.create-step-modal .modal-header .step-info-wrapper {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  height: 2.25rem;
  background-color: #f3f4f6;
  position: absolute;
  border-radius: 0.25rem;
}
.create-step-modal .modal-header .step-info-wrapper .step-variant {
  margin-left: 1.125rem;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-step-modal .modal-header .channels {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  margin: 0 auto;
  padding-left: 4rem;
}
.create-step-modal .modal-header .channels .channel {
  border-radius: 4.632px;
  outline: 1px solid #f3f4f6;
  background-color: #f9fafb;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-step-modal .modal-header .channels .channel:hover {
  outline: 1px solid #e5e7eb;
}
.create-step-modal .modal-header .channels .channel-disable {
  cursor: not-allowed !important;
}
.create-step-modal .modal-body {
  height: 35rem;
  padding: 1.5rem 0px 1.25rem 0px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
}
.create-step-modal .modal-body .channel-sub-types {
  padding: 0px 1.5rem;
}
.create-step-modal .modal-body .channel-sub-types__container {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.create-step-modal .modal-body .channel-sub-types__type-secondary {
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  flex-grow: 1;
  max-width: 12.4375rem;
  border: 1px solid #eaedef;
  border-radius: 0.25rem;
}
.create-step-modal .modal-body .channel-sub-types__type-secondary:hover {
  border-color: #9ca3af;
}
.create-step-modal .modal-body .channel-sub-types__type-secondary-whatsapp {
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  flex-grow: 1;
  max-width: 16rem;
  border: 1px solid #eaedef;
  border-radius: 0.25rem;
}
.create-step-modal .modal-body .channel-sub-types__type-secondary-whatsapp:hover {
  border-color: #9ca3af;
}
.create-step-modal .modal-body .channel-sub-types__type {
  cursor: pointer;
  padding: 0.5rem 2rem;
  border-radius: 0.25rem;
  border: 1px solid #eaedef;
}
.create-step-modal .modal-body .channel-sub-types__type:hover {
  border-color: #9ca3af;
}
.create-step-modal .modal-body .channel-sub-types__active {
  border-color: #1d4ed8 !important;
  background-color: #eff6ff;
}
.create-step-modal .modal-body .channel-sub-types__active span {
  color: #1d4ed8;
}
.create-step-modal .modal-body .channel-sub-types__disable {
  opacity: 0.5;
  cursor: not-allowed;
}
.create-step-modal .modal-body .create-step-input-box {
  background-color: #f9fafb;
  height: 2.5rem;
}
.create-step-modal .modal-body .create-step-input-box input {
  background-color: #f9fafb;
  color: #1f2937;
  font-size: 0.875rem;
}
.create-step-modal .modal-body .create-step-input-box input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
}
.create-step-modal .modal-body .create-step-input-box .bs-input-label-suffix {
  color: #b91c1c;
  font-size: 0.75rem;
  font-weight: 400;
}
.create-step-modal .modal-body .create-step-input-box .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container {
  padding: 6.5px 11px;
}
.create-step-modal .modal-body .create-step-input-box .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content {
  line-height: 25px;
  width: 92%;
  white-space: nowrap;
  overflow: hidden;
}
.create-step-modal .modal-body .create-step-input-box .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .simple-input-count-container {
  padding: 0px 12px 10px 12px;
  position: absolute;
  bottom: 0;
  right: 0px;
  display: flex;
  justify-content: end;
}
.create-step-modal .modal-body .create-step-input-box .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .simple-input-count-container .simple-input-count {
  align-items: center;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  background: #f9fafb;
  border-radius: 2rem;
  padding: 0.125rem 0.25rem;
}
.create-step-modal .modal-body .create-step-input-box .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content div {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
}
.create-step-modal .modal-body .create-step-input-box .subject-editor-wrapper .email-modal-input-box .alert-component {
  display: none;
}
.create-step-modal .modal-body .content-area {
  height: 15.25rem;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background-color: #f9fafb;
  padding: 0.75rem 1rem 1rem 1rem;
}
.create-step-modal .modal-body .content-area:hover {
  border-color: #346aff;
  border-right-width: 1px !important;
}
.create-step-modal .modal-body .content-area:focus-within {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.create-step-modal .modal-body .content-area--sm {
  height: 9.375rem;
}
.create-step-modal .modal-body .content-area--sm .content-area__input {
  height: 86%;
}
.create-step-modal .modal-body .content-area--md {
  height: 17.875rem;
}
.create-step-modal .modal-body .content-area--lg {
  height: 17.375rem;
}
.create-step-modal .modal-body .content-area__input {
  border-width: 0px;
  background-color: #f9fafb;
  height: 92%;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1f2937;
  resize: none;
}
.create-step-modal .modal-body .content-area__input::placeholder {
  color: #9ca3af;
}
.create-step-modal .modal-body .content-area__input:focus {
  outline: none;
}
.create-step-modal .modal-body .content-area .expand {
  right: 0.375rem;
  top: 0.3125rem;
  z-index: 1;
}
.create-step-modal .modal-body .content-area--error {
  border-color: #fca5a5;
}
.create-step-modal .modal-body .content-area--errorHTML {
  border-color: #fca5a5;
}
.create-step-modal .modal-body .content-area--errorHTML:hover {
  border-color: #fca5a5;
}
.create-step-modal .modal-body .content-area--errorHTML:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.create-step-modal .modal-body .task-priority__items {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.9375rem;
}
.create-step-modal .modal-body .task-priority__item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #d1d5db;
  padding: 0.25rem 1rem;
  color: #1f2937;
}
.create-step-modal .modal-body .task-priority__item:hover {
  border-color: #9ca3af;
}
.create-step-modal .modal-body .task-priority .urgent {
  border: 1px solid #dc2626;
  background-color: #fef2f2;
  color: #dc2626;
}
.create-step-modal .modal-body .task-priority .high {
  border: 1px solid #d97706;
  background-color: #fffbeb;
  color: #d97706;
}
.create-step-modal .modal-body .task-priority .normal {
  border: 1px solid #1d4ed8;
  background-color: #eff6ff;
  color: #1d4ed8;
}
.create-step-modal .modal-body .task-priority .low {
  border: 1px solid #0891b2;
  background-color: #ecfeff;
  color: #0891b2;
}
.create-step-modal .modal-body .custom-button__input {
  width: 23.75rem !important;
  background-color: #f9fafb;
}
.create-step-modal .modal-body .custom-button__input input {
  background-color: #f9fafb;
  color: #1f2937;
}
.create-step-modal .modal-body .custom-button__input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
}
.create-step-modal .modal-body .task-assignee {
  width: 23.75rem;
}
.create-step-modal .modal-body .task-assignee__select {
  margin-top: 0.9375rem;
}
.create-step-modal .modal-body .task-assignee__select .bs-select-box {
  height: 2.125rem;
}
.create-step-modal .modal-body .task-assignee__select .bs-select-box-text {
  color: #1f2937;
}
.create-step-modal .modal-body .task-assignee__select .bs-select-box {
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
}
.create-step-modal .modal-footer > * {
  margin: 0rem !important;
}
.create-step-modal .modal-footer {
  min-height: 4rem;
}
.create-step-modal .modal-footer .day-input-spinner {
  display: flex;
  align-items: center;
}
.create-step-modal .modal-footer .day-input-spinner label {
  margin: 0 0.75rem 0 0;
  color: #1f2937;
}
.create-step-modal .modal-footer .day-input-spinner .day-number {
  min-width: 3.5rem;
  margin: 0 0.75rem 0 0;
  width: 3.5rem;
  height: 2rem;
}
.create-step-modal .modal-footer .day-input-spinner .day-number input[type=number]::-webkit-outer-spin-button,
.create-step-modal .modal-footer .day-input-spinner .day-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.create-step-modal .modal-footer .day-input-spinner .day-number input[type=number] {
  -moz-appearance: textfield;
  color: #1f2937;
}
.create-step-modal .modal-footer .day-input-spinner .day-number .bs-input-number-input-wrap > input {
  width: 3.5rem;
  height: 2rem;
}
.create-step-modal .modal-footer .btn-solid {
  min-width: 6.25rem;
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #1d4ed8;
}
.create-step-modal .modal-footer .btn-solid:focus-visible {
  outline: none;
}
.create-step-modal .modal-footer .btn-solid:hover, .create-step-modal .modal-footer .btn-solid:active {
  background-color: #346aff !important;
  border-color: #346aff !important;
}
.create-step-modal .modal-footer .btn-solid-primary:disabled {
  border: none;
}

.task-note-modal .modal-dialog {
  max-width: 53.0625rem;
}
.task-note-modal .modal-content-container {
  max-height: inherit;
}
.task-note-modal .modal-header {
  border-bottom: 0px;
  padding-left: 0px;
  min-height: 0px;
  padding-top: 1.5rem;
}
.task-note-modal .modal-body {
  padding: 0rem 1.5rem 1.5rem 1.5rem !important;
  overflow-y: auto;
  height: 21rem;
}
.task-note-modal .modal-body .content-area {
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background-color: #f9fafb;
  padding: 0.75rem 1rem 1rem 1rem;
}
.task-note-modal .modal-body .content-area__input {
  border-width: 0px;
  background-color: #f9fafb;
  height: 12.625rem;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1f2937;
  resize: none;
}
.task-note-modal .modal-body .content-area__input:focus {
  outline: none;
}
.task-note-modal .modal-body .content-area .expand {
  right: 0.375rem;
  top: 0.3125rem;
  z-index: 1;
}
.task-note-modal .modal-body .content-area--error {
  border-color: #fca5a5;
}
.task-note-modal .modal-footer .btn-solid {
  min-width: 6.25rem;
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #1d4ed8;
}
.task-note-modal .modal-footer .btn-solid:focus-visible {
  outline: none;
}
.task-note-modal .modal-footer .btn-solid:hover, .task-note-modal .modal-footer .btn-solid:active {
  background-color: #346aff !important;
  border-color: #346aff !important;
}
.task-note-modal .modal-footer .btn-solid {
  background-color: #1d4ed8;
}
.task-note-modal .modal-footer .btn-solid-primary:disabled {
  background-color: #1d4ed8;
  border: none;
}

.send-test-email-modal.confirm-modal-width .modal-dialog .modal-content .bs-modal-body {
  padding: 1.875rem !important;
}
.send-test-email-modal.save-changes-modal .modal-dialog {
  width: 31rem !important;
}
.send-test-email-modal.save-changes-modal .send-test-email-modal-content:first-of-type {
  margin-bottom: 0;
}
.send-test-email-modal .modal-dialog {
  width: 28.125rem !important;
  font-family: Inter;
}
.send-test-email-modal .modal-dialog .modal-header {
  border-bottom: none;
  padding: 0px 2rem;
  position: relative;
}
.send-test-email-modal .modal-dialog .modal-header button.close {
  padding: 0;
  position: absolute;
  top: 0.9375rem;
  right: 1.875rem;
}
.send-test-email-modal .modal-dialog .modal-footer {
  padding: 0;
  padding-top: 0.938rem;
  margin: 0 1.875rem 0.938rem 1.875rem;
  border-top: 0.125rem solid #f3f4f6;
  border-radius: 0.0625rem;
}
.send-test-email-modal .modal-dialog .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.send-test-email-modal .send-test-email-modal-header {
  display: flex;
  padding-top: 1.5rem;
  padding-right: 0.3125rem;
}
.send-test-email-modal .send-test-email-modal-header img {
  width: 1.5rem;
  height: 1.5rem;
}
.send-test-email-modal .send-test-email-modal-header h2 {
  font-weight: 600;
  font-size: 1rem;
  color: #000000;
  margin: 0;
  margin-left: 0.9375rem;
}
.send-test-email-modal .send-test-email-modal-content {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin-bottom: 0;
}
.send-test-email-modal .send-test-email-modal-content:first-of-type {
  margin-bottom: 2rem;
}
.send-test-email-modal .form-wrapper .send-test-email-modal-label {
  font-weight: 600;
  color: #6b7280;
  margin: 0;
  margin-bottom: 0.3125rem;
}
.send-test-email-modal .form-wrapper div.send-test-email-modal-input {
  background-color: transparent;
  border: none;
}
.send-test-email-modal .form-wrapper div.send-test-email-modal-input span {
  background: #f9fafb;
  border: 0.0625rem solid #d1d5db;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}
.send-test-email-modal .form-wrapper div.send-test-email-modal-input span input {
  background-color: transparent;
}
.send-test-email-modal .form-wrapper div.send-test-email-modal-input span.bs-input-affix-wrapper.input-error {
  border: 1px solid #b91c1c;
}
.send-test-email-modal .form-wrapper div.send-test-email-modal-input .bs-input-label-suffix {
  font-size: 12px;
  line-height: 20px;
  color: #b91c1c;
  margin-top: 0;
}
.send-test-email-modal .form-wrapper div.send-test-email-modal-input .bs-input-label-suffix img {
  margin-right: 5px;
  margin-top: -1px;
}
.send-test-email-modal .form-wrapper span.send-test-email-modal-input {
  background: #f9fafb;
  border: 0.0625rem solid #d1d5db;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}
.send-test-email-modal .form-wrapper span.send-test-email-modal-input input {
  background-color: transparent;
}

.show-activate-sequence-popover {
  z-index: 1071;
  margin-top: -5px !important;
  margin-left: 2px !important;
}

.sequence-step-email-list-dropdown {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-step-email-list-dropdown button {
  padding: 0;
  margin: 0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-step-email-list-dropdown button i {
  transition: all 0.2s ease;
  font-size: 16px;
  color: #9ca3af;
}
.sequence-step-email-list-dropdown button:hover i {
  color: #1f2937;
}
.sequence-step-email-list-dropdown .dropdown-menu-custom {
  margin: 0;
  padding: 8px 0;
}
.sequence-step-email-list-dropdown .dropdown-menu-custom a {
  color: #374151 !important;
  margin-right: 0;
  border-bottom-color: #f3f4f6;
  transition: all 0.2s ease;
}
.sequence-step-email-list-dropdown .dropdown-menu-custom a:hover {
  background: #eff6ff;
}
.sequence-step-email-list-dropdown .dropdown-menu-custom a i {
  font-size: 1rem;
  color: #6b7280;
}
.sequence-step-email-list-dropdown .dropdown-menu-custom a img {
  width: 1rem;
  height: 1rem;
}

.template-attachment-icon {
  font-size: 0.875rem;
  color: #9ca3af;
  transition: all 0.2s ease;
}
.template-attachment-icon:hover {
  color: #1f2937;
}

.prospect--applied-filters {
  border-bottom: 1px solid rgb(209, 213, 219);
  padding: 1rem;
}
.prospect--applied-filters .filter-tab-container {
  margin-bottom: 0;
}

.pause-resume-report-modal--header {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pause-resume-report-modal--header img {
  width: 1.5rem;
  height: 1.5rem;
}
.pause-resume-report-modal--header span {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.pause-resume-report-modal--content {
  margin: 1.5rem 0;
  background: #f9fafb;
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
}
.pause-resume-report-modal--content .pause-resume-stat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 1rem;
  border-bottom: 0.0625rem solid #f3f4f6;
}
.pause-resume-report-modal--content .pause-resume-stat:last-of-type {
  border-bottom: none;
}
.pause-resume-report-modal--content .pause-resume-stat p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.pause-resume-report-modal--content .pause-resume-stat p:last-of-type {
  font-weight: 600;
}
.pause-resume-report-modal--content .pause-resume-stat p {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.pause-resume-report-modal--content .pause-resume-stat p i {
  font-size: 1rem;
}
.pause-resume-report-modal--footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 1.25rem;
  border-top: 0.125rem solid #f3f4f6;
}

.scheduled-sent-email {
  transition: all 0.2s ease;
}
.scheduled-sent-email .mail-icon {
  margin-top: 1px;
  visibility: hidden;
}
.scheduled-sent-email:hover .mail-icon {
  visibility: visible;
}

.email-prospect-col {
  cursor: pointer;
}

.sequence-score--wrapper {
  padding: 1.5rem 4rem;
  background-color: #f9fafb;
  overflow-y: auto;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.sequence-score--content {
  width: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding-top: 2rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  gap: 1rem;
}
.sequence-score--content .get-it-done {
  right: 0rem;
  top: 1.5rem;
}
.sequence-score--content .details-gauge-chart {
  width: 19.0625rem;
  height: 100%;
}
.sequence-score--content--tabs {
  width: 100%;
  margin-top: 1rem !important;
}
.sequence-score--content--tabs .bs-tabs-nav {
  height: 5.375rem !important;
  justify-content: center !important;
  box-shadow: none !important;
}
.sequence-score--content--tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  width: fit-content !important;
  z-index: 1 !important;
}
.sequence-score--content--tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list {
  gap: 0px !important;
  grid-gap: 0px !important;
  display: flex;
  justify-content: center;
}
.sequence-score--content--tabs .bs-tabs-nav .bs-tabs-tab {
  margin: 0 !important;
  padding: 1rem !important;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: transparent;
  transition: all 0.2s ease-in-out;
}
.sequence-score--content--tabs .bs-tabs-nav .bs-tabs-tab .bs-tabs-tab-btn {
  padding: 0 !important;
}
.sequence-score--content--tabs .bs-tabs-nav .bs-tabs-tab.bs-tabs-tab-active {
  border-bottom: none;
  border-color: #e5e7eb;
  background: linear-gradient(180deg, #f9fafb -22.67%, #ffffff 100%);
}
.sequence-score--content--tabs .bs-tabs-nav .bs-tabs-tab:hover {
  border-color: #e5e7eb;
  background: linear-gradient(180deg, #f9fafb -22.67%, #ffffff 100%);
}
.sequence-score--content--tabs .bs-tabs-nav .bs-tabs-ink-bar {
  display: none !important;
}
.sequence-score--content--title {
  height: 20px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.sequence-score--content--title span.poor {
  color: #dc2626;
}
.sequence-score--content--title span.average {
  color: #fbbf24;
}
.sequence-score--content--title span.excellent {
  color: #059669;
}
.sequence-score--content--description {
  max-width: 43.75rem;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.125rem;
  color: #6b7280;
  text-align: center;
  margin: 0;
}
.sequence-score--content--chart p {
  margin: 0;
  margin-top: 0.5rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: center;
  color: #6b7280;
}
.sequence-score--content .sequence-score-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.sequence-score--content .sequence-score-tab--progress {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
}
.sequence-score--content .sequence-score-tab--progress .circular-progressbar-text {
  line-height: 1.75rem;
}
.sequence-score--content .sequence-score-tab--progress.poor {
  background-color: rgba(254, 242, 242, 0.5);
}
.sequence-score--content .sequence-score-tab--progress.poor svg {
  color: #dc2626;
}
.sequence-score--content .sequence-score-tab--progress.average {
  background-color: rgba(255, 251, 235, 0.5);
}
.sequence-score--content .sequence-score-tab--progress.average svg {
  color: #fbbf24;
}
.sequence-score--content .sequence-score-tab--progress.excellent {
  background-color: rgba(236, 253, 245, 0.5);
}
.sequence-score--content .sequence-score-tab--progress.excellent svg {
  color: #059669;
}
.sequence-score--content .sequence-score-tab--meta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.sequence-score--content .sequence-score-tab--title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.sequence-score--content .sequence-score-tab--info {
  color: #6b7280;
  transition: all 0.2s ease;
}
.sequence-score--content .sequence-score-tab--info:hover {
  color: #1f2937;
}

.score-apex-chart {
  position: relative;
}
.score-apex-chart .apexcharts-radialbar-hollow {
  display: none;
}
.score-apex-chart span.category {
  font-style: italic;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
}
.score-apex-chart .markers {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.25rem;
  width: 18px;
  height: 13.8208px;
}
.score-apex-chart .markers .marker-dash {
  width: 2px;
  height: 4px;
  background: #e5e7eb;
  border-radius: 7px;
}
.score-apex-chart .markers span {
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
  display: flex;
  align-items: center;
  text-align: center;
  color: #d1d5db;
}
.score-apex-chart .markers.marker-zero {
  position: absolute;
  left: 3.625rem;
  top: 9.375rem;
}
.score-apex-chart .markers.marker-twenty-five {
  position: absolute;
  left: 3.875rem;
  top: 3.3125rem;
}
.score-apex-chart .markers.marker-twenty-five .marker-dash {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(122deg);
}
.score-apex-chart .markers.marker-fifty {
  width: 0.8125rem;
  height: 1.0625rem;
  position: absolute;
  left: 9.375rem;
  top: 0.75rem;
}
.score-apex-chart .markers.marker-fifty .marker-dash {
  position: absolute;
  right: 5;
  bottom: 0;
}
.score-apex-chart .markers.marker-seventy-five {
  width: 1.1531rem;
  height: 0.8013rem;
  justify-content: flex-end;
  position: absolute;
  right: 54px;
  top: 64px;
}
.score-apex-chart .markers.marker-seventy-five .marker-dash {
  position: absolute;
  left: 0;
  bottom: 1px;
  transform: rotate(-122deg);
}
.score-apex-chart .markers.marker-hundred {
  position: absolute;
  right: 3.125rem;
  top: 9.25rem;
}

.sequence-score-tab-tooltip .tooltip-inner {
  max-width: 15.875rem !important;
}

.empty-sequence-score {
  gap: 2rem;
}
.empty-sequence-score--content h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: center;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.empty-sequence-score--content p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
  margin-bottom: 1.5rem;
}

.sequence-score-loading--container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem 4rem;
  background-color: #f9fafb;
  height: calc(100vh - 121px);
  overflow: hidden auto;
}
.sequence-score-loading--sequence-score {
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 2.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.sequence-score-loading--top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6rem;
  padding: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.sequence-score-loading--divider {
  width: 2px;
  height: 154px;
  background: #e5e7eb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.sequence-score-loading--bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
}
.sequence-score-loading--sequence-score-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #e5e7eb;
}
.sequence-score-loading--sequence-score-tab:first-of-type {
  position: relative;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #e5e7eb;
  margin-bottom: -1px;
  background-color: #fff;
  z-index: 1;
}
.sequence-score-loading--sequence-score-tab {
  padding: 1rem;
}
.sequence-score-loading--sequence-score-tab-progress {
  position: relative;
}
.sequence-score-loading--sequence-score-tab-progress .inner-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0.0938rem;
  z-index: 1;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.sequence-score-loading--sequence-score-factors {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: calc(100% - 3rem);
  margin: 1.5rem;
  margin-bottom: 0;
  padding: 1.5rem;
  padding-bottom: 0;
  background: #fff;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #f3f4f6;
  border-radius: 4px 4px 0px 0px;
}
.sequence-score-loading--sequence-score-factor .content {
  display: flex;
  gap: 0.75rem;
}

.sequence-score-cell button {
  padding: 0 !important;
}
.sequence-score-cell span.no-data {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #1f2937;
}
.sequence-score-cell .sequence-score-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.5rem;
  width: 2rem;
  height: 1.5rem;
  border: 1px solid transparent;
  border-radius: 20px;
}
.sequence-score-cell .sequence-score-badge span {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.sequence-score-cell .sequence-score-badge.poor {
  background: #fef2f2;
  border-color: #ef4444;
}
.sequence-score-cell .sequence-score-badge.poor span {
  color: #ef4444;
}
.sequence-score-cell .sequence-score-badge.average {
  background: #fffbeb;
  border-color: #f59e0b;
}
.sequence-score-cell .sequence-score-badge.average span {
  color: #f59e0b;
}
.sequence-score-cell .sequence-score-badge.excellent {
  background: #ecfdf5;
  border-color: #10b981;
}
.sequence-score-cell .sequence-score-badge.excellent span {
  color: #10b981;
}
.sequence-score-cell .check-score span {
  text-align: left;
}
.sequence-score-cell a:hover {
  text-decoration: none;
}

.sequence-client-associated-name {
  color: #1f2937;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  width: 175px;
}
.sequence-client-associated-name p {
  margin-top: 0;
  margin-bottom: 0;
}

.sequence-client-associated-tooltip .arrow {
  position: absolute !important;
  left: 0px !important;
  transform: translate(11px, 0px) !important;
}

.number-type-cell span {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #1f2937;
}

.sequence-score-error {
  gap: 2rem;
  padding: 3rem 1.5rem;
  background-color: #fff;
  border-radius: 4px;
}
.sequence-score-error--content h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: center;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.sequence-score-error--content p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
  margin-bottom: 1.5rem;
}

.sequence-steps-skeleton__steps {
  margin-left: 5.6281rem;
}

.scroll-to-top {
  align-self: flex-end;
  width: 6.625rem;
  height: 1.25rem;
  padding: 0;
}
.scroll-to-top span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.scroll-to-top:hover, .scroll-to-top:active, .scroll-to-top:focus {
  text-decoration: none;
}

.sequence-owner-label {
  max-width: 15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.merge-tag {
  height: 1.875rem;
  width: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.merge-tag svg {
  color: #6b7280;
}
.merge-tag:hover {
  background-color: #dbeafe;
}
.merge-tag:hover svg {
  color: #1d4ed8;
}

.task-assignee__select-dropdown .transfer-container .transfer-body .transfer-content ul li {
  padding: 0.375rem 1rem;
}
.task-assignee__select-dropdown .transfer-container .transfer-body .transfer-content ul li:hover {
  background-color: #eff6ff;
}

.pause-resume-sequence-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.pause-resume-sequence-title .pause-resume-sequence-title-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pause-resume-sequence-title .pause-resume-sequence-title-icon svg {
  width: 100%;
  height: 100%;
  color: #d97706;
}
.pause-resume-sequence-title h1 {
  font-weight: 600;
}

.w-100px {
  width: 6.25rem;
}

.bounced-email-schedule-sent-tab {
  display: flex;
  position: relative;
}
.bounced-email-schedule-sent-tab .bounced-reason-question-rounded {
  position: absolute;
  left: 3.6875rem;
  top: 0.125rem;
}
.bounced-email-schedule-sent-tab .hard-bounced-reason-question-rounded {
  position: absolute;
  left: 5.875rem;
  top: 0.125rem;
}
.bounced-email-schedule-sent-tab .block-bounced-reason-question-rounded {
  position: absolute;
  left: 6.1875rem;
  top: 0.125rem;
}
.bounced-email-schedule-sent-tab .block-bounced-reason-question-rounded:focus {
  outline: none !important;
}
.bounced-email-schedule-sent-tab .failed-reason-question-rounded {
  position: absolute;
  left: 2.4375rem;
  top: 0rem;
}

.failed-status {
  color: #f97316;
  font-weight: 400;
  line-height: 1.25rem;
  font-size: 0.875rem;
}

.hard-bounced-status {
  color: #ef4444;
  font-weight: 400;
  line-height: 1.25rem;
  font-size: 0.875rem;
}

.block-bounced-status {
  color: #f87171;
  font-weight: 400;
  line-height: 1.25rem;
  font-size: 0.875rem;
}

.help-icon {
  color: #f97316;
  height: 1.25rem;
}

.hard-bounced-icon {
  color: #ef4444;
}

.block-bounced-icon {
  color: #f87171;
}

.block-bounced-ico:focus {
  outline: none !important;
  border: none !important;
}

.resend-pill {
  position: absolute;
  left: 4.25rem;
  top: 0.0625rem;
  background-color: #fff;
  border-radius: 0.125rem;
  border: 0.0625rem solid #e5e7eb;
  gap: 0.375rem;
  padding: 0.125rem 0.25rem;
  cursor: pointer;
}
.resend-pill .pills-label {
  color: #1f2937;
  font-size: 0.75rem;
}

.block-resend-pill {
  left: 8rem;
}

.info-circle-schedule {
  width: 1.25rem;
  height: 1.25rem;
}

.filter-icon-sequence {
  width: 1.5rem;
  height: 1.5rem;
}

.table-header {
  justify-content: center !important;
}

.icon-cross {
  position: absolute;
  right: 1rem;
  color: #6b7280;
}

.divider-vertical-alert {
  height: 1.25rem;
  width: 0.063rem;
  background-color: #9ca3af;
  align-self: center;
  margin: 0 0.5rem;
}

.email-setting {
  margin-top: 0.5rem;
}

.a-link {
  color: #0d1a33 !important;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}

.alert-cross {
  border: none;
  background-color: #fffbeb;
  color: #6b7280;
}

.sequence-setting-radio-buttons-container {
  display: flex;
  width: 674px;
  height: 139.822px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.stage-dropdown .stage-indicator-wrapper .stage-indicator {
  border-radius: 0.25rem;
  margin-right: 0.625rem;
  width: 0.1875rem;
  height: 1.5rem;
  flex-shrink: 0;
  background: #f87171;
}

.bounce-summary-dropdown {
  border: none;
  background: #f3f4f6;
  width: 1rem;
  height: 1rem;
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.125rem;
}
.bounce-summary-dropdown .bounce-icon-wrapper {
  color: #6b7280;
  margin-top: 0.1rem;
  width: 0.75rem;
  height: 0.75rem;
}

.bounce-dropdown {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: 0.5rem;
  cursor: pointer;
}
.bounce-dropdown:last-child {
  border-bottom: none;
}
.bounce-dropdown .bounce-indicator-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
}
.bounce-dropdown .bounce-indicator-wrapper .bounce-indicator {
  border-radius: 0.25rem;
  margin-right: 0.625rem;
  width: 0.1875rem;
  height: 1.5rem;
  flex-shrink: 0;
  background: #b91c1c;
}
.bounce-dropdown .bounce-indicator-wrapper .bounce-indicator.hard {
  background: #ef4444;
}
.bounce-dropdown .bounce-indicator-wrapper .bounce-indicator.block {
  background: #f87171;
}
.bounce-dropdown .bounce-indicator-wrapper .bounce-name {
  display: flex;
  align-items: center;
  flex-grow: 1;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  gap: 0.25rem;
}
.bounce-dropdown .bounce-indicator-wrapper .bounce-info-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #9ca3af;
  cursor: pointer;
}
.bounce-dropdown .bounce-count-wrapper {
  display: flex;
  align-items: center;
  width: 25%;
}
.bounce-dropdown .bounce-count-wrapper .bounce-count {
  margin-right: 0.5rem;
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.bounce-dropdown .bounce-count-wrapper .bounce-percentage {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin-top: 0.125rem;
}

.bounce-transfer {
  display: inline-flex;
  padding: 0 !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  border-radius: 0.5rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  background: #fff;
  box-shadow: 0px 16px 32px -4px rgba(0, 0, 0, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.04) !important;
  max-height: 10.25rem;
  max-width: 25rem;
  min-width: 15rem;
  overflow-x: hidden;
}
.bounce-transfer .popover-body {
  width: 100%;
}
.bounce-transfer .popover-body .bs-popover-inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.75rem;
  width: 15rem;
  padding: 1rem;
}
.bounce-transfer.soft-bounced-dropdown .popover-body .bs-popover-inner-content {
  height: 8rem;
}
.bounce-transfer.hard-block-bounced-dropdown .popover-body .bs-popover-inner-content {
  height: 5.75rem;
}

.ai-variant-error-modal .modal-content {
  top: 38% !important;
}
.ai-variant-error-modal .modal-content .modal-content-container .modal-header {
  padding-top: 1.5rem !important;
}
.ai-variant-error-modal .modal-content .bs-modal-footer .btn-ghost {
  padding: 0.375rem 1.625rem !important;
  line-height: normal !important;
}

.create-variant-btn .tooltip-inner {
  white-space: pre-line;
}

.subsequence-popover {
  max-height: 10.25rem;
  overflow-y: auto;
}
.subsequence-popover .bs-popover-inner-content {
  padding: 12px !important;
}
.subsequence-popover .arrow {
  display: none;
}
.subsequence-popover .subsequence-title-bar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.subsequence-popover .subsequence-title-bar .subsequence-rectangle-border {
  width: 0.1875rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 4px;
}
.subsequence-popover .subsequence-title-bar .subsequence-title-text {
  overflow: hidden;
  color: #1f2937;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  text-wrap: nowrap;
  width: 196px;
}
.subsequence-popover .subsequence-title-bar .subsequence-title-text.subsequence-title-link:hover {
  color: #1d4ed8;
}

.sequence-progress-col-tooltip {
  padding: none !important;
}
.sequence-progress-col-tooltip .bs-popover-inner-content {
  padding: 0.5rem;
}

.sequence-progress-col {
  gap: 0.25rem;
  align-items: center;
}
.sequence-progress-col .info-circle-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #6b7280;
  cursor: pointer;
}
.sequence-progress-col .info-circle-icon:hover {
  color: #1d4ed8;
}
.sequence-progress-col .info-circle-icon.active {
  color: #1d4ed8;
}

.sequence-progress-col-tooltip {
  padding: 0 !important;
  border-radius: 0.25rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
  background: #fff !important;
}
.sequence-progress-col-tooltip .bs-popover-inner-content {
  padding: 0.5rem !important;
  width: 258px;
  height: 84px;
  display: flex;
  justify-content: center;
  gap: 0.375rem;
}
.sequence-progress-col-tooltip .bs-popover-inner-content .inner-container {
  gap: 8px;
}
.sequence-progress-col-tooltip .bs-popover-inner-content .inner-container .cross-icon-sequence {
  color: #1f2937;
  margin-bottom: 0.3125rem;
  cursor: pointer;
  outline: none;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.content {
  width: 218px;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.content a {
  color: #9ca3af;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.content a:hover {
  text-decoration: underline;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.icon {
  width: 1rem;
  height: 1rem;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.icon svg {
  color: #9ca3af;
}

.subsequence-empty-list-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 7rem;
  height: 100%;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container {
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.15);
  min-width: 816px;
  width: 816px;
  max-height: 332px;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .header {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .header__icon {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .header__content h3 {
  color: #1f2937;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 8px;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .header__content p {
  color: #1f2937 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  margin-bottom: 16px !important;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .header__content .learn-more {
  display: inline-flex;
  align-items: center;
  color: #1d4ed8;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .header__content .learn-more:hover {
  cursor: pointer;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .header__content .learn-more .icon-wrapper {
  display: inline-block;
  margin-left: 4px;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 24px;
  text-align: center;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .steps__item:nth-child(1) {
  width: 222px;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .steps__item:nth-child(2) {
  width: 229px;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .steps__item:nth-child(3) {
  width: 243px;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .steps__item-number {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #f3f4f6;
  color: #1f2937;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.5rem;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .steps__item-title {
  color: #1f2937;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .steps__item-description {
  color: #6b7280;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px !important;
}
.subsequence-empty-list-wrapper .subsequence-empty-list-container .action {
  display: flex;
  justify-content: center;
  width: 100%;
}

.sequence-progress-cell {
  cursor: pointer;
}
.sequence-progress-cell:hover {
  background: #f3f4f6 !important;
}
.sequence-progress-cell .sequence-progress-col-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sequence-progress-cell .contacted-value {
  color: #1f2927;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.sequence-progress-cell .total-value {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.sequence-progress-cell .progress-bar-count {
  margin-top: 2px;
}

.prospect-col-header-icon {
  color: #a78bfa;
  gap: 0.5rem;
  align-items: center;
}

.prospect-col-cell {
  cursor: pointer;
}
.prospect-col-cell:hover {
  background: #f3f4f6 !important;
}
.prospect-col-cell .count {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 0.0625rem dashed #9ca3af;
}
.prospect-col-cell .count.no-data {
  border-bottom: none;
}
.prospect-col-cell:hover .arrow-up-right-icon {
  opacity: 0.5;
}
.prospect-col-cell .arrow-up-right-icon {
  color: #6b7280 !important;
  opacity: 0;
}
.prospect-col-cell .arrow-up-right-icon:hover {
  background-color: #fff;
  opacity: 1;
  border-radius: 0.125rem;
}

.contacted-col-header-icon {
  color: #60a5fa;
  gap: 0.5rem;
  align-items: center;
}

.opened-col-header-icon {
  color: #818cf8;
  gap: 0.5rem;
}

.replied-col-header-icon {
  color: #06b6d4;
  gap: 0.5rem;
}

.positive-col-header-icon {
  color: #34d399;
  gap: 0.5rem;
}

.opened-col-cell {
  color: #1f2937;
  font-weight: 500;
  line-height: 1.25rem;
  font-size: 14px;
}
.opened-col-cell .total-opened-count {
  font-weight: 600;
  font-size: 16px;
}

.replied-positive-col-cell {
  cursor: pointer;
  color: #1f2937;
  font-weight: 500;
  line-height: 1.25rem;
  font-size: 14px;
}
.replied-positive-col-cell:hover {
  background: #f3f4f6 !important;
  color: #1d4ed8;
}
.replied-positive-col-cell .total-replied-positive-count {
  font-weight: 600;
  font-size: 16px;
}

.email-accounts-col-cell {
  color: #1f2937;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  cursor: pointer;
}
.email-accounts-col-cell:hover {
  background: #f3f4f6 !important;
}

.contacted-col-cell {
  color: #1f2937;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
}

.sequence-switch-header-col {
  position: sticky;
  left: 3.5625rem;
  z-index: 3;
  background-color: #fff;
  top: 0;
}

.sequence-disabled-cell {
  cursor: not-allowed;
}

.sequence-action .action-btn {
  width: 2.125rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}
.sequence-action .action-btn svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
}
.sequence-action .action-btn:hover {
  background: #dbeafe;
}
.sequence-action .action-btn:hover svg {
  color: #1d4ed8;
}
.sequence-action .show > .show {
  display: block !important;
}
.sequence-action .dropdown-custom > .dropdown-menu-custom {
  display: none;
}
.sequence-action .dropdown-custom .dropdown-toggle-custom {
  width: 2.125rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0;
  border: none;
}
.sequence-action .dropdown-custom .dropdown-toggle-custom svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
}
.sequence-action .dropdown-custom .dropdown-toggle-custom:hover {
  background: #eff6ff;
}
.sequence-action .dropdown-custom .dropdown-menu-custom {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 0.5rem 0px;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
}
.sequence-action .dropdown-custom .dropdown-menu-custom a {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4375rem 1rem;
  height: 2.125rem;
  color: #374151;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.sequence-action .dropdown-custom .dropdown-menu-custom a svg {
  color: #6b7280;
}
.sequence-action .dropdown-custom .dropdown-menu-custom a:hover {
  background: #eff6ff;
}

.sequence-action-dropdown .dropdown-menu-custom {
  padding: 0.5rem 0 !important;
}
.sequence-action-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 7px 16px !important;
  color: #374151;
}
.sequence-action-dropdown .dropdown-item:hover {
  background-color: #eff6ff;
}
.sequence-action-dropdown .pencil-icon {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
}

.waiting-status-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 4px 24px;
}
.waiting-status-banner .shd-alert--icon {
  display: flex;
  align-items: center;
  color: #d97706;
}
.waiting-status-banner .shd-alert--text .text {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.waiting-status-banner .shd-alert--text .sub-text {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.waiting-status-banner .shd-alert--text .a-link-waiting {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
}
.waiting-status-banner .shd-alert--text .a-link-waiting:hover {
  text-decoration: underline;
}
.waiting-status-banner .shd-alert--text .a-link-waiting a {
  color: #1d4ed8;
}
.waiting-status-banner .shd-alert--text .shd-alert--description .text-cross-icon {
  width: 212%;
}
.waiting-status-banner .shd-alert--text .waiting-status-banner-close {
  outline: none;
  color: #6b7280;
}

.waiting-status-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 4px 24px;
}
.waiting-status-banner .shd-alert--icon {
  display: flex;
  align-items: center;
  color: #d97706;
}
.waiting-status-banner .shd-alert--text .text {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.waiting-status-banner .shd-alert--text .sub-text {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.waiting-status-banner .shd-alert--text .a-link-waiting {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
}
.waiting-status-banner .shd-alert--text .a-link-waiting:hover {
  text-decoration: underline;
}
.waiting-status-banner .shd-alert--text .a-link-waiting a {
  color: #1d4ed8;
}
.waiting-status-banner .shd-alert--text .shd-alert--description .text-cross-icon {
  width: 212%;
}
.waiting-status-banner .shd-alert--text .waiting-status-banner-close {
  outline: none;
  color: #6b7280;
}

.sequence-progress-col-tooltip {
  padding: none !important;
}
.sequence-progress-col-tooltip .bs-popover-inner-content {
  padding: 0.5rem;
}

.sequence-progress-col {
  gap: 0.25rem;
  align-items: center;
}
.sequence-progress-col .info-circle-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #6b7280;
  cursor: pointer;
}
.sequence-progress-col .info-circle-icon:hover {
  color: #1d4ed8;
}
.sequence-progress-col .info-circle-icon.active {
  color: #1d4ed8;
}

.sequence-progress-col-tooltip {
  padding: 0 !important;
  border-radius: 0.25rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
  background: #fff !important;
}
.sequence-progress-col-tooltip .bs-popover-inner-content {
  padding: 0.5rem !important;
  width: 258px;
  height: 84px;
  display: flex;
  justify-content: center;
  gap: 0.375rem;
}
.sequence-progress-col-tooltip .bs-popover-inner-content .inner-container {
  gap: 8px;
}
.sequence-progress-col-tooltip .bs-popover-inner-content .inner-container .cross-icon-sequence {
  color: #1f2937;
  margin-bottom: 0.3125rem;
  cursor: pointer;
  outline: none;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.content {
  width: 218px;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.content a {
  color: #9ca3af;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.content a:hover {
  text-decoration: underline;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.icon {
  width: 1rem;
  height: 1rem;
}
.sequence-progress-col-tooltip .bs-popover-inner-content div.icon svg {
  color: #9ca3af;
}

.sequence-progress-cell {
  cursor: pointer;
}
.sequence-progress-cell:hover {
  background: #f3f4f6 !important;
}
.sequence-progress-cell .sequence-progress-col-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sequence-progress-cell .contacted-value {
  color: #1f2927;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.sequence-progress-cell .total-value {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.sequence-progress-cell .progress-bar-count {
  margin-top: 2px;
}

.prospect-col-header-icon {
  color: #a78bfa;
  gap: 0.5rem;
  align-items: center;
}

.prospect-col-cell {
  cursor: pointer;
}
.prospect-col-cell:hover {
  background: #f3f4f6 !important;
}
.prospect-col-cell .count {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 0.0625rem dashed #9ca3af;
}
.prospect-col-cell .count.no-data {
  border-bottom: none;
}
.prospect-col-cell:hover .arrow-up-right-icon {
  opacity: 0.5;
}
.prospect-col-cell .arrow-up-right-icon {
  color: #6b7280 !important;
  opacity: 0;
}
.prospect-col-cell .arrow-up-right-icon:hover {
  background-color: #fff;
  opacity: 1;
  border-radius: 0.125rem;
}

.contacted-col-header-icon {
  color: #60a5fa;
  gap: 0.5rem;
  align-items: center;
}

.opened-col-header-icon {
  color: #818cf8;
  gap: 0.5rem;
}

.replied-col-header-icon {
  color: #06b6d4;
  gap: 0.5rem;
}

.positive-col-header-icon {
  color: #34d399;
  gap: 0.5rem;
}

.opened-col-cell {
  color: #1f2937;
  font-weight: 500;
  line-height: 1.25rem;
  font-size: 14px;
}
.opened-col-cell .total-opened-count {
  font-weight: 600;
  font-size: 16px;
}

.replied-positive-col-cell {
  cursor: pointer;
  color: #1f2937;
  font-weight: 500;
  line-height: 1.25rem;
  font-size: 14px;
}
.replied-positive-col-cell:hover {
  background: #f3f4f6 !important;
  color: #1d4ed8;
}
.replied-positive-col-cell .total-replied-positive-count {
  font-weight: 600;
  font-size: 16px;
}

.email-accounts-col-cell {
  color: #1f2937;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  cursor: pointer;
}
.email-accounts-col-cell:hover {
  background: #f3f4f6 !important;
}

.contacted-col-cell {
  color: #1f2937;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
}

.sequence-switch-header-col {
  position: sticky;
  left: 3.5625rem;
  z-index: 3;
  background-color: #fff;
  top: 0;
}

.sequence-disabled-cell {
  cursor: not-allowed;
}

.sequence-action .action-btn {
  width: 2.125rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}
.sequence-action .action-btn svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
}
.sequence-action .action-btn:hover {
  background: #dbeafe;
}
.sequence-action .action-btn:hover svg {
  color: #1d4ed8;
}
.sequence-action .show > .show {
  display: block !important;
}
.sequence-action .dropdown-custom > .dropdown-menu-custom {
  display: none;
}
.sequence-action .dropdown-custom .dropdown-toggle-custom {
  width: 2.125rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0;
  border: none;
}
.sequence-action .dropdown-custom .dropdown-toggle-custom svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
}
.sequence-action .dropdown-custom .dropdown-toggle-custom:hover {
  background: #eff6ff;
}
.sequence-action .dropdown-custom .dropdown-menu-custom {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 0.5rem 0px;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
}
.sequence-action .dropdown-custom .dropdown-menu-custom a {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4375rem 1rem;
  height: 2.125rem;
  color: #374151;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.sequence-action .dropdown-custom .dropdown-menu-custom a svg {
  color: #6b7280;
}
.sequence-action .dropdown-custom .dropdown-menu-custom a:hover {
  background: #eff6ff;
}

.sequence-action-dropdown .dropdown-menu-custom {
  padding: 0.5rem 0 !important;
}
.sequence-action-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 7px 16px !important;
  color: #374151;
}
.sequence-action-dropdown .dropdown-item:hover {
  background-color: #eff6ff;
}
.sequence-action-dropdown .pencil-icon {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
}

.settings-content {
  padding: 1.5rem 1.5rem 0px 1.5rem;
  background-color: #fff;
}
.settings-content__left-container .sequence-settings-sidebar {
  width: 9.625rem;
  transition: all 0.3s;
}
.settings-content__left-container .sequence-settings-sidebar__item {
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
}
.settings-content__left-container .sequence-settings-sidebar__item:not(:first-child) {
  margin-top: 0.375rem;
}
.settings-content__left-container .sequence-settings-sidebar .active {
  background-color: #eff6ff;
  border: 1px solid #dbeafe;
  border-left: 3px solid #1d4ed8;
  border-radius: 1px 0.25rem 0.25rem 1px;
  box-shadow: 1px 1px 4px #f3f4f6;
  padding-left: 0.625rem;
}
.settings-content__right-container {
  overflow-y: scroll;
  height: 100%;
}
@media screen and (max-width: 1280px) {
  .settings-content__right-container {
    height: 75.35vh;
  }
}
.settings-content__right-container .card {
  border: 1px solid #e8eff5 !important;
}
.settings-content__right-container .card > .card-body {
  padding: 0;
}
.settings-content__right-container .card > .card-body .cst-disable.shd-button {
  opacity: 0.3;
  cursor: not-allowed;
}
.settings-content__right-container .card > .card-body .table-list .empty-list {
  display: none;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list {
  height: 100%;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .react-bootstrap-table .table-organism .table-organism-header {
  background: #f3f4f6;
  pointer-events: none;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .react-bootstrap-table .table-organism .table-organism-header tr > th {
  border: none;
  padding: 0.5rem;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:first-of-type {
  padding-left: 1.875rem;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .sequence-email-account-table-body tr {
  height: 3.75rem;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .sequence-email-account-table-body tr td:first-child {
  border-left: 1px solid #f3f4f6;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .sequence-email-account-table-body tr td:last-child {
  border-right: 1px solid #f3f4f6;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .sequence-email-account-table-body tr:hover .sequence-settings--action > i {
  display: inline-block;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .sequence-email-account-table-body .sequence-settings--owner {
  width: 1rem;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .sequence-email-account-table-body .sequence-settings--action {
  padding-right: 0px;
  width: 3.5rem;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .sequence-email-account-table-body .sequence-settings--action i {
  display: none;
}
.settings-content__right-container .card > .card-body .sequence-email-account-table-list .no-data > tr > td {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.settings-content__right-container .card > .card-body .pagination-btn {
  position: absolute;
  width: 100%;
  height: 5.1875rem;
  right: 0px;
  bottom: -1px;
  background: linear-gradient(rgba(255, 255, 255, 0.5) 43.56%, #f9fafb 63.83%);
}
.settings-content__right-container .card > .card-body .bs-select-box {
  width: 19.375rem;
}
.settings-content__right-container .card > .card-body .tooltip-lg .tooltip-inner {
  max-width: 50rem !important;
}
.settings-content__right-container .card > .card-body .tooltip-schedule {
  max-width: 450px;
}
.settings-content__right-container .card > .card-body .tooltip-schedule.bs-popover-inner {
  background-color: #1f2937;
}
.settings-content__right-container .card > .card-body .tooltip-schedule.bs-popover-inner .bs-popover-inner-content {
  padding: 0;
}
.settings-content__right-container .card > .card-body .tooltip-schedule.bs-popover-inner .arrow::after,
.settings-content__right-container .card > .card-body .tooltip-schedule.bs-popover-inner .arrow::before {
  border-right-color: #1f2937;
}
.settings-content__right-container .card > .card-body .tooltip-schedule .schedule-day {
  width: 40rem;
  padding: 0px 16px 16px 16px;
  display: flex;
  align-items: center;
}
.settings-content__right-container .card > .card-body .tooltip-schedule .schedule-day p {
  margin: 0;
  color: #fff;
}
.settings-content__right-container .card > .card-body .tooltip-schedule .schedule-day p:first-of-type {
  min-width: 75px;
  font-weight: 500;
  font-size: 12px;
}
.settings-content__right-container .card > .card-body .tooltip-schedule .schedule-day p:nth-of-type(2) {
  background-color: #4b5563;
  height: 2px;
  width: 15rem;
  border-radius: 1px;
}
.settings-content__right-container .card > .card-body .tooltip-schedule .schedule-day p:last-of-type {
  margin-left: 10px;
  display: flex;
}
.settings-content__right-container .card > .card-body .tooltip-schedule .schedule-day p:last-of-type span {
  margin: 0px 5px;
  width: 86px;
  height: 20px;
  border-radius: 4px;
  background-color: #374151;
  font-feature-settings: "tnum" on, "lnum" on;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  font-size: 11px;
}
.settings-content__right-container .card > .card-body .tooltip-schedule .schedule-timezone {
  font-size: 12px;
  color: #fff;
  padding: 12px 16px;
  margin-bottom: 12px;
  border-bottom: 1px solid #374151;
}
.settings-content__right-container .card > .card-body .average-deal-container {
  border-right: 0px;
  height: 36px;
  width: 33px;
  padding: 8px 0px;
  border-radius: 4px 0px 0px 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #d1d5db;
  background-color: #f9fafb;
  color: #d1d5db;
}
.settings-content__right-container .card > .card-body .deal-span-icon {
  font-size: 0.875rem;
  width: 0.875rem;
  height: 1.25rem;
  top: 0.5rem;
  left: 0.75rem;
}
.settings-content__right-container .card > .card-body .average-deal-value-input {
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  height: 2.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000000;
}
.settings-content__right-container .card > .card-body .average-deal-value-input .bs-input-number-handler-wrap {
  display: none;
}
.settings-content__right-container .card > .card-body .average-deal-value-input .bs-input-number-input {
  height: 34px;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status {
  margin-top: 1.625rem;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status__banner {
  margin-top: 0.5rem;
  width: fit-content;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status__banner span {
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-left: 0.25rem;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status__banner .banner-message-wrap .anchor-link-text {
  color: #b45309;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status__banner .banner-message-wrap .anchor-link-text a {
  text-decoration: underline;
  margin-left: 0.15rem;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status .verify-button {
  margin-left: 1rem;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status .verify-button .icon-left {
  margin-right: 0.5rem;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status .verify-button .icon-left .refresh-svg {
  animation: spin 2s linear infinite;
}
.settings-content__right-container .card > .card-body .sequence-setting-verify-status .verify-button-pending {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.settings-content__right-container .card > .card-body .verify-prospect-switch.disabled {
  opacity: 0.5;
}
.settings-content__right-container .card > .card-body .switchToggle.switch-small label span {
  width: 45rem;
  color: #1f2937;
  font-weight: 400;
}
.settings-content__right-container .card > .card-body .sequence-setting-tab-switch label {
  min-width: 32px;
  background: #9ca3af;
}
.settings-content__right-container .card > .card-body .sequence-setting-tab-switch label span {
  left: 38px;
}
.settings-content__right-container .card > .card-body .unsub-preset {
  margin-top: 1.4rem;
  border-left: 2px solid #f3f4f6;
  padding-left: 1.1875rem;
}
.settings-content__right-container .card > .card-body .unsub-preset label {
  color: #262626;
}
.settings-content__right-container .card > .card-body .unsub-preset .preset-list {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.settings-content__right-container .card > .card-body .unsub-preset .preset-list .bs-radio-wrapper {
  margin-right: 0.5rem;
}
.settings-content__right-container .card > .card-body .unsub-preset .preset-list .unsub-link-text {
  color: #0137fc;
  cursor: pointer;
}
.settings-content__right-container .card > .card-body .unsub-preset .preset-list .unsub-link-text:hover {
  text-decoration: underline;
}
.settings-content__right-container .card > .card-body .custom-unsub-preset {
  margin-left: 1.4rem;
  width: 35rem;
  height: 10rem;
}
.settings-content__right-container .card > .card-body .sequence-save-btn {
  margin-bottom: 2rem;
}
.settings-content__right-container .card > .card-body .error-caption {
  margin-bottom: 0;
  margin-top: 0.125rem;
  color: #f5222d;
}
.settings-content__right-container .card > .card-body .sequence-settings-switch.switchToggle input:checked + label {
  background: #1d4ed8;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container {
  display: flex;
  flex-direction: column;
  width: max-content;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-limit {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-limit .enrollment-settings-limit-label {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: max-content;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-recurrence {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-recurrence .enrollment-settings-recurrence-title {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-recurrence .enrollment-settings-recurrence-label {
  color: #6b7280;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-recurrence .enrollment-settings-recurrence-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-recurrence .enrollment-settings-recurrence-input .bs-input-number-container {
  width: 6rem;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-recurrence .enrollment-settings-recurrence-input .bs-select-box {
  width: 6rem;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .input-text-error {
  color: #ef4444;
  margin-bottom: 0;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-top: 0.25rem;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .switchToggle.switch-small.disabled {
  opacity: 0.5;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .switchToggle.switch-small label span {
  width: max-content;
}
.settings-content__right-container .card > .card-body .enrollment-settings-container .enrollment-settings-alert {
  width: 100%;
}
.settings-content__right-container .associate-client {
  height: 206px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #e8eff5;
  background: #ffffff;
}
.settings-content__right-container .associate-client .agency-client-wrapper:hover, .settings-content__right-container .associate-client .agency-client-wrapper.agency-client-show {
  border-color: #346aff;
  border-right-width: 0.0625rem !important;
}
.settings-content__right-container .associate-client .btn-solid-primary:disabled {
  border: none;
}
.settings-content__right-container .associate-client .btn-solid-primary:disabled.disabled {
  border: none;
}
.settings-content__right-container .associate-client h3 {
  color: #1f2937;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 0px 0px 3px 0px;
}
.settings-content__right-container .associate-client p {
  color: #6b7280;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.settings-content__right-container .associate-client .content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.settings-content__right-container .associate-client .warning-client-associated-badge {
  display: flex;
  height: 24px;
  padding: 0px 8px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 100px;
  background: #fffbeb;
  border: 1px solid #ffedd5;
}
.settings-content__right-container .associate-client .warning-client-associated-badge p {
  color: #b45309;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

.sequence-email-account-client-associated-tooltip .arrow {
  position: absolute !important;
  left: 0px !important;
  transform: translate(11px, 0px) !important;
}

.select-email-account-modal .modal-dialog {
  max-width: 58.125rem;
}
.select-email-account-modal .modal-content {
  max-height: 44.75rem;
}
.select-email-account-modal .modal-body {
  padding-bottom: 0px !important;
  max-height: 27.5rem;
}
.select-email-account-modal .modal-body .table-list .empty-list {
  display: none;
}
.select-email-account-modal .modal-body .select-email-header {
  margin-bottom: 1.25rem;
}
.select-email-account-modal .modal-body .select-email-header .react-loading-skeleton {
  line-height: 1.5;
}
.select-email-account-modal .modal-body .select-count {
  border: 1px solid #fef3c7;
  border-radius: 0.25rem;
}
.select-email-account-modal .modal-body .empty-table-list {
  height: 100%;
  margin-top: 1px;
}
.select-email-account-modal .modal-body .select-email-account-table-list-md {
  height: 21rem !important;
}
.select-email-account-modal .modal-body .select-email-account-table-list {
  height: 19rem !important;
}
.select-email-account-modal .modal-body .select-email-account-table-list,
.select-email-account-modal .modal-body .select-email-account-table-list-md {
  margin-top: 1px;
}
.select-email-account-modal .modal-body .select-email-account-table-list .select-email-account-table-body tr > td:first-child,
.select-email-account-modal .modal-body .select-email-account-table-list-md .select-email-account-table-body tr > td:first-child {
  border-left: 1px solid #f3f4f6;
}
.select-email-account-modal .modal-body .select-email-account-table-list .select-email-account-table-body tr > td:last-child,
.select-email-account-modal .modal-body .select-email-account-table-list-md .select-email-account-table-body tr > td:last-child {
  border-right: 1px solid #f3f4f6;
}
.select-email-account-modal .modal-body .select-email-account-table-list .select-email-account-table-body .disable-row,
.select-email-account-modal .modal-body .select-email-account-table-list-md .select-email-account-table-body .disable-row {
  pointer-events: none;
  cursor: not-allowed;
}
.select-email-account-modal .modal-body .select-email-account-table-list .select-email-account-table-body .disable-row td,
.select-email-account-modal .modal-body .select-email-account-table-list-md .select-email-account-table-body .disable-row td {
  opacity: 0.3;
}
.select-email-account-modal .modal-body .select-email-account-table-list .select-email-account-table-body .disable-row td .bs-checkbox-wrapper .bs-checkbox-input:checked ~ .bs-checkbox-inner,
.select-email-account-modal .modal-body .select-email-account-table-list-md .select-email-account-table-body .disable-row td .bs-checkbox-wrapper .bs-checkbox-input:checked ~ .bs-checkbox-inner {
  background-color: #ffffff;
  border-color: #d9d9d9;
}
.select-email-account-modal .modal-body .select-email-account-table-list .no-data > tr > td,
.select-email-account-modal .modal-body .select-email-account-table-list-md .no-data > tr > td {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.select-email-account-modal .modal-body .email-account-empty-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  height: 17.25rem;
  margin-top: -1.5rem;
}
.select-email-account-modal .modal-body .email-account-empty-list img {
  height: 60px;
}

.line-break > .tooltip-inner {
  white-space: pre-line;
}

.sender_rotation_heading {
  margin-left: 0.4375rem;
  line-height: 1.375rem;
  background-color: #f3f4f6;
  border-radius: 50px 50px;
  height: 1.585rem;
  width: 8.8125rem;
}

.sender_rotation_heading_dot {
  height: 0.5625rem;
  width: 0.5625rem;
  border-radius: 50%;
  margin-left: 5px;
  margin-right: 2px;
}

.sequence-setting-title {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.sequence-setting-description {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.sequence-setting-description a {
  color: #1d4ed8;
}

.cc-bcc-label {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin: 0;
  margin-bottom: 0.25rem;
}

.cs-gap-4 {
  gap: 1.5rem !important;
}

.cc-bcc-email-input--wrapper {
  flex: 1;
  min-width: 27.875rem;
  height: 10.125rem;
}
.cc-bcc-email-input--container {
  min-width: 27.875rem;
  height: 7.375rem;
  overflow-y: auto;
  padding: 0.4375rem 1rem;
  display: grid;
  grid-template-rows: auto 1fr;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #f9fafb;
  cursor: text;
}
.cc-bcc-email-input--container:focus-visible {
  outline: none;
}
.cc-bcc-email-input--container:focus, .cc-bcc-email-input--container:focus-within {
  border-color: #1d4ed8;
}
.cc-bcc-email-input--container.disabled {
  cursor: not-allowed;
}
.cc-bcc-email-input--container.disabled:focus, .cc-bcc-email-input--container.disabled:focus-within {
  border-color: #d1d5db;
}
.cc-bcc-email-input--container.error {
  border-color: #fca5a5;
}
.cc-bcc-email-input--error-msg {
  color: #b91c1c;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.cc-bcc-email-input--helper-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.25rem;
}
.cc-bcc-email-input--count {
  color: #9ca3af;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.cc-bcc-email-input--pills {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.cc-bcc-email-input--pills .shd-pills {
  height: 1.875rem;
  padding: 0.25rem 0.5rem;
  background-color: #fff;
  border: 0.0625rem solid #d1d5db;
  gap: 0.5rem;
}
.cc-bcc-email-input--pills .shd-pills .pills-label {
  line-height: 1rem;
}
.cc-bcc-email-input--pills .shd-pills .pills-close {
  margin: 0;
}
.cc-bcc-email-input--input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  padding: 0;
  margin-top: 0.375rem;
  background: #f9fafb;
}
.cc-bcc-email-input--input:disabled {
  background-color: transparent;
}
.cc-bcc-email-input--input:active, .cc-bcc-email-input--input:focus {
  outline: none;
}
.cc-bcc-email-input--input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.settings-with-tooltip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.settings-with-tooltip .tooltip-icon {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  position: absolute;
  top: -1.5px;
  left: 142px;
}
.settings-with-tooltip .tooltip-icon svg {
  width: 100%;
  height: 100%;
  color: #9ca3af;
}

.settings-tooltip .tooltip-inner {
  max-width: 278px !important;
}

.tracking-enable-modal .delete-account-title-icon svg {
  color: #d97706 !important;
}
.tracking-enable-modal .tracking-enable-modal__learn-more {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #1d4ed8;
  text-decoration: none;
}
.tracking-enable-modal .tracking-enable-modal__learn-more:hover {
  text-decoration: underline;
}
.tracking-enable-modal .custom-domain-required-section {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
}
.tracking-enable-modal .custom-domain-required-section .custom-domain-required-title {
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.tracking-enable-modal .custom-domain-required-section .custom-domain-required-why {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.disable-text-only-confirmation-modal .delete-account-title-icon svg {
  color: #d97706 !important;
}

.w-fit {
  width: fit-content;
}

.sequence-client-tooltip .tooltip-inner {
  max-width: 15.625rem !important;
}
.sequence-client-tooltip .arrow {
  position: absolute !important;
  left: 0px !important;
  transform: translate(5px, 0px) !important;
}

.safety-settings-title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.safety-settings-title-row .safety-settings-learn-more {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #1d4ed8;
  text-decoration: none;
}
.safety-settings-title-row .safety-settings-learn-more:hover {
  text-decoration: underline;
}

.safety-settings-switch-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.safety-settings-switch-wrapper .sequence-settings-switch {
  display: flex;
  align-items: center;
  height: 1.25rem;
}
.safety-settings-switch-wrapper .sequence-settings-switch label {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.safety-settings-switch-wrapper .sequence-settings-switch label span {
  width: max-content !important;
}
.safety-settings-switch-wrapper .sequence-settings-switch.disabled {
  opacity: 0.5;
}
.safety-settings-switch-wrapper .toggle-wrapper {
  width: fit-content;
}
.safety-settings-switch-wrapper .safety-setting-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.safety-settings-switch-wrapper .safety-setting-item__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.safety-settings-switch-wrapper .safety-setting-item__description {
  display: block;
  margin: 0;
  padding-left: 2.375rem;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.safety-settings-switch-wrapper .safety-setting-item__description.disabled {
  opacity: 0.4;
}
.safety-settings-switch-wrapper .text-only-radio-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.75rem;
  margin-left: 2.375rem;
  padding-left: 1rem;
  border-left: 2px solid #f3f4f6;
}
.safety-settings-switch-wrapper .text-only-radio-group.text-only-radio-group--grey {
  opacity: 0.35;
  pointer-events: none;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option .bs-radio {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option .text-only-radio-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option .text-only-radio-label-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option .radio-input-label {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option .text-only-radio-desc {
  display: block;
  margin: 0;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  max-width: 36rem;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option .recommended-badge {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 20px;
  padding: 4px 6px;
  gap: 2px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: #1f2937;
  white-space: nowrap;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option .recommended-badge.disabled {
  opacity: 0.4;
}
.safety-settings-switch-wrapper .text-only-radio-group .text-only-radio-option .improves-deliverability-badge {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 20px;
  padding: 4px 6px;
  gap: 2px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: #1f2937;
  white-space: nowrap;
}
.safety-settings-switch-wrapper .text-only-save-btn-wrapper .text-only-save-btn {
  min-width: 80px;
}

.sequence-sending-priority__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.sequence-sending-priority-title {
  display: flex;
  width: 235px;
  align-items: center;
  gap: 8px;
}

.sender_rotation_heading_priority_setting {
  display: flex;
  height: 24px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 100px;
  border: 1px solid var(--gray-200, #e5e7eb);
  background: var(--gray-white, #fff);
}

.sequence-setting-priprity-title {
  color: #1f2937;
}

.sequence-setting-priprity-description {
  color: #6b7280;
  font-size: 12px;
}

.sending-priority-radio-group .rb-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sending-priority-radio-group .rb-group .bs-radio-wrapper {
  margin: 0 !important;
}
.sending-priority-radio-group .rb-group .bs-radio-wrapper .sequence-setting-priprity-title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
}
.sending-priority-radio-group .rb-group .bs-radio-wrapper .sequence-setting-priprity-description {
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.sending-priority-radio-group .rb-group .bs-radio-wrapper.bs-radio-wrapper-disabled {
  opacity: 0.5;
}

.sending-priority-save-btn {
  width: 5.0625rem;
  padding: 0.375rem 0.75rem;
}

.esp-matching-switch-wrapper {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  height: 1.25rem;
}
.esp-matching-switch-wrapper .sequence-settings-switch {
  height: 1rem;
}
.esp-matching-switch-wrapper span {
  margin: 0 !important;
  padding: 0 !important;
}
.esp-matching-switch-wrapper label {
  margin: 0 !important;
  padding: 0 !important;
}
.esp-matching-switch-wrapper.disabled {
  opacity: 0.5;
}

.esp-matching-table {
  margin-top: 1rem;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem !important;
}
.esp-matching-table--head {
  padding: 0.5rem 1rem;
  gap: 1.25rem;
  color: #4b5563;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid #f3f4f6;
  border-right: 1px solid #f3f4f6;
  height: 2.25rem;
  text-wrap: nowrap;
}
.esp-matching-table--head:nth-child(1) {
  width: 10.1875rem;
}
.esp-matching-table--head:nth-child(2) {
  width: 8.375rem;
}
.esp-matching-table--head:nth-child(3) {
  width: 8.9375rem;
}
.esp-matching-table--head:last-child {
  border-right: none;
  width: auto;
  min-width: 7.4375rem;
}
.esp-matching-table--data {
  padding: 0.5rem 1rem;
  gap: 1.25rem;
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.1875rem;
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}
.esp-matching-table--data:last-child {
  border-right: none;
}
.esp-matching-table--data-with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  height: 1.1875rem;
  width: 8.125rem;
  text-wrap: nowrap;
}
.esp-matching-table--data-with-icon span {
  margin: 0 !important;
  padding: 0 !important;
}
.esp-matching-table tbody tr:last-child td {
  height: 2.25rem;
  border-bottom: none;
}

.esp-matching-table-icon {
  width: 0.875rem;
  height: 0.875rem;
}

.esp-matching-tooltip-icon {
  margin-left: 0.25rem;
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  color: #9ca3af;
  cursor: pointer;
}

.coming-soon-tag {
  display: flex;
  background-color: #dbeafe;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  padding: 0.125rem 0.5rem;
  height: 1.125rem;
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  text-wrap: nowrap;
  width: 6rem;
}

.unsubscribe-switch label {
  margin: 0;
}
.unsubscribe-switch.disabled {
  opacity: 0.5;
}

.unsubscribe-options-container {
  margin-top: 1.5rem;
}
.unsubscribe-options-container .unsubscribe-options-content {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-method-description {
  margin: 0.25rem 0 0 1.5rem;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  max-width: 40rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-method-description.disabled {
  color: rgba(0, 0, 0, 0.25);
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .radio-input-label {
  color: #1f2937;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content {
  margin-top: 0.25rem;
  margin-left: 1.5rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .option-content-label {
  font-size: 0.75rem;
  color: #6b7280;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .option-content-label.disabled {
  color: rgba(0, 0, 0, 0.25);
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .option-content-learn-more {
  display: inline-block;
  margin-top: 0.5rem;
  margin-left: 1.5rem;
  font-size: 0.8125rem;
  color: #0137fc;
  text-decoration: underline;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list {
  padding-left: 1rem;
  border-radius: 1px;
  border-left: 2px solid #f3f4f6;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .custom-option {
  margin-top: 1.5rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .custom-option .unsubscribe-setting-editor {
  margin-top: 1rem;
  margin-left: 1.5rem;
  min-height: 20rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .custom-option .unsubscribe-setting-editor .unsubscribe-editor {
  min-height: 20rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .custom-option .unsubscribe-setting-editor .unsubscribe-editor .unsubscribe-container {
  height: 1.875rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .custom-option .unsubscribe-setting-editor .editor-editable-content-for-unsubscribe-tag {
  outline: none;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .custom-option .custom-unsubscribe-error {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .custom-option .custom-unsubscribe-error svg {
  color: #b91c1c;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .custom-option .custom-unsubscribe-error span {
  line-height: 1rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .select-drpdwn-wrapper {
  margin-top: 0.75rem;
  margin-left: 1.5rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .select-drpdwn-wrapper .bs-select-box {
  width: 100%;
  max-width: 43.75rem;
  background: #f9fafb;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .bs-radio-wrapper:last-of-type {
  margin-bottom: 0;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .bs-radio-wrapper .radio-input-label,
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-options-option-content .unsubscribe-options-list .bs-radio-wrapper .radio-input-label span {
  font-size: 14px !important;
  font-family: "Inter", sans-serif !important;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-link-header-warning {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 4px 8px;
  gap: 10px;
  min-height: 40px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 4px;
  margin-top: 0.75rem;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1f2937;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-link-header-warning .warning-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 0;
  color: #d97706;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option {
  /* Frame 1618874082 - row: flex row, gap 8px */
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-option-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option {
  /* Frame 1618874089 - label + info icon group: gap 4px, inline with label */
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-option-label-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0;
  margin-right: 8px;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-option-label-group .bs-checkbox-wrapper {
  flex-shrink: 0;
  width: fit-content;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option {
  /* Recommended badge - Figma node 38519-14657 */
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .recommended-badge {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 98px;
  height: 20px;
  padding: 4px 6px;
  gap: 2px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 9999px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: #1f2937;
  white-space: nowrap;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .recommended-badge.disabled {
  opacity: 0.4;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-option-row-inline {
  margin-bottom: 0;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-trigger {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #6b7280;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  line-height: 1;
  font-size: 16px;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-trigger svg {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  color: #6b7280;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-trigger:focus, .unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-trigger:active, .unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-trigger:hover {
  outline: none;
  border: none;
  box-shadow: none;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-trigger:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.5rem);
  transform: translateY(-50%);
  z-index: 1050;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 313px;
  padding: 8px;
  gap: 8px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.0901960784);
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .info-popover-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .info-popover-desc {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1f2937;
  margin: 0;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding: 8.82353px;
  gap: 4px;
  width: 100%;
  background: #f9fafb;
  border: 0.735294px solid #e5e7eb;
  border-radius: 2.94118px;
  flex: none;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-card .email-preview-body {
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  color: #1f2937;
  margin: 0;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-card .email-preview-divider {
  height: 0;
  width: 100%;
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 0;
  flex: none;
  align-self: stretch;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-card .email-preview-unsubscribe-text {
  font-family: Inter, sans-serif;
  font-size: 8px;
  font-weight: 500;
  line-height: 15px;
  color: #6b7280;
  margin: 0;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-card .email-preview-unsubscribe-link {
  font-family: Inter, sans-serif;
  font-size: 8px;
  font-weight: 500;
  line-height: 16px;
  color: #1d4ed8;
  text-decoration: underline;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-header-style .email-preview-gmail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-header-style .email-preview-gmail-header .email-preview-sender {
  font-weight: 500;
  color: #1f2937;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-header-style .email-preview-gmail-header .email-preview-unsub-header-link {
  color: #0137fc;
  font-size: 0.75rem;
  text-decoration: underline;
  cursor: pointer;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-header-style .email-preview-label {
  color: #000096;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .email-preview-header-style .email-preview-header-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
  vertical-align: middle;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .info-popover-wrapper .info-popover-content .info-popover-learn-more {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1d4ed8;
  text-decoration: underline;
  margin: 0;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-email-header-section {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #bae7ff;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-email-header-section .unsubscribe-email-header-label-inline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-email-header-section .unsubscribe-options-option-content {
  margin-top: 0.25rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-email-header-section .unsubscribe-options-option-content .option-content-label {
  font-size: 0.75rem;
  color: #6b7280;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-options-option .unsubscribe-email-header-section .unsubscribe-options-option-content .option-content-label.disabled {
  color: rgba(0, 0, 0, 0.25);
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-email-header-option-content {
  margin-top: 0.25rem;
  margin-left: 1.5rem;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-email-header-option-content .option-content-label {
  font-size: 0.75rem;
  color: #6b7280;
}
.unsubscribe-options-container .unsubscribe-options-content .unsubscribe-email-header-option-content .option-content-label.disabled {
  color: rgba(0, 0, 0, 0.25);
}

.subsequence-details {
  height: calc(100% - 2.5rem);
}

.subsequence-details-header-container {
  padding: 0.75rem 1.5rem 0 1.5rem;
  background-color: white;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.5rem;
}
.subsequence-details-header-container .subsequence-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subsequence-details-header-container .subsequence-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #9ca3af;
}
.subsequence-details-header-container .subsequence-title,
.subsequence-details-header-container .subsequence-name {
  display: flex;
  overflow: hidden;
  max-width: 310px;
}
@media only screen and (min-width: 2500px) {
  .subsequence-details-header-container .subsequence-title,
  .subsequence-details-header-container .subsequence-name {
    width: 40% !important;
  }
}
.subsequence-details-header-container .subsequence-title--input,
.subsequence-details-header-container .subsequence-name--input {
  min-width: 3.125rem;
  height: 100%;
  margin: 0;
  padding: 0.1875rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1f2937;
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
}
.subsequence-details-header-container .subsequence-title--input:hover, .subsequence-details-header-container .subsequence-title--input:focus, .subsequence-details-header-container .subsequence-title--input:focus-within,
.subsequence-details-header-container .subsequence-name--input:hover,
.subsequence-details-header-container .subsequence-name--input:focus,
.subsequence-details-header-container .subsequence-name--input:focus-within {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: none;
  appearance: none;
}
.subsequence-details-header-container .subsequence-title--hidden-span,
.subsequence-details-header-container .subsequence-name--hidden-span {
  visibility: hidden;
  white-space: pre; /* Prevent collapsing spaces */
  position: absolute;
  font-family: inherit;
  font-size: 1rem;
}
.subsequence-details-header-container .subsequence-chevron-right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subsequence-details-header-container .subsequence-chevron-right svg {
  width: 1rem;
  height: 1rem;
  color: #9ca3af;
}
.subsequence-details-header-container .subsequence-separator {
  width: 0.0625rem;
  height: 1rem;
  background-color: #d1d5db;
}
.subsequence-details-header-container .subsequence-switch .switchToggle {
  display: flex;
}
.subsequence-details-header-container .subsequence-switch .switchToggle label {
  margin-bottom: 0 !important;
}
.subsequence-details-header-container .subsequence-switch .switchToggle input:checked + label {
  background: #1d4ed8;
}

.subsequence-conditions {
  padding: 1.5rem 8.05%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  overflow-y: auto;
  background: #fff;
}
.subsequence-conditions .subsequence-conditions__banner .shd-alert {
  width: 100%;
  border: 1px solid #dbeafe;
}
.subsequence-conditions .subsequence-conditions__banner .shd-alert .shd-alert--icon {
  display: flex;
}
.subsequence-conditions .subsequence-conditions__banner .subsequence-conditions__banner-link {
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.subsequence-conditions .subsequence-conditions__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.subsequence-conditions .subsequence-conditions__save-btn {
  margin-top: 0.5rem;
}
.subsequence-conditions .subsequence-conditions__save-btn .shd-button {
  min-width: 6.25rem;
}

.subsequence-condition-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 1.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e8eff5;
  background: #fff;
}
.subsequence-condition-section--horizontal {
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
}
.subsequence-condition-section--horizontal .subsequence-condition-section__content {
  display: flex;
  justify-content: center;
}
.subsequence-condition-section--horizontal .subsequence-condition-section__content .bs-select-box {
  width: 310px !important;
}
.subsequence-condition-section .subsequence-condition-section__header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.subsequence-condition-section .subsequence-condition-section__header .subsequence-condition-section__title {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.subsequence-condition-section .subsequence-condition-section__header .subsequence-condition-section__description {
  margin: 0;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.subsequence-condition-section__content-delay {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.subsequence-condition-section__content-delay .content-delay-label {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}
.subsequence-condition-section__content-delay .content-delay-input {
  width: 4rem !important;
  min-width: 4rem !important;
  height: 2rem;
}
.subsequence-condition-section__content-delay .content-delay-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.subsequence-condition-section__content-delay .content-delay-tooltip svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #9ca3af;
}

.set-conditions-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 1rem;
}
.set-conditions-container__add-condition {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #4b5563;
}
.set-conditions-container__add-condition:hover {
  color: #1d4ed8;
}
.set-conditions-container__add-condition:hover svg {
  color: #1d4ed8;
}
.set-conditions-container__add-condition.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.set-conditions-container__conditions {
  display: flex;
  padding: 8px 12px;
  width: 100%;
  gap: 12px;
  flex-direction: column;
  align-items: center;
  background: #f9fafb;
  border-radius: 0.25rem;
}
.set-conditions-container__condition {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
  width: 100%;
}
.set-conditions-container__condition .condition-logic {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  width: 2.75rem;
  flex-shrink: 0;
}
.set-conditions-container__condition .condition-field {
  width: 14rem;
  flex-shrink: 0;
}
.set-conditions-container__condition .condition-operation {
  width: 12.125rem;
  flex-shrink: 0;
}
.set-conditions-container__condition .condition-value {
  flex: 1;
  position: relative;
}
.set-conditions-container__condition .condition-value .bs-select-box-disabled {
  background-color: #f5f5f5 !important;
}
.set-conditions-container__condition .condition-value .bs-select-box-text {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.set-conditions-container__condition .condition-value .bs-select-box-text .shd-pills {
  height: 1.375rem;
  padding: 0.125rem 0.5rem;
  border: 0.0625rem solid #d1d5db;
  background: #f3f4f6;
}
.set-conditions-container__condition .condition-value .bs-select-box-text .shd-pills .pills-label {
  color: #1f2937;
  line-height: 1rem;
}
.set-conditions-container__condition .condition-value .bs-select-box-text .shd-pills .pills-close {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}
.set-conditions-container__condition .condition-value .bs-input-number-container {
  width: 102px;
}
.set-conditions-container__condition .condition-value .set-condition-text-input {
  height: 2rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  flex-wrap: wrap;
}
.set-conditions-container__condition .condition-value .set-condition-text-input.disabled {
  background-color: #f5f5f5 !important;
}
.set-conditions-container__condition .condition-value .set-condition-text-input.focused {
  min-height: 2rem;
  height: auto;
}
.set-conditions-container__condition .condition-value .set-condition-text-input.focused .bs-input-affix-wrapper {
  display: flex;
  flex: 1;
}
.set-conditions-container__condition .condition-value .set-condition-text-input:hover, .set-conditions-container__condition .condition-value .set-condition-text-input:active, .set-conditions-container__condition .condition-value .set-condition-text-input:focus, .set-conditions-container__condition .condition-value .set-condition-text-input:focus-within {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: none;
}
.set-conditions-container__condition .condition-value .set-condition-text-input .prospect-filters-text-input-pills {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  flex-wrap: wrap;
  flex: 1;
}
.set-conditions-container__condition .condition-value .set-condition-text-input .prospect-filters-text-input-pills .shd-pills {
  height: 1.375rem;
  padding: 0.125rem 0.5rem;
  border: 0.0625rem solid #d1d5db;
  background: #f3f4f6;
}
.set-conditions-container__condition .condition-value .set-condition-text-input .prospect-filters-text-input-pills .shd-pills .pills-label {
  color: #1f2937;
  line-height: 1rem;
}
.set-conditions-container__condition .condition-value .set-condition-text-input .prospect-filters-text-input-pills .shd-pills .pills-close {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}
.set-conditions-container__condition .condition-value .set-condition-text-input .bs-input-affix-wrapper {
  padding: 0;
  border: none;
  display: none;
  height: 1.25rem;
  line-height: 1.25rem;
}
.set-conditions-container__condition .condition-value .set-condition-text-input .bs-input-affix-wrapper:hover, .set-conditions-container__condition .condition-value .set-condition-text-input .bs-input-affix-wrapper:active, .set-conditions-container__condition .condition-value .set-condition-text-input .bs-input-affix-wrapper:focus, .set-conditions-container__condition .condition-value .set-condition-text-input .bs-input-affix-wrapper:focus-within {
  border: none;
  outline: none;
  box-shadow: none;
}
.set-conditions-container__condition .condition-remove {
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.set-conditions-container__condition .condition-remove:hover svg {
  background-color: #fee2e2;
  color: #b91c1c;
  border-radius: 0.25rem;
}

.shd-modal.show-conditions-modal .modal-content {
  border: 1px solid #e5e7eb !important;
  min-width: 28.125rem !important;
  min-height: auto !important;
}

.show-conditions-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.show-conditions-modal .shd-modal--header {
  padding-bottom: 1rem !important;
}
.show-conditions-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.show-conditions-modal .shd-modal--body {
  padding-bottom: 1.5rem !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.show-conditions-modal .shd-modal--body p,
.show-conditions-modal .shd-modal--body .bs-checkbox-wrapper span:last-of-type {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.show-conditions-modal .shd-modal--divider {
  height: 1px !important;
}
.show-conditions-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
}

.filter-fields-select li.disabled {
  opacity: 0.35;
  cursor: not-allowed !important;
}

.subsequence-components {
  width: 100%;
  height: 100%;
}
.subsequence-components .subsequence-list-container {
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.subsequence-components .subsequence-list-container .onboarding-progress {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-top: 1.375rem;
}
.subsequence-components .subsequence-list-container .onboarding-progress .on-progress-bar .progress-bar-wrapper {
  height: 0.375rem;
  border-radius: 0.5rem;
  background-color: #dbeafe;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items-secondary {
  height: 17.5rem;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items-secondary .steps {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items {
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .steps {
  width: 43.99%;
  background-color: #f9fafb;
  border-right: 1px solid #e5e7eb;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .steps__container {
  width: 100%;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .steps__container .completed-step {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .steps__item {
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .steps__item-completed {
  border: 1px solid #e5e7eb;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .steps__item-active {
  border-color: #1d4ed8;
  box-shadow: 0px 2px 8px 0px rgba(46, 87, 219, 0.3);
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .steps__item:hover {
  background-color: #eff6ff;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .right-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  width: 56.01%;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .right-container .video-container {
  display: flex;
  gap: 1.5rem;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .right-container .video-container .left-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .right-container .video-container .right-section {
  width: 21.25rem;
  height: 12.5rem;
  border-radius: 1rem;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .right-container .video-container .right-section img {
  width: 21.25rem;
  height: 12.5rem;
  border-radius: 1rem;
}
.subsequence-components .subsequence-list-container .onboarding-progress__items .right-container .video-container .right-section .play-icon {
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4.6875rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 0px rgba(0, 32, 123, 0.8);
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap {
  width: 12.5rem;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper {
  border: 1px solid #d1d5db;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper .input-icons-left {
  margin: 0 !important;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper .bs-input-prefix,
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper .bs-input-suffix {
  color: #9ca3af;
  font-size: 1rem;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper .bs-input-prefix i,
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper .bs-input-suffix i {
  margin-top: 1px;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper input {
  margin-left: 0.5rem;
  color: #1f2937;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper input::placeholder {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #9ca3af;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper:hover, .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper:focus, .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .subsequence-search-input-wrap .bs-input-affix-wrapper:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-checkbox {
  margin-right: 1.5rem;
  padding-left: 0.5rem;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .btn-owner-select {
  min-width: 8.75rem;
  height: 2rem;
  background-color: #fff;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .btn-owner-select:hover, .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .btn-owner-select:focus, .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .btn-owner-select:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .btn-owner-select .icon-right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .bs-select-box {
  width: 160px;
  height: 2rem;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
  padding: 0.375rem 1rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .bs-select-box:hover, .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .bs-select-box:focus, .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .bs-select-box:focus-within {
  border-color: #1d4ed8;
  box-shadow: none;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .rotate-90 {
  transform: rotate(90deg);
  display: inline-block;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-custom {
  background: #e8e8e8;
  border-radius: 4px;
  margin-left: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-custom .btn-solid-dropdown-custom {
    padding: 0.314rem 0.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-custom .btn-solid-dropdown-custom span {
    display: none;
  }
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-custom .btn-solid-dropdown-custom i {
  font-size: 16px;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-custom:hover {
  background: #d9d9d9;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-custom:focus {
  outline: 0;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-custom .dropdown-menu-custom.sorting-dropdown .dropdown-item-custom {
  justify-content: space-between;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-progress-custom-btn {
  background: #ffffff;
  border: 1px solid #d1d5db;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-progress-custom-btn:hover {
  background: #ffffff;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-progress-custom-btn .dropdown-progress-item:hover {
  background: #eff6ff;
  color: #212529;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .dropdown-progress-custom-btn .selected-status-icon {
  margin-top: 4px;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .action-delete {
  margin-left: 2rem;
  color: #ff4d4f;
  display: flex;
  align-items: center;
  padding: 0.375rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .action-delete {
    margin-left: 0.625rem;
  }
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .action-delete i {
  margin-right: 0.5rem;
  font-size: 16px;
  color: #ffa39e;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .action-delete:hover {
  text-decoration: none;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .action-delete:hover i {
  color: #ff4d4f;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-left: -0.3125rem;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper .sequence-action-btn {
  width: 2.125rem;
  height: 2rem;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper .sequence-action-btn i {
  font-size: 1.25rem;
  color: #6b7280;
  opacity: 1;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper .sequence-action-btn:hover {
  background: #dbeafe;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper .sequence-action-btn:hover i {
  color: #1d4ed8;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper.disabled .sequence-action-btn {
  cursor: not-allowed;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper.disabled .sequence-action-btn i {
  opacity: 0.35;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper.disabled .sequence-action-btn:hover {
  background: transparent;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .subsequence-filter-bar-left .sequence-action-btn-wrapper.disabled .sequence-action-btn:hover i {
  color: #6b7280;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .sequence-filter-bar-right {
  margin-right: -3.6rem;
}
.subsequence-components .subsequence-list-container .subsequence-filter-bar .sequence-search {
  margin-left: 0.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .subsequence-components .subsequence-list-container .subsequence-filter-bar .sequence-search .bs-input-affix-wrapper {
    width: 11.25rem;
  }
}
.subsequence-components .subsequence-list-container .sequence-selection-info--wrapper {
  width: 100%;
  display: flex;
  justify-content: center !important;
  align-items: center;
  gap: 0.75rem;
}
.subsequence-components .subsequence-list-container .sequence-selection-info--wrapper p {
  margin: 0;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.subsequence-components .subsequence-list-container .sequence-selection-info--separator {
  width: 0.0625rem;
  height: 1.25rem;
  background: #9ca3af;
}
.subsequence-components .subsequence-list-container .sequence-selection-info--cta {
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.375rem;
  cursor: pointer;
}
.subsequence-components .subsequence-list-container .subsequence-list {
  padding: 0 1.5rem;
  flex-grow: 1;
  height: 100%;
  overflow-y: hidden;
}
.subsequence-components .subsequence-list-container .subsequence-list .bs-table-tbody .align-avatar-left {
  display: flex;
  justify-content: flex-end;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list {
  height: 95%;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .sequence-table-header {
  height: 2.75rem;
  background: #fff;
  box-shadow: none;
  z-index: 15;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism tr:hover {
  background-color: #fff !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th {
  height: 1.25rem;
  max-height: 1.25rem;
  border-color: #f3f4f6;
  border-right: 1px solid #f3f4f6;
  padding: 0.5rem 1rem;
  vertical-align: middle;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type {
  border-right: none !important;
  position: sticky;
  vertical-align: middle;
  left: 0;
  top: 0;
  z-index: 4;
  background-color: #fff;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type.client-sequence-name-header {
  border-right: 1px solid #f3f4f6 !important;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type:hover {
  background-color: #fff;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
  border: 0.0625rem solid #9ca3af;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type {
  position: sticky;
  right: 0;
  z-index: 3;
  top: 0;
  padding: 0 !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type.created-by-header {
  position: relative;
  padding: 0.5rem 1rem !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type:hover {
  background-color: #fff;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(2) {
  position: sticky;
  left: 49px;
  z-index: 4;
  background-color: #fff;
  vertical-align: middle;
  top: 0;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(2).client-prospect-col-header {
  box-shadow: none;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(2).client-prospect-col-header:hover {
  background-color: #f9fafb;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(2):hover {
  background-color: #fff;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(3) {
  min-width: 11.875rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(3).client-contacted-col-header {
  min-width: 8.887rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(4) {
  min-width: 8.5rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(5) {
  min-width: 9.125rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(6) {
  min-width: 8.25rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(7) {
  min-width: 8rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(8) {
  min-width: 8.25rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(9) {
  border-right: none !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:nth-of-type(9):hover {
  background-color: #fff;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th div {
  display: flex;
  align-items: center;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:hover {
  background-color: #f9fafb;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:hover.created-by-header:hover {
  background-color: transparent;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-header div span {
  font-weight: 700;
  color: #6b7280;
  line-height: 1rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr {
  height: 4.5rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td {
  height: 3.75rem;
  max-height: 20px !important;
  background: #fff;
  z-index: 10;
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 0.5rem 1rem !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.sequence-name .react-loading-skeleton {
  margin-left: 1rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.selection-cell {
  padding: 0.5rem 0.5rem 0.5rem 1rem !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.sequence-switch-col {
  padding: 0.5rem 0.25rem 0.5rem 0.75rem !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:first-of-type {
  padding-left: 1rem !important;
  border-left: 0.0625rem solid #f3f4f6;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 10;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:nth-of-type(2) {
  position: sticky;
  left: 49px;
  background-color: #fff;
  z-index: 3;
  width: 368px !important;
  min-width: 368px !important;
  max-width: 368px !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:last-of-type {
  position: sticky;
  right: 0;
  background: #fff;
  z-index: 1;
  padding: 0 !important;
  border-left: 0.0625rem solid #e5e7eb;
  border-bottom: 0.0625rem solid #e5e7eb;
  border-right: 0.0625rem solid #e5e7eb;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:last-of-type.sequence-owner {
  position: relative;
  padding: 0.5rem 1rem !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:last-of-type.action-btn {
  z-index: 3;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr:hover {
  box-shadow: none;
}
.subsequence-components .subsequence-list-container .subsequence-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr:hover td {
  background: #f9fafb;
}
.subsequence-components .subsequence-list-container .subsequence-list.sequences-selected .table-list {
  height: 90%;
}
.subsequence-components .subsequence-list-container .subsequence-list.disabled-select-checkbox .table-list .selection-cell .show-disable-style,
.subsequence-components .subsequence-list-container .subsequence-list.disabled-select-checkbox .table-list .selection-cell-header .show-disable-style {
  cursor: not-allowed !important;
}
.subsequence-components .subsequence-list-container .subsequence-list.disabled-select-checkbox .table-list .selection-cell .show-disable-style .bs-checkbox,
.subsequence-components .subsequence-list-container .subsequence-list.disabled-select-checkbox .table-list .selection-cell-header .show-disable-style .bs-checkbox {
  cursor: not-allowed !important;
}
.subsequence-components .subsequence-list-container .subsequence-list.disabled-select-checkbox .table-list .selection-cell .show-disable-style .bs-checkbox .bs-checkbox-inner,
.subsequence-components .subsequence-list-container .subsequence-list.disabled-select-checkbox .table-list .selection-cell-header .show-disable-style .bs-checkbox .bs-checkbox-inner {
  cursor: not-allowed !important;
}
.subsequence-components .subsequence-list-container .subsequence-list.disabled-select-checkbox .table-list .selection-cell .show-disable-style .bs-checkbox .bs-checkbox-input,
.subsequence-components .subsequence-list-container .subsequence-list.disabled-select-checkbox .table-list .selection-cell-header .show-disable-style .bs-checkbox .bs-checkbox-input {
  cursor: not-allowed !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .selection-cell {
  border-right: none !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .selection-cell .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 4px;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-switch-col {
  width: 1.75rem;
  border-right: none !important;
  position: sticky;
  left: 41px;
  z-index: 1;
  background-color: #fff;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-switch-col .switchToggle {
  display: flex;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-switch-col .switchToggle label {
  background: #e5e7eb;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-switch-col .switchToggle label span {
  white-space: nowrap;
}
@media only screen and (min-width: 1191px) and (max-width: 1281px) {
  .subsequence-components .subsequence-list-container .subsequence-list .sequence-switch-col .switchToggle label span {
    max-width: 40ch;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  .subsequence-components .subsequence-list-container .subsequence-list .sequence-switch-col .switchToggle label span {
    max-width: 34ch;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-switch-col .switchToggle input:checked + label {
  background: #1d4ed8;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-switch label {
  margin-bottom: 0;
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name {
  min-width: 23rem !important;
  position: sticky;
  z-index: 1;
  background-color: #fff;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
@media only screen and (min-width: 2500px) {
  .subsequence-components .subsequence-list-container .subsequence-list .subsequence-name {
    width: 40% !important;
  }
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name .sequence-name-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name .sequence-name-wrapper .text-container {
  font-weight: 600;
  cursor: pointer;
  line-height: 1.5rem;
  color: #1f2937;
  text-decoration: none;
  font-size: 1rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name .sequence-name-wrapper .text-container:hover {
  color: #1d4ed8;
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name .sequence-name-wrapper .sequence-subsequence-count {
  display: flex;
  align-items: center;
  padding: 2px 4px 2px 2px;
  border: 1px solid transparent;
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name .sequence-name-wrapper .sequence-subsequence-count .count {
  color: #6b7280;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name .sequence-name-wrapper .sequence-subsequence-count:hover {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #d1d5db;
  cursor: default;
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name:hover {
  background: #f3f4f6 !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .subsequence-name .text-container {
  font-weight: 600;
  cursor: pointer;
  width: auto !important;
  line-height: 1.5rem;
  color: #1f2937;
  text-decoration: none;
  font-size: 1rem;
}
@media only screen and (min-width: 2500px) {
  .subsequence-components .subsequence-list-container .subsequence-list .subsequence-name .text-container {
    width: fit-content !important;
  }
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-status {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.25rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-status .sequence-status-badge {
  width: 1.25rem;
  height: 1.25rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-status .sequence-status-badge .badge-dot-danger,
.subsequence-components .subsequence-list-container .subsequence-list .sequence-status .sequence-status-badge .badge-dot-success,
.subsequence-components .subsequence-list-container .subsequence-list .sequence-status .sequence-status-badge .badge-dot-secondary {
  transform: translate(50%, -57%);
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-status .sequence-progress {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  color: #6b7280;
  margin: 0;
}
.subsequence-components .subsequence-list-container .subsequence-list tr:hover .sequence-steps-created-on {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in-out;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-steps-created-on {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-weight: 500;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  gap: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
  text-wrap: nowrap;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-steps-created-on .sequence-divider-vertical {
  width: 0.125rem;
  height: 1rem;
  border-radius: 0.0625rem;
  color: #e5e7eb;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-steps-created-on .sequence-divider-vertical.steps-divider {
  margin-left: 0.5rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-total .sequence-total-text {
  width: 5.260625rem !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-owner {
  width: 4rem !important;
  border-right: none !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-owner .created-by-wrap {
  height: 1.8rem;
  min-width: 9rem;
  max-width: 9rem;
}
.subsequence-components .subsequence-list-container .subsequence-list .sequence-owner .created-by-wrap .subsequence-created-by {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.subsequence-components .subsequence-list-container .subsequence-list .pagination-container {
  bottom: 0 !important;
  left: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: fixed !important;
  height: 2.5rem;
  background: #fff;
  width: 100%;
}
.subsequence-components .subsequence-list-container .subsequence-list .pagination-container .pagination-row {
  height: 1.5rem;
  justify-content: flex-end;
  width: 100%;
}
.subsequence-components .create-sequence-container {
  display: flex;
}
.subsequence-components .empty-block {
  padding: 10% 0 3rem 0;
  margin: auto;
  text-align: center;
}
.subsequence-components .empty-block h3 {
  margin-top: 2rem;
}
.subsequence-components .empty-block p {
  color: #8c8c8c;
  margin-bottom: 2rem;
}
.subsequence-components .empty-block.steps-block .dropdown-item-custom i {
  font-size: 1.125rem;
  top: 2px;
  margin-right: 0.5rem;
  color: #0137fc;
}
.subsequence-components .empty-block.steps-block a span {
  color: #595959;
}
.subsequence-components .empty-block.steps-block a:hover {
  text-decoration: none;
}
.subsequence-components .empty-block.steps-block a:hover span {
  color: #000000;
}
.subsequence-components .single-sequence-tab-container {
  display: flex;
  flex-direction: column;
}
.subsequence-components .single-sequence-tab-container .left-side-tabs .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) {
  margin-left: initial !important;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container {
  height: 100%;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav .bs-tabs-extra-content {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .bs-tabs-tab:nth-child(1), .subsequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .bs-tabs-tab:nth-child(2), .subsequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .bs-tabs-tab:nth-child(3) {
  margin-right: 24px !important;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .bs-tabs-tab:nth-child(4) {
  margin-right: 33px !important;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .sequence-single-tab--label {
  gap: 0.25rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container.onboardingCompleted .bs-tabs-nav-list .sequence-single-tab--label .label-text {
  font-size: 0.875rem !important;
  font-family: inherit !important;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap {
  flex-grow: 1 !important;
  display: flex;
  overflow: visible !important;
  z-index: 2;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list {
  width: 100%;
  align-items: center;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-child(1), .subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-child(2) {
  margin-right: 40px;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-child(3) {
  margin-right: 33px;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) {
  margin-left: auto;
  margin-right: 0;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-container {
  position: relative;
  padding: 0.188rem 0.5rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-container:hover {
  background: #f3f4f6;
  border-radius: 0.25rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-container:hover .sequence-score__text {
  color: #6b7280;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card {
  position: absolute;
  top: 3rem;
  right: -60%;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
  padding: 1rem;
  gap: 1rem;
  z-index: 10;
  max-width: 26.25rem;
  min-width: 26.25rem;
  width: 26.25rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items {
  background-color: #ddd6fe;
  border-radius: 0.25rem;
  padding: 0.75rem;
  gap: 0.75rem;
  width: 100%;
  overflow: hidden;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .left-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .left-panel .progress-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 9rem;
  height: 4.25rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel {
  border-radius: 0.25rem;
  border: 0.73px solid #f9f9f9;
  background-color: #ffffff;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem 0.75rem;
  gap: 0.5rem;
  overflow: hidden;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .popup-score-radical-chart {
  min-height: 100% !important;
  display: flex;
  align-items: center;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-zero {
  top: 7.125rem;
  left: 0rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-twenty-five {
  top: 2rem;
  left: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-fifty {
  top: -0.45rem;
  left: 5.5rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-seventy-five {
  top: 2.5rem;
  right: 0.25rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-apex-chart .marker-hundred {
  top: 7.125rem;
  right: 0rem;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__text {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: capitalize;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-poor {
  color: #b91c1c;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-below-average, .subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-average {
  color: #d97706;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-good, .subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-very-good, .subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items .right-panel .score-block__value.sequence-score-excellent {
  color: #047857;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-poor {
  background-color: #fee2e2;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-below-average, .subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-average {
  background-color: #ffedd5;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-good, .subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-very-good, .subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .score-items.sequence-score-excellent {
  background-color: #d1fae5;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .scorebased-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow: hidden;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .scorebased-content__emoji {
  font-weight: 500;
  font-size: 1.25rem;
  margin-top: 2px;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card .scorebased-content__content {
  color: #1f2937;
  font-weight: 500;
  white-space: initial;
}
.subsequence-components .single-sequence-tab-container .custom-tab-container-xl .bs-tabs-nav > .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:nth-last-child(2) .bs-tabs-tab-btn .sequence-score-header__hover-card {
  right: -10%;
}
.subsequence-components .single-sequence-tab-container .sequence-single-header-action {
  display: flex;
  justify-content: flex-end;
}
.subsequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action {
  gap: 1.25rem;
  margin: 0 !important;
}
.subsequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .switchToggle {
  padding: 7px 0;
}
.subsequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .switchToggle input:checked + label {
  background: #1d4ed8;
}
.subsequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .add-steps__options {
  position: absolute;
  width: 11.25rem;
  right: 0;
  z-index: 2;
  transform: translateY(-100%);
  top: 13.3125rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  /* dropdown  */
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  padding: 0.5rem 0px;
}
.subsequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .add-steps__option {
  padding: 0.5625rem 1rem;
}
.subsequence-components .single-sequence-tab-container .sequence-single-header-action .steps-top-action .add-steps__option:hover {
  background-color: #eff6ff;
}
.subsequence-components .single-sequence-tab-container .bs-tabs-tab-btn {
  padding: 0;
  display: flex;
  align-items: center;
}
.subsequence-components .single-sequence-tab-container {
  height: 100%;
}
.subsequence-components .single-sequence-tab-container .bs-tabs {
  height: 100%;
}
.subsequence-components .single-sequence-tab-container .bs-tabs-content {
  height: 100%;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .chevron-right-icon-container {
  position: absolute;
  right: -1.75rem;
  display: flex;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .chevron-right-icon-container svg {
  width: 1rem;
  display: block;
  color: #9ca3af;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab.bs-tabs-tab-active {
  color: #1d4ed8;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab.bs-tabs-tab-active .sequence-single-tab--label .tab-incomplete {
  border-color: #1d4ed8;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label.disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-separator {
  width: 1px;
  height: 1.125rem;
  background-color: #d1d5db;
  border-radius: 1px;
  position: absolute;
  left: -1rem;
  cursor: default;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-complete,
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-incomplete {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-complete {
  background-color: #1d4ed8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-complete svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #fff;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .sequence-single-tab--label .tab-incomplete {
  border: 1.5px solid #d1d5db;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-tab .tab-count {
  border-radius: 1.25rem;
  background-color: #f3f4f6;
  height: 1rem;
  padding: 0px 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-nav {
  margin-bottom: 0%;
  padding: 0rem 1.5rem;
  justify-content: space-between;
  background-color: #ffffff;
  height: 3.5rem;
  border-bottom: 1px solid #eaedef;
  box-shadow: 0px 2px 4px 0px #e5e7eb;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  flex: none;
  font-weight: 500;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-nav-operations {
  display: none;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content-holder {
  overflow-y: hidden;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container {
  padding: 1.5rem 1.875rem;
  height: 100%;
  overflow-y: auto;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-description {
  display: flex;
  align-items: center;
  gap: 8px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-title {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-title .setting-icon {
  color: #597ef7;
  border: 2px solid #597ef7;
  border-radius: 0.25rem;
  cursor: default;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-title .safety-icon {
  color: #389e0d;
  font-size: 1.125rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-title h3 {
  margin: 0 0 0 0.625rem;
  font-weight: 600;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status {
  margin-top: 1.625rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status__banner {
  margin-top: 0.5rem;
  width: fit-content;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status__banner span {
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-left: 0.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status__banner .banner-message-wrap .anchor-link-text {
  color: #b45309;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status__banner .banner-message-wrap .anchor-link-text a {
  text-decoration: underline;
  margin-left: 0.15rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status .verify-button {
  margin-left: 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status .verify-button .icon-left {
  margin-right: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status .verify-button .icon-left .refresh-svg {
  animation: spin 2s linear infinite;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-verify-status .verify-button-pending {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .form-dropdown {
  width: 16rem;
  margin-bottom: 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .form-dropdown .bs-input-label-suffix {
  white-space: nowrap;
  color: #262626;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .info-icon {
  margin-left: 0.5rem;
  font-size: 1.3rem;
  margin-top: 0.25rem;
  color: gray;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .schedule-name-input {
  width: 16rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .schedule-name-input .bs-input-label-suffix {
  white-space: nowrap;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .schedule-name-input .schedule-info-icon-right {
  position: absolute;
  right: -30px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .schedule-name-input .schedule-info-icon-right i {
  color: #bfbfbf;
  font-size: 1.3rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .switchToggle {
  margin-top: 1.4rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .switchToggle label {
  margin: 0;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .switchToggle label span {
  white-space: nowrap;
  font-size: 14px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number label {
  font-size: 14px;
  line-height: 22px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number .sequence-input-number {
  width: 3.75rem;
  min-width: 3.75rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number .sequence-input-number input[type=number]::-webkit-outer-spin-button,
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number .sequence-input-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-setting-number .sequence-input-number input[type=number] {
  -moz-appearance: textfield;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset {
  margin-top: 1.4rem;
  border-left: 2px solid #f3f4f6;
  padding-left: 1.1875rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset label {
  color: #262626;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset .preset-list {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset .preset-list .bs-radio-wrapper {
  margin-right: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset .preset-list .unsub-link-text {
  color: #0137fc;
  cursor: pointer;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsub-preset .preset-list .unsub-link-text:hover {
  text-decoration: underline;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .unsubscribe-setting-editor {
  min-height: 20rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .custom-unsub-preset {
  margin-left: 1.4rem;
  width: 35rem;
  height: 10rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-save-btn {
  margin-bottom: 2rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .error-caption {
  margin-bottom: 0;
  margin-top: 0.125rem;
  color: #f5222d;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .sequence-setting-container .sequence-settings-switch.switchToggle input:checked + label {
  background: #1d4ed8;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container {
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
  overflow-y: auto;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-screen {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 6.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-screen .step-empty-screen {
  padding: 2rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
  width: 48.5rem;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.15);
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-screen .step-empty-screen .right-container img {
  width: 21.25rem;
  height: 12.5rem;
  border-radius: 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-screen .step-empty-screen .right-container .play-icon {
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4.6875rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 0px rgba(0, 32, 123, 0.8);
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__options {
  position: absolute;
  width: 11.25rem;
  right: 0;
  z-index: 2;
  transform: translateY(-100%);
  top: 13.3125rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  /* dropdown  */
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  padding: 0.5rem 0px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__wrapper {
  background-color: #ffffff;
  border-radius: 0.25rem;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  padding: 1rem 1.5rem;
  height: 4rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__steps {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step {
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-email:hover {
  background-color: #2563eb !important;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-linkedin:hover {
  background-color: #167dbc !important;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-call:hover {
  background-color: #7c3aed !important;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-whatsapp:hover {
  background-color: #1ea952 !important;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .empty-steps-container .add-steps__step-task:hover {
  background-color: #ea580c !important;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul {
  padding: 0;
  margin: 0;
  margin-bottom: 1.25rem;
  list-style: none;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul::before {
  content: "";
  width: 1px;
  height: 104%;
  background-color: #e5e7eb;
  position: absolute;
  top: 1.5rem;
  left: 3.0625rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul .placeholder {
  position: absolute;
  background-color: white;
  border-radius: 3px;
  border: dashed 1px blue;
  background-color: white;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul .step-day-wrap {
  width: 5.625rem;
  height: 1.5rem;
  background-color: #e5e7eb;
  border: 1px solid #d1d5db;
  border-radius: 0px 0.25rem 0.25rem 0px;
  border-left-width: 0px;
  z-index: 2;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul .step-day-wrap span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li {
  min-width: 990px;
  position: relative;
  border: 1px solid transparent;
  list-style: none;
  display: flex;
  border-radius: 0.25rem;
  flex-direction: column;
  user-select: none;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .st {
  height: auto;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .st .dragging-wrap {
  width: 8.1875rem !important;
  height: 2rem !important;
  border-radius: 0.25rem;
  border: 1px solid #93c5fd;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .st .drag {
  height: auto;
  min-height: 7.375rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li:hover .dnd-icon-wrapper {
  visibility: visible;
  opacity: 1;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .dnd-icon-wrapper {
  position: absolute;
  top: 1.25rem;
  left: 0.5rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li:hover .step-list .step-actions-wrapper {
  display: flex;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li:after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 20px rgba(220, 224, 230, 0.5);
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list {
  width: 100%;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .tag {
  padding: 0.25rem 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-wrap {
  padding-left: 1.9375rem;
  padding-right: 2rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-tentative-date img {
  width: 1rem;
  height: 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-type-icon {
  font-size: 1.25rem;
  background-color: #3b82f6;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.25rem 0px 0px 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-type-icon img {
  width: 1.125rem;
  height: 1.125rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-title {
  height: 1.875rem;
  padding: 0.3125rem 0.5rem;
  border: 1px solid #dbeafe;
  border-radius: 0px 4px 4px 0px;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-title .step-title-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-change-date-drop-down {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-change-date-drop-down .step-type-action {
  border-radius: 0.25rem;
  padding: 0.2rem;
  font-size: 0.7rem;
  color: #595959;
  margin-left: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-change-date-drop-down .step-type-action::before {
  position: relative;
  top: 1px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-change-date-drop-down .step-type-action:hover {
  color: #000000;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper {
  display: none;
  align-items: center;
  gap: 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-id {
  background-color: #eff7fe;
  padding: 0.125rem 0.5rem;
  border-radius: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-id code {
  font-family: monospace;
  font-size: 14px;
  color: #4b5563;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-id:hover {
  cursor: pointer;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-id:hover code {
  text-decoration: underline;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-action-icon {
  cursor: pointer;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-action-icon:hover i {
  color: #000000;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-list .step-actions-wrapper .step-action-icon i {
  font-size: 18px;
  color: #bfbfbf;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 2rem 0 7.6281rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.0625rem solid #e8e8e8;
  padding: 0.5rem 1rem;
  height: 4rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:hover {
  background-color: #eff6ff;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:hover .step-sub-list-right .step-email-type {
  display: flex;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:hover .step-sub-list-right .grid-action {
  visibility: visible;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:nth-last-child(n+2):first-child {
  border-radius: 0.25rem 0.25rem 0px 0px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list:nth-last-child(n+2) ~ div:last-child {
  border-top: 0;
  border-radius: 0px 0px 0.25rem 0.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: calc(100% - 36rem);
  height: 2.375rem;
}
@-moz-document url-prefix() {
  .subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-action .switchToggle {
    height: 3.5rem;
  }
}
@supports (-moz-appearance: none) {
  .subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-action .switchToggle {
    height: 3.5rem;
  }
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-action .switchToggle label {
  margin-bottom: 0;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-action .switchToggle input:checked + label {
  background: #1d4ed8;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-icon {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #6d28d9;
  background: #ede9fe;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc {
  width: calc(100% - 2.5rem);
  cursor: pointer;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc p {
  margin: 0;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc p:first-of-type {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc p:last-of-type {
  width: calc(100% - 2rem);
  margin-top: 0.125rem !important;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #4b5563;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc p:last-of-type span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc span {
  color: #4b5563;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-sub-desc .ai-generated-icon {
  width: 0.625rem;
  max-width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-attachment-icon {
  font-size: 0.875rem;
  color: #9ca3af;
  transition: all 0.2s ease;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-left .step-attachment-icon:hover {
  color: #1f2937;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.625rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-action {
  display: inline-table;
  width: 6rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-action label {
  margin: 0;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-email-type {
  display: none;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-email-type .step-email-type-icon {
  font-size: 1rem;
  align-items: center;
  margin-right: 0.4rem;
  margin-top: 0.1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .step-email-type .step-email-type-text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .state-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 3rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .state-row .state-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 3rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .state-row .state-block span {
  line-height: 1.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .state-row .state-block small {
  font-size: 12px;
  line-height: 1rem;
  font-weight: 500;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .grid-action {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  visibility: hidden;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .grid-action .option {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .grid-action .option svg {
  color: #9ca3af;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner ul li .step-sub-list-inner .step-sub-list .step-sub-list-right .grid-action .option svg:hover {
  color: #6b7280;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps {
  margin-left: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps__options {
  position: absolute;
  width: 10.1875rem;
  left: 0;
  z-index: 2;
  transform: translateY(-100%);
  top: 0;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  /* dropdown  */
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  padding: 0.5rem 0px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps__option {
  padding: 0.375rem 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-steps__option:hover {
  background-color: #eff6ff;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .create-subsequence-btn {
  border-radius: 4px;
  background: #eff6ff;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6.4px;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .step-variant-tip {
  font-style: italic;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #b45309;
  margin: 0.5rem 0 0 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation {
  width: fit-content;
  height: 1.375rem;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  margin-top: 0.5rem;
  margin-left: 7.625rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .ai-variant span {
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 13.02%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .ai-variant.cr-variant:hover {
  border-radius: 0.25rem;
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 13.02%, rgba(29, 78, 216, 0.05) 93.65%);
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .cr-variant {
  padding: 0.125rem 0.5rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .cr-variant .btn-text {
  line-height: 20px;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation .cr-variant:hover {
  background: #f3f4f6;
  border-radius: 0.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .add-variation {
  transition: all 0.2s ease;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .steps-list-container .step-list-inner .smart-ideas {
  width: fit-content;
  margin-left: 0.5rem;
  border: none;
  margin-top: 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 6.25rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .prospect-empty-screen {
  padding: 2rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
  width: 56.5rem;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.15);
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .prospect-empty-screen .right-container img {
  width: 21.25rem;
  height: 12.5rem;
  border-radius: 1rem;
}
.subsequence-components .single-sequence-tab-container .bs-tabs .bs-tabs-content .empty-screen .prospect-empty-screen .right-container .play-icon {
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4.6875rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 0px rgba(0, 32, 123, 0.8);
}
.subsequence-components .contact-list-container {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.subsequence-components .contact-list-container .cst-banner {
  margin-bottom: 0px;
  border: 1px solid #fef3c7;
}
.subsequence-components .contact-list-container .cst-banner div {
  width: 100%;
  display: flex !important;
  justify-content: center !important;
}
.subsequence-components .contact-list-container .cst-banner span {
  color: #1f2937 !important;
}
.subsequence-components .contact-list-container .cst-banner .upgrade-link {
  color: #1d4ed8 !important;
  text-decoration: none;
}
.subsequence-components .contact-list-container .prospects-main {
  width: 100%;
  flex-grow: 1;
  margin: 0 !important;
  overflow-y: hidden;
}
.subsequence-components .contact-list-container .prospects-main .empty-list-prospect {
  height: calc(100vh - 25rem);
}
.subsequence-components .contact-list-container .prospects-main .step-filter .filter-item {
  margin-bottom: 0.5rem;
}
.subsequence-components .contact-list-container .status-filter {
  padding: 0.75rem 1.5rem 0.75rem 1.625rem;
  display: flex;
  gap: 0.75rem;
}
.subsequence-components .contact-list-container .status-filter .divider-vertical {
  height: 2.625rem;
  width: 1px;
  background-color: #e5e7eb;
  align-self: center;
}
.subsequence-components .contact-list-container .prospect-banner {
  padding-right: 0.5rem;
}
.subsequence-components .contact-list-container .prospect-banner .prospect-selected-row-info {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5625rem 0;
}
.subsequence-components .contact-list-container .prospect-banner .prospect-selected-row-info .divider-vertical {
  height: 1.25rem;
  width: 0.063rem;
  background: #9ca3af;
  margin: 0px 0.75rem;
}
.subsequence-components .contact-list-container .prospect-banner .prospect-selected-row-info-waring {
  background: #fffbeb;
}
.subsequence-components .contact-list-container .prospect-banner .prospect-selected-row-info-danger {
  background: #fef2f2;
}
.subsequence-components .contact-list-container .prospect-list-table {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.subsequence-components .contact-list-container .prospect-list-table .col {
  padding: 0;
}
.subsequence-components .contact-list-container .table-list {
  height: 100%;
  overflow-y: auto;
}
.subsequence-components .contact-list-container .table-list tr:hover {
  background-color: none !important;
}
.subsequence-components .contact-list-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th {
  border-top: 0px;
}
.subsequence-components .contact-list-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th:first-of-type,
.subsequence-components .contact-list-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr th:last-of-type {
  border-radius: 0 !important;
}
.subsequence-components .contact-list-container .sequence-prospect-actions {
  width: 100%;
  height: 4.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  margin: 0;
  border-bottom: 1px solid #f3f4f6;
}
.subsequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter {
  display: flex;
  align-items: center;
  width: 87%;
  gap: 0.8rem;
}
.subsequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .search-bar {
  margin-right: 1.5rem;
}
.subsequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .prospect-filter-icon-container {
  width: 2rem;
  height: 2rem;
  padding: 0.3125rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
}
.subsequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .prospect-filter-icon-container i {
  font-size: 1.25rem;
  color: #6b7280;
}
.subsequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .prospect-filter-icon-container:hover {
  background-color: #dbeafe !important;
}
.subsequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .prospect-filter-icon-container:hover i {
  color: #1d4ed8;
}
.subsequence-components .contact-list-container .sequence-prospect-actions .sequence-prospect-search-bar-and-filter .sequence-prospect-separator {
  width: 0.125rem;
  height: 2rem;
  background: #d1d5db;
  border-radius: 0.125rem;
}
.subsequence-components .contact-list-container .sequence-prospect-actions .prospect-export {
  padding-top: 6.5px;
}

.loading-wrapper > span {
  display: flex;
}

.save-conditions-warning-modal .modal-dialog {
  max-width: 39rem !important;
}
.save-conditions-warning-modal .modal-dialog .modal-content {
  min-width: 39rem !important;
}
.save-conditions-warning-modal .modal-dialog .modal-content .imp-points {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.save-conditions-warning-modal .modal-dialog .modal-content .imp-points p {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.save-conditions-warning-modal .modal-dialog .modal-content .imp-points p svg {
  flex-shrink: 0;
}

.subsequence-info-tooltip-wrapper {
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.375rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid #e5e7eb;
  background: #ffffff;
  transition: all 0.2s ease-in-out;
}
.subsequence-info-tooltip-wrapper svg {
  color: #9ca3af;
}
.subsequence-info-tooltip-wrapper span {
  color: #4b5563;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.subsequence-info-tooltip-wrapper:hover {
  cursor: help;
  border: 0.0625rem solid #1d4ed8;
  background: #eff6ff;
}
.subsequence-info-tooltip-wrapper:hover svg,
.subsequence-info-tooltip-wrapper:hover span {
  color: #1d4ed8;
}

.subsequence-info-tooltip-popover.bs-popover-inner {
  padding: 0.75rem;
  border-radius: 0.5rem;
  max-width: 25.375rem;
  width: 25.375rem;
  height: 22.625rem;
  box-shadow: none;
  filter: drop-shadow(0px 2px 6px rgba(4, 21, 76, 0.12));
}
.subsequence-info-tooltip-popover.bs-popover-inner .arrow {
  display: none;
}
.subsequence-info-tooltip-popover.bs-popover-inner .bs-popover-inner-content {
  padding: 0;
}
.subsequence-info-tooltip-popover.bs-popover-inner .subsequence-info-tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.subsequence-info-tooltip-popover.bs-popover-inner .subsequence-info-tooltip-content .content-row {
  display: flex;
  gap: 0.75rem;
}
.subsequence-info-tooltip-popover.bs-popover-inner .subsequence-info-tooltip-content .content-row .content-row-number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 0.75rem;
  background: #f3f4f6;
}
.subsequence-info-tooltip-popover.bs-popover-inner .subsequence-info-tooltip-content .content-row .content-row-number span {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.subsequence-info-tooltip-popover.bs-popover-inner .subsequence-info-tooltip-content .content-row .content-row-details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.subsequence-info-tooltip-popover.bs-popover-inner .subsequence-info-tooltip-content .content-row .content-row-details h1 {
  margin: 0;
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.125rem;
}
.subsequence-info-tooltip-popover.bs-popover-inner .subsequence-info-tooltip-content .content-row .content-row-details p {
  margin: 0;
  color: #4b5563;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}

.sequence-progress-overlay-container .arrow,
.email-accounts-states-overlay-container .arrow {
  display: none;
}
.sequence-progress-overlay-container.bs-popover-inner,
.email-accounts-states-overlay-container.bs-popover-inner {
  padding: 0px;
}
.sequence-progress-overlay-container .bs-popover-content .bs-popover-inner-content,
.email-accounts-states-overlay-container .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
  width: 0px;
}

.email-accounts-states-overlay-container {
  max-width: 414px;
  height: 0px;
}

.prospect-popover .arrow {
  display: none;
}
.prospect-popover.bs-popover-inner {
  padding: 0px;
}
.prospect-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
}
.prospect-popover .progress-container {
  width: 14.5rem;
}
.prospect-popover .progress-container .progress-single-tab {
  width: 12.5rem;
}

.count-percentage {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
}

.prospect-skeleton-container {
  transform: translateY(10px);
  display: inline-flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 3px 8px 24px -6px rgba(15, 34, 67, 0.16);
  position: absolute;
  z-index: 10;
  max-width: 14.5rem;
}
.prospect-skeleton-container .prospect-skeleton-card {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  width: 12.5rem;
  height: 1.5625rem;
}

.sequence-progress-skeleton-container {
  transform: translateY(10px);
  display: inline-flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 3px 8px 24px -6px rgba(15, 34, 67, 0.16);
  position: absolute;
  z-index: 10;
  max-width: 19.375rem;
}
.sequence-progress-skeleton-container .sequence-progress-skeleton-card {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  width: 17.5rem;
  height: 1.5625rem;
}

.progress-container.sequence-progress-container {
  max-height: 21rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
}

.sequence-steps-container {
  transform: translateY(10px);
}
.sequence-steps-container.progress-container {
  max-height: 14.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
}

.client-sequence-action-header {
  min-width: 0px !important;
}

.shd-modal.no-steps-found-modal .modal-content {
  border: none !important;
}

.no-steps-found-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.no-steps-found-modal .shd-modal--header {
  padding-bottom: 1rem !important;
}
.no-steps-found-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.no-steps-found-modal .shd-modal--header .shd-modal--title svg {
  margin-right: 0.625rem;
}
.no-steps-found-modal .shd-modal--body {
  padding-bottom: 1.5rem !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.no-steps-found-modal .shd-modal--body p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.subsequence-tab-disabled-tooltip .description {
  display: flex;
}
.subsequence-tab-disabled-tooltip .learn_more {
  margin-top: 4px;
  color: #bfdbfe;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.subsequence-empty-step-container .add-step-empty {
  margin-top: 4rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 8px 30px rgba(4, 21, 76, 0.15);
  display: flex;
  padding: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty-list-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.subsequence-empty-step-container .add-step-empty__title {
  width: 100%;
  text-align: center;
  color: #1f2937;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 16px;
}
.subsequence-empty-step-container .add-step-empty__description {
  width: 318px;
  color: #6b7280;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0 !important;
}
.subsequence-empty-step-container .add-step-empty__action {
  display: flex;
  justify-content: center;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__steps {
  gap: 0.75rem;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step.disabled {
  opacity: 0.35;
  cursor: not-allowed !important;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-email {
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-email:hover {
  background-color: #2563eb !important;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-linkedin,
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-linkedin-manual-task {
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-linkedin:hover,
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-linkedin-manual-task:hover {
  background-color: #167dbc !important;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-linkedin-automation {
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-linkedin-automation:hover {
  background-color: #4338ca !important;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-call {
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-call:hover {
  background-color: #7c3aed !important;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-task {
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-task:hover {
  background-color: #ea580c !important;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-whatsapp {
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}
.subsequence-empty-step-container .add-step-empty .add-step-empty__action .add-steps__step-whatsapp:hover {
  background-color: #1ea952 !important;
}

.sequence-name-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  text-decoration: none !important;
  color: inherit;
}

.ai-sequence {
  height: 32px;
  padding: 6px 16px;
  cursor: pointer;
  gap: 8px;
  border: 1px solid #1d4ed8;
  border-radius: 4px;
}
.ai-sequence span {
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 13.02%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.ai-sequence.cr-sequence:hover {
  border-radius: 0.25rem;
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 13.02%, rgba(29, 78, 216, 0.05) 93.65%);
}

.shd-modal.show-conditions-modal .modal-content {
  border: none !important;
}

.prospect-in-subsequence-tooltip .tooltip-inner .step-tooltip-info .subsequence {
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  color: #fff;
}

.prospect-in-subsequence-tooltip .tooltip-inner .step-tooltip-info .subsequence .label {
  font-weight: 700 !important;
}

.prospect-in-subsequence-tooltip .tooltip-inner .step-tooltip-info .subsequence .colon {
  font-weight: 700 !important;
}

.prospect-in-subsequence-tooltip .tooltip-inner .step-tooltip-info .subsequence .value {
  font-weight: 400 !important;
}

.prospect-in-subsequence-tooltip .tooltip-inner .step-tooltip-info .step {
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #fff;
}

.prospect-in-subsequence-tooltip .tooltip-inner .step-tooltip-info .step .step-count {
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 16px;
  color: #fff;
}

.add-feature {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 16px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  gap: 8px;
  max-width: fit-content;
  padding: 2px 0px;
  cursor: pointer;
}
.add-feature:hover, .add-feature span:hover {
  color: #1d4ed8;
}
.add-feature.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.add-feature.disabled:hover, .add-feature.disabled span:hover {
  color: #6b7280;
}

.ai-sequence-step-wrapper {
  overflow-y: auto;
  height: 100%;
  padding: 16px 16px 8px 16px;
}
.ai-sequence-step-wrapper__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ai-sequence-step-wrapper__text {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.ai-sequence-step-wrapper__text .feedback-btns {
  display: flex;
  gap: 4px;
}
.ai-sequence-step-wrapper__text .feedback-btns .dislike-btn {
  background: #f9fafb;
  border-radius: 4px;
  padding: 4px;
}
.ai-sequence-step-wrapper__text .feedback-btns .dislike-btn:hover {
  background: #fef2f2;
  cursor: pointer;
}
.ai-sequence-step-wrapper__text .feedback-btns .dislike-btn:hover svg {
  color: #ef4444;
}
.ai-sequence-step-wrapper__text .feedback-btns .like-btn {
  background: #f9fafb;
  border-radius: 4px;
  padding: 4px;
}
.ai-sequence-step-wrapper__text .feedback-btns .like-btn:hover {
  background: #ecfdf5;
  cursor: pointer;
}
.ai-sequence-step-wrapper__text .feedback-btns .like-btn:hover svg {
  color: #10b981;
}
.ai-sequence-step-wrapper__title {
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}
.ai-sequence-step-wrapper__title .edit-info {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 4px;
  cursor: pointer;
}
.ai-sequence-step-wrapper__content {
  margin-top: 24px;
  margin-bottom: 44px;
}

.company-details-tooltip.tooltip .tooltip-inner {
  max-width: 252px;
  padding: 12px;
  font-weight: 400;
  line-height: normal;
}

.skip-onboarding-tooltip .tooltip-inner {
  max-width: 10.875rem;
}

.ai-sequence-footer-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-top: 1px solid #f3f4f6;
  background-color: white;
}
.ai-sequence-footer-container .bs-checkbox-wrapper {
  text-wrap: nowrap;
}
.ai-sequence-footer-container .bs-checkbox-wrapper span {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  background: none;
  padding: 2px 0px 2px 8px;
}
.ai-sequence-footer-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 4px;
}
.ai-sequence-footer-container .skip-btn {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  border: none;
  outline: none;
  background: none;
  padding: 2px 0px 2px 8px;
}
.ai-sequence-footer-container .continue-btn {
  display: flex;
  width: 120px;
  height: 28px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  border: none;
}
.ai-sequence-footer-container .continue-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.ai-sequence-footer-container .continue-btn.ai-gradient-btn {
  display: flex;
  width: auto;
  text-wrap: nowrap;
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
}
.ai-sequence-footer-container .continue-btn.ai-gradient-btn.shd-button span {
  gap: 8px;
}
.ai-sequence-footer-container .continue-btn.ai-gradient-btn:hover {
  filter: brightness(1.15);
}

.add-skip {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sequence-emails-loader {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sequence-emails-loader span {
  display: flex;
}
.sequence-emails-loader__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #f3f4f6;
}
.sequence-emails-loader__header--inner {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sequence-emails-loader__status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  height: 5.3125rem;
}
.sequence-emails-loader__status span {
  flex: 1;
}
.sequence-emails-loader__content {
  display: flex;
  flex: 1;
}
.sequence-emails-loader__content--steps {
  width: 6.25rem;
  padding: 0.75rem 0.625rem;
  border-top: 0.0625rem solid #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sequence-emails-loader__content--steps span {
  max-height: 3.75rem;
  height: 3.75rem;
  flex: 1;
}
.sequence-emails-loader__content--table {
  flex: 1;
  width: 100%;
  max-width: calc(100% - 100px);
  overflow-x: auto;
}
.sequence-emails-loader__content--table .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type {
  border-top-left-radius: 0 !important;
  border-left: none !important;
}
.sequence-emails-loader__content--table .cell-data-loader {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.sequence-step-editor {
  margin-top: 0.5rem;
}
.sequence-step-editor.sequence-step-editor-height-244 {
  height: 244px;
}
.sequence-step-editor.sequence-step-editor-height-286 {
  height: 286px;
}
.sequence-step-editor.sequence-step-editor-height-150 {
  height: 150px;
}
.sequence-step-editor.sequence-step-editor-height-278 {
  height: 278px;
}
.sequence-step-editor.sequence-step-editor-height-256 {
  height: 256px;
}
.sequence-step-editor.sequence-step-editor-height-256 {
  height: 256px;
}
.sequence-step-editor .email-content-error {
  position: relative;
}
.sequence-step-editor .divider {
  margin: 0 9px 0 5px;
  width: 1px;
  height: 24px;
  background: #d1d5db;
  border-radius: 1px;
}
.sequence-step-editor .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: #9ca3af;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  cursor: text;
}
.sequence-step-editor .simple-input-count-container {
  padding: 0px 12px 8px 12px;
  position: absolute;
  bottom: 0;
  right: 0px;
  display: flex;
  justify-content: end;
}
.sequence-step-editor .simple-input-count-container .simple-input-count {
  align-items: center;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  background: #f9fafb;
  border-radius: 2rem;
  padding: 0.125rem 0.25rem;
}
.sequence-step-editor .toolbar-extra-btn {
  border-left: none;
}
.sequence-step-editor .editor-editable-content-container {
  padding: 1rem 1rem 1.5rem 1rem !important;
}
.sequence-step-editor .alert-component {
  display: none;
}

.editor-error-message-container {
  display: flex;
  align-items: center;
  gap: 3px;
  line-height: 18px;
  margin-top: 4px;
}

.editor-error-message {
  color: #b91c1c;
  font-size: 10px;
  font-weight: 600;
}

.message-expand-modal {
  top: 8px;
  right: 8px;
  z-index: 10;
}

.task-note-modal-editor {
  position: relative;
  height: 18.875rem;
}

.single-sequence-fallback-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  height: 3.5rem;
  border-bottom: 1px solid #eaedef;
  box-shadow: 0px 2px 4px 0px #e5e7eb;
}
.single-sequence-fallback-header--left, .single-sequence-fallback-header--right {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.skeleton-height-1 {
  line-height: 1;
}
.skeleton-height-1 span {
  display: flex;
  align-items: center;
}

.sequence-filter-bar-skeleton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.sequence-filter-bar-skeleton .sequence-filter-bar-left {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.contact-list-container-skeleton .sequence-prospect-right-actions {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.contact-list-container-skeleton .sequence-prospect-right-actions div {
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-list-container-skeleton .deal-value-banner-skeleton {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border: 1px solid #f3f4f6;
}
.contact-list-container-skeleton .deal-value-banner-skeleton .deal-value-banner-skeleton-left {
  flex: 1;
  display: flex;
  justify-content: center;
}
.contact-list-container-skeleton .deal-value-banner-skeleton .deal-value-banner-skeleton-right {
  width: 1.5rem;
  display: flex;
  justify-content: center;
}
.contact-list-container-skeleton .status-item-skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
}

.li-step-automated-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  background: #eef2ff;
  color: #4f46e5;
  border: 1px solid #c7d2fe;
  line-height: 1.5;
}

.li-step-card {
  padding: 0.5rem 1rem;
  justify-content: flex-start;
}
.li-step-card__left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.li-step-card__letter {
  width: 28px;
  height: 28px;
  border-radius: 0.25rem;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.li-step-card__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.li-step-card__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.li-step-card__sub {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.li-step-card__campaign-name, .li-step-card__campaign-link {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1d4ed8;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.li-step-card__sep {
  width: 1px;
  height: 12px;
  background: #d9d9d9;
  flex-shrink: 0;
  display: inline-block;
  margin: 0 8px;
}
.li-step-card__status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #262626;
  background: #f3f4f6;
  padding: 4px 10px;
  border-radius: 6.25rem;
  white-space: nowrap;
}
.li-step-card__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #595959;
  flex-shrink: 0;
}
.li-step-card__status--active {
  color: #1d4ed8;
  background: #eff6ff;
}
.li-step-card__status--active .li-step-card__status-dot {
  background: #1d4ed8;
}
.li-step-card__status--paused {
  color: #b45309;
  background: #fffbe6;
}
.li-step-card__status--paused .li-step-card__status-dot {
  background: #d97706;
}
.li-step-card__status--completed {
  color: #15803d;
  background: #dcfce7;
}
.li-step-card__status--completed .li-step-card__status-dot {
  background: #16a34a;
}
.li-step-card__status--init {
  color: #6b7280;
  background: #f5f5f5;
}
.li-step-card__status--init .li-step-card__status-dot {
  background: #9ca3af;
}
.li-step-card__status--starting {
  color: #4f46e5;
  background: #eef2ff;
}
.li-step-card__status--starting .li-step-card__status-dot {
  background: #4f46e5;
}
.li-step-card__status--canceled, .li-step-card__status--failed {
  color: #b91c1c;
  background: #fee2e2;
}
.li-step-card__status--canceled .li-step-card__status-dot, .li-step-card__status--failed .li-step-card__status-dot {
  background: #f5222d;
}
.li-step-card__status--draft {
  color: #6b7280;
  background: #f5f5f5;
}
.li-step-card__status--draft .li-step-card__status-dot {
  background: #9ca3af;
}
.li-step-card__overflow-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0137fc;
  cursor: default;
  white-space: nowrap;
}
.li-step-card--clickable {
  cursor: pointer;
  transition: background 0.15s;
}
.li-step-card--clickable:hover {
  background: #f5f3ff;
}
.li-step-card--clickable:hover .li-step-card__campaign-name {
  text-decoration: underline;
}
.li-step-card--clickable:hover .li-step-card__campaign-link {
  text-decoration: underline;
  color: inherit;
}
.li-step-card--clickable:hover .li-step-card__campaign-link:hover {
  color: #0137fc;
}
.li-step-card--clickable:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: -2px;
}

.li-tour-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 999;
}

.li-tour-button-active {
  position: relative;
  z-index: 1000;
  border-radius: 0.25rem;
}

.li-tour-new-badge {
  position: absolute;
  top: -8px;
  right: -6px;
  background: #fa8c16;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 6px;
  line-height: 1.4;
  pointer-events: none;
  z-index: 1;
}

.li-tour-tooltip {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: 380px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.li-tour-tooltip__arrow {
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-radius: 2px 0 0 0;
}
.li-tour-tooltip__content {
  padding: 16px;
}
.li-tour-tooltip__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 16px;
  margin-bottom: 16px;
}
.li-tour-tooltip__badge-icon {
  width: 18px;
  height: 18px;
  background: #4f46e5;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-shrink: 0;
}
.li-tour-tooltip__title {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 12px;
  line-height: 1.4;
}
.li-tour-tooltip__desc {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0 0 20px;
}
.li-tour-tooltip__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 16px;
  margin-top: 4px;
  border-top: 1px solid #f3f4f6;
  width: 100%;
}
.li-tour-tooltip__btn-skip {
  height: 32px;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: background 0.15s;
}
.li-tour-tooltip__btn-skip:hover {
  background: #f3f4f6;
}
.li-tour-tooltip__btn-try {
  height: 32px;
  padding: 0 16px;
  background: #1d4ed8;
  border: none;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: background 0.15s;
}
.li-tour-tooltip__btn-try:hover {
  background: rgb(10.1888755502%, 27.4045618247%, 75.8895558223%);
}

.shd-button--tertiary.add-prospect-sequence-btn {
  border: 0.0625rem solid #e5e7eb;
  background: white;
}
.shd-button--tertiary.add-prospect-sequence-btn:hover {
  border: 0.0625rem solid #1d4ed8;
  color: #1d4ed8;
}

.categorize-by-modal-popover.bs-popover-inner {
  padding: 0;
}
.categorize-by-modal-popover .arrow {
  display: none;
}
.categorize-by-modal-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.categorize-by-modal-popover .popover-body .bs-popover-content .bs-popover-inner-content .categorize-by-modal__color-palette {
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-column-gap: 9px;
  grid-row-gap: 11px;
  padding: 8px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
  border: 1px solid #f3f4f6;
}
.categorize-by-modal-popover .popover-body .bs-popover-content .bs-popover-inner-content .categorize-by-modal__color-option {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #d1d5db;
  padding: 0;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.categorize-by-modal-popover .popover-body .bs-popover-content .bs-popover-inner-content .categorize-by-modal__color-option:hover {
  transform: scale(1.25);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.65);
}
.categorize-by-modal-popover .popover-body .bs-popover-content .bs-popover-inner-content .categorize-by-modal__color-option:focus-visible {
  outline: 2px solid #3b82f6;
}
.categorize-by-modal-popover .popover-body .bs-popover-content .bs-popover-inner-content .categorize-by-modal__color-option.is-selected {
  border-color: rgba(17, 24, 39, 0.35);
}

.categorize-by-modal__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.categorize-by-modal__title-input {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
  padding: 0;
}
.categorize-by-modal__title-input.bs-input-affix-wrapper {
  transition: none;
}
.categorize-by-modal__title-input.bs-input-affix-wrapper:focus-within {
  padding: 2px;
  max-width: 250px;
  min-width: auto;
}
.categorize-by-modal__title-input.bs-input-affix-wrapper .bs-input-md {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
}
.categorize-by-modal__title-input::placeholder {
  color: #9ca3af;
}
.categorize-by-modal__title-input:focus-visible {
  border: 1px solid #1d4ed8;
}
.categorize-by-modal .pencil-icon-container {
  color: #9ca3af;
  display: flex;
  align-items: center;
}
.categorize-by-modal__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.categorize-by-modal__item {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-radius: 4px;
  background: #ffffff;
  position: relative;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  min-width: 487px;
}
.categorize-by-modal__item:hover {
  background: #f3f4f6;
  border-color: #cbd5f5;
}
.categorize-by-modal__item:hover .categorize-by-modal__visibility-toggle {
  opacity: 1;
}
.categorize-by-modal__item:hover .categorize-by-modal__remove {
  opacity: 1;
}
.categorize-by-modal__item.is-dragging {
  box-shadow: 0 4px 12px rgba(4, 21, 76, 0.12);
  border-color: #c7d2fe;
}
.categorize-by-modal__item.is-hidden {
  background: #f9fafb;
  border-color: #e5e7eb;
}
.categorize-by-modal__item.is-hidden .categorize-by-modal__drag-handle {
  cursor: not-allowed;
  opacity: 0.5;
}
.categorize-by-modal__item.is-hidden .categorize-by-modal__color-swatch {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.categorize-by-modal__item.is-hidden .categorize-by-modal__input {
  opacity: 0.6;
  cursor: not-allowed;
}
.categorize-by-modal__item-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.categorize-by-modal__drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: #6b7280;
  padding: 0;
  border: none;
  background: transparent;
  cursor: grab;
}
.categorize-by-modal__drag-handle:focus-visible {
  outline: 2px solid #3b82f6;
  border-radius: 0.375rem;
}
.categorize-by-modal__drag-handle svg {
  pointer-events: none;
}
.categorize-by-modal__color-swatch {
  min-width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0.5px solid #d1d5db;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin: 0 8px 0 8px;
  background-clip: padding-box;
}
.categorize-by-modal__color-swatch:focus-visible {
  outline: 2px solid #3b82f6;
}
.categorize-by-modal__color-swatch--disabled {
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: none;
}
.categorize-by-modal__color-swatch--disabled:hover {
  transform: none;
  box-shadow: none;
}
.categorize-by-modal .bs-input-affix-wrapper {
  flex: 1;
  min-width: 381px;
  max-width: 381px;
  padding: 6px 12px 6px 8px;
  border: 1px solid #d1d5db;
}
.categorize-by-modal .bs-input-affix-wrapper.bs-input-affix-wrapper::before {
  line-height: 20px;
}
.categorize-by-modal .bs-input-affix-wrapper.bs-input-container {
  margin: 0px;
}
.categorize-by-modal .bs-input-affix-wrapper.bs-input-container .bs-input-label-suffix {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #b91c1c;
}
.categorize-by-modal .bs-input-affix-wrapper .bs-input {
  line-height: 20px;
  color: #1f2937;
}
.categorize-by-modal .bs-input-affix-wrapper .input-error {
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.categorize-by-modal__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin-left: 12px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease, background 0.2s ease;
}
.categorize-by-modal__remove:hover {
  background: #ffffff;
}
.categorize-by-modal__remove:focus-visible {
  opacity: 1;
  outline: 2px solid #ef4444;
  border-radius: 0.375rem;
}
.categorize-by-modal__visibility-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin-left: 12px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease, background 0.2s ease;
}
.categorize-by-modal__visibility-toggle:hover {
  background: #ffffff;
}
.categorize-by-modal__visibility-toggle:focus-visible {
  outline: 2px solid #2563eb;
  border-radius: 0.375rem;
}
.categorize-by-modal__visibility-toggle.is-hidden {
  color: #9ca3af;
}
.categorize-by-modal__error {
  color: #b91c1c;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 0px 0px 46px;
}
.categorize-by-modal__drag-handle--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.categorize-by-modal__drag-handle--disabled svg {
  pointer-events: none;
}
.categorize-by-modal__add-row {
  display: flex;
  align-items: center;
  border: none;
  padding: 8px;
  border-radius: 4px;
  background: transparent;
  color: #2563eb;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.categorize-by-modal__add-row:hover {
  border-color: #2563eb;
  background: #f3f4f6;
}
.categorize-by-modal__add-row:focus-visible {
  outline: 2px solid #2563eb;
}
.categorize-by-modal__add-label {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px 6px 8px;
  border-radius: 4px;
  line-height: 20px;
  border: 1px dashed #d1d5db;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 400;
  color: #9ca3af;
  width: 100%;
  max-width: 381px;
}

.categorize-by-modal .modal-dialog {
  max-width: 535px;
}
.categorize-by-modal .modal-dialog .modal-content {
  border: none !important;
}
.categorize-by-modal .modal-dialog .modal-content .shd-modal--header .shd-modal--title {
  line-height: 24px !important;
}
.categorize-by-modal .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.categorize-by-modal .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .categorize-by-modal-header {
  display: flex;
  align-items: center;
  gap: 6px;
}
.categorize-by-modal .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .categorize-by-modal-header .categorize-by-modal-header-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.categorize-by-modal .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .categorize-by-modal-truncatedText {
  max-width: 51% !important;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body {
  max-height: 266px;
  overflow-y: auto;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__title-input {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
  padding: 0;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__title-input.bs-input-affix-wrapper {
  transition: none;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__title-input.bs-input-affix-wrapper:focus-within {
  padding: 2px;
  max-width: 250px;
  min-width: auto;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__title-input.bs-input-affix-wrapper .bs-input-md {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__title-input::placeholder {
  color: #9ca3af;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__title-input:focus-visible {
  border: 1px solid #1d4ed8;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal .pencil-icon-container {
  color: #9ca3af;
  display: flex;
  align-items: center;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-radius: 4px;
  background: #ffffff;
  position: relative;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  min-width: 487px;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item:hover {
  background: #f3f4f6;
  border-color: #cbd5f5;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item:hover .categorize-by-modal__visibility-toggle {
  opacity: 1;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item.is-dragging {
  box-shadow: 0 4px 12px rgba(4, 21, 76, 0.12);
  border-color: #c7d2fe;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item.is-hidden {
  background: #f9fafb;
  border-color: #e5e7eb;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item.is-hidden .categorize-by-modal__drag-handle {
  cursor: not-allowed;
  opacity: 0.5;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item.is-hidden .categorize-by-modal__color-swatch {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item.is-hidden .categorize-by-modal__input {
  opacity: 0.6;
  cursor: not-allowed;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__item-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: #6b7280;
  padding: 0;
  border: none;
  background: transparent;
  cursor: grab;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__drag-handle:focus-visible {
  outline: 2px solid #3b82f6;
  border-radius: 0.375rem;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__drag-handle svg {
  pointer-events: none;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-swatch {
  min-width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0.5px solid #d1d5db;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin: 0 8px 0 8px;
  background-clip: padding-box;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-swatch:focus-visible {
  outline: 2px solid #3b82f6;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-swatch--disabled {
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: none;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-swatch--disabled:hover {
  transform: none;
  box-shadow: none;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-palette {
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-column-gap: 9px;
  grid-row-gap: 11px;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-option {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #d1d5db;
  padding: 0;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-option:hover {
  transform: scale(1.25);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.65);
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-option:focus-visible {
  outline: 2px solid #3b82f6;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__color-option.is-selected {
  border-color: rgba(17, 24, 39, 0.35);
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal .bs-input-affix-wrapper {
  flex: 1;
  min-width: 381px;
  max-width: 381px;
  padding: 6px 12px 6px 8px;
  border: 1px solid #d1d5db;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal .bs-input-affix-wrapper.bs-input-affix-wrapper::before {
  line-height: 20px;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal .bs-input-affix-wrapper.bs-input-container {
  margin: 0px;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal .bs-input-affix-wrapper.bs-input-container .bs-input-label-suffix {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #b91c1c;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal .bs-input-affix-wrapper .bs-input {
  line-height: 20px;
  color: #1f2937;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal .bs-input-affix-wrapper .input-error {
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin-left: 12px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__remove:hover {
  background: #ffffff;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__remove:focus-visible {
  outline: 2px solid #ef4444;
  border-radius: 0.375rem;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__visibility-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin-left: 12px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease, background 0.2s ease;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__visibility-toggle:hover {
  background: #ffffff;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__visibility-toggle:focus-visible {
  outline: 2px solid #2563eb;
  border-radius: 0.375rem;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__visibility-toggle.is-hidden {
  color: #9ca3af;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__error {
  color: #b91c1c;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 0px 0px 46px;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__drag-handle--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__drag-handle--disabled svg {
  pointer-events: none;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__add-row {
  display: flex;
  align-items: center;
  border: none;
  padding: 8px;
  border-radius: 4px;
  background: transparent;
  color: #2563eb;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__add-row:hover {
  border-color: #2563eb;
  background: #f3f4f6;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__add-row:focus-visible {
  outline: 2px solid #2563eb;
}
.categorize-by-modal .modal-dialog .modal-content .modal-body .categorize-by-modal__add-label {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px 6px 8px;
  border-radius: 4px;
  line-height: 20px;
  border: 1px dashed #d1d5db;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 400;
  color: #9ca3af;
  width: 100%;
  max-width: 381px;
}
.categorize-by-modal .modal-dialog .modal-content .shd-modal--divider {
  margin-top: 24px;
}
.categorize-by-modal .modal-dialog .modal-content .shd-modal--footer {
  padding: 20px 24px !important;
}

.upcoming-task-popover.bs-popover-inner {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.upcoming-task-popover {
  min-width: 299px;
}
.upcoming-task-popover.bs-popover-inner {
  padding: 0;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border-bottom: 1px solid #e5e7eb;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-title span {
  font-weight: 600;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-title .upcoming-task-title-cross-icon {
  color: #6b7280;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp {
  display: flex;
  gap: 12px;
  padding: 8px;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column:hover, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln:hover, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call:hover, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp:hover {
  background: #f9fafb;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-linkedln-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-introduction-call-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-whatsapp-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-linkedln-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-introduction-call-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-whatsapp-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-linkedln-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-introduction-call-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-whatsapp-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-linkedln-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-introduction-call-header, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-whatsapp-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 20px;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-linkedln-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-introduction-call-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-whatsapp-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-linkedln-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-introduction-call-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-whatsapp-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-linkedln-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-introduction-call-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-whatsapp-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-linkedln-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-introduction-call-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-whatsapp-header .upcoming-task-text {
  color: #6b7280;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-linkedln-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-introduction-call-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-whatsapp-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-linkedln-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-introduction-call-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-whatsapp-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-linkedln-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-introduction-call-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-whatsapp-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-linkedln-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-introduction-call-header .upcoming-task-text.ago, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-whatsapp-header .upcoming-task-text.ago {
  color: #b91c1c;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-linkedln-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-introduction-call-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-whatsapp-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-linkedln-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-introduction-call-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-whatsapp-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-linkedln-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-introduction-call-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-whatsapp-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-linkedln-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-introduction-call-header .upcoming-task-text, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-whatsapp-header .upcoming-task-text {
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .task-checkbox-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .task-checkbox-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .task-checkbox-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .task-checkbox-icon {
  padding: 4px;
  background: #ffedd5;
  border-radius: 50%;
  display: flex;
  color: #ea580c;
  max-height: 24px;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-linkedln-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-linkedln-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-linkedln-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-linkedln-icon {
  padding: 4px;
  background: #dbeafe;
  border-radius: 50%;
  display: flex;
  color: #1d4ed8;
  max-height: 24px;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-call-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-call-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-call-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-call-icon {
  padding: 4px;
  background: #ede9fe;
  border-radius: 50%;
  display: flex;
  color: #6d28d9;
  max-height: 24px;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-column .upcoming-task-whatsapp-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-linkedln .upcoming-task-whatsapp-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-introduction-call .upcoming-task-whatsapp-icon, .upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-task-whatsapp .upcoming-task-whatsapp-icon {
  padding: 4px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  color: #fff;
  max-height: 24px;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .no-upcoming-task-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-self: center;
  align-items: center;
  padding: 8px 0;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .no-upcoming-task-container .no-upcoming-task-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-add-task-button {
  padding: 8px 4px 8px 8px;
  border-top: 1px solid #e5e7eb;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-add-task-button .upcoming-add-task-text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1d4ed8;
}
.upcoming-task-popover .popover-body .bs-popover-content .bs-popover-inner-content .upcoming-task-container .upcoming-add-task-button:hover {
  background: #eff6ff;
}

.add-note-popover {
  min-width: 395px;
  z-index: 10;
}
.add-note-popover.bs-popover-inner {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 0;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 12px 12px 12px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .prospect-notes-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .prospect-notes-header-container span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .prospect-notes-header-container .prospect-notes-cross-icon {
  color: #6b7280;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .inline-mention-editor {
  height: 127px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .inline-mention-editor .editor-editable-content-container {
  max-height: 127px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mce-content-body {
  min-height: 100%;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .mce-content-body div {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector {
  position: relative;
  height: 32px;
  display: flex;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__current {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  cursor: pointer;
  background: #ffffff;
  font-size: 13px;
  font-weight: 500;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__current span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__chevron {
  display: inline-flex;
  transition: transform 0.2s ease;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__chevron.open {
  transform: rotate(180deg);
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  background: #ffffff;
  border-radius: 4px;
  min-width: 300px;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  z-index: 5;
  overflow: hidden;
  padding: 8px 0px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__option img {
  padding: 2px;
  align-self: flex-start;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__option:hover {
  background: #eff6ff;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__option-texts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__option-texts span:first-child {
  font-weight: 500;
  color: #1f2937;
  line-height: 20px;
  font-size: 14px;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer .visibility-selector__option-texts span:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #9ca3af;
}
.add-note-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-notes-container .upcoming-task-footer button {
  min-width: 80px;
}

.create-task-modal .modal-header {
  padding: 1.25rem 1.5rem;
}
.create-task-modal .modal-body .task-assignee__select .bs-select-box {
  background: #fff;
}
.create-task-modal .modal-body .content-body .create-step-modal-textarea .sequence-step-editor {
  height: 175px;
}
.create-task-modal .bs-input {
  padding: 0;
}
.create-task-modal .bs-input.date-picker-container {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 11px !important;
  height: 34px;
}
.create-task-modal .bs-input.date-picker-container .bs-input {
  line-height: 20px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  background: none;
  padding: 0;
}
.create-task-modal .bs-input.date-picker-container .bs-input:focus-within {
  border: none;
  box-shadow: none;
  outline: none;
}
.create-task-modal .modal-footer .bs-modal-footer-action-buttons .cancel-task-btn {
  border: 1px solid #e5e7eb;
}

.visibility-selector-popover {
  max-width: 100%;
}
.visibility-selector-popover.bs-popover-inner {
  padding: 0;
}
.visibility-selector-popover .arrow {
  display: none;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector {
  position: relative;
  height: 32px;
  display: flex;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__current {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  cursor: pointer;
  background: #ffffff;
  font-size: 13px;
  font-weight: 500;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__current span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__chevron {
  display: inline-flex;
  transition: transform 0.2s ease;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__chevron.open {
  transform: rotate(180deg);
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__menu {
  border-radius: 4px;
  min-width: 300px;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  z-index: 5;
  overflow: hidden;
  padding: 8px 0px;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option img {
  padding: 2px;
  align-self: flex-start;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option:hover {
  background: #eff6ff;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option-texts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option-texts span:first-child {
  font-weight: 500;
  color: #1f2937;
  line-height: 20px;
  font-size: 14px;
}
.visibility-selector-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option-texts span:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #9ca3af;
}

.la-status-filter {
  width: 264px;
  flex-shrink: 0;
  border-left: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.la-status-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.la-status-filter__close-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 0.25rem;
}
.la-status-filter__close-btn:hover {
  color: #262626;
  background: #f3f4f6;
}
.la-status-filter__body {
  flex: 1;
  overflow-y: auto;
  padding: 12px 12px 0;
}
.la-status-filter__section-label {
  margin: 0 0 6px 4px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.la-status-filter__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px;
  margin-bottom: 4px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  background: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s;
}
.la-status-filter__item:hover {
  background: #f3f4f6;
}
.la-status-filter__item--active {
  border-color: #1d4ed8;
  background: #eff6ff;
}
.la-status-filter__item--active:hover {
  background: #eff6ff;
}
.la-status-filter__item-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.la-status-filter__item-icon--green {
  background: #d1fae5;
  color: #047857;
}
.la-status-filter__item-icon--red {
  background: #fee2e2;
  color: #b91c1c;
}
.la-status-filter__item-icon--purple {
  background: #ede9fe;
  color: #6d28d9;
}
.la-status-filter__item-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.la-status-filter__item-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.la-status-filter__item-subtitle {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.la-status-filter__footer {
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
}
.la-status-filter__reset-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 6px 12px;
  cursor: pointer;
  width: 100%;
  justify-content: center;
  transition: background 0.15s;
}
.la-status-filter__reset-btn:hover {
  background: #f3f4f6;
  color: #262626;
}

.activity-detail-container--with-la-panel {
  flex-direction: row !important;
}
.activity-detail-container--with-la-panel .activity-detail-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.la-status-filter-toggle-btn {
  margin-left: 8px;
}

.activity-filter-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.activity-filter-dropdown .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-list li:hover, .activity-filter-dropdown .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-list li :disabled {
  cursor: not-allowed;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-list li:has(.only-one-selected) {
  cursor: not-allowed;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-list li:has(.only-one-selected) .checkbox-wrapper .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-input {
  cursor: not-allowed;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content span {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content .only-one-selected {
  cursor: not-allowed;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 3rem;
  border: 0.0625rem solid #e5e7eb;
  padding: 0.5rem 1rem !important;
}
.activity-filter-dropdown .transfer-container .transfer-body .transfer-footer .bs-checkbox-wrapper {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.activity-filter-dropdown.activity-filter .transfer-container {
  width: 268px !important;
}
.activity-filter-dropdown.activity-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}
.activity-filter-dropdown .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}

.activity-type {
  margin-bottom: 20px;
}

.notes-list-tab-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 24px 0 24px;
}
.notes-list-tab-container .notes-list-tab-body-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input {
  max-width: 280px;
  padding-left: 2px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper {
  padding: 6px 8px 6px 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper .input-icons-right .bs-input-suffix .sh-close-o {
  align-items: center;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper.bs-input-affix-wrapper::before {
  content: none;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper .input-icons-left {
  color: #9ca3af;
  margin: 0 !important;
  display: flex;
  align-self: end;
  height: 18px;
  width: 14px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper .input-icons-left .bs-input-prefix {
  margin: 0;
  line-height: 14px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper .bs-input-md {
  font-weight: 400;
  line-height: 20px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper .bs-input-md::placeholder {
  color: #9ca3af;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper i {
  display: flex;
  width: 16px;
  height: 16px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-search-input .bs-input-affix-wrapper .sh-search:before {
  width: 16px;
  height: 16px;
  margin-top: 1px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container {
  display: flex;
  align-self: flex-start;
  gap: 12px;
  padding: 20px 0px;
  border-bottom: 1px solid #e5e7eb;
  transition: background-color 1.5s ease-out;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container:last-child {
  border-bottom: none;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-tab-user-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 15px;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-user-detail-name-header {
  display: flex;
  align-items: center;
  gap: 4px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-user-detail-name-header .notes-tab-list-dot-icon {
  color: #9ca3af;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-user-detail-name-header .notes-list-tab-edited {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-user-detail-name-header .notes-list-tab-user-name {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-user-detail-name-header .notes-list-tab-user-details-time {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-user-detail-name-header .notes-tab-list-checkox-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  cursor: pointer;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-user-detail-name-header .notes-tab-list-checkox-container svg {
  color: #6b7280;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-user-detail-name-header .notes-tab-list-checkox-container svg:hover {
  color: #1d4ed8;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn span:hover {
  background: #f3f4f6;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn .notes-list-tab-icon-action {
  opacity: 0;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn .notes-list-tab-icon-action .notes-list-tab-icon-action-clickable-pinned {
  color: #1d4ed8;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn .notes-list-tab-icon-action.notes-list-tab-edit-active {
  background: #f3f4f6;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn .notes-list-tab-icon-action.notes-list-tab-pin-icon-always-visible {
  opacity: 1;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content div .email-preview-content {
  word-break: break-word;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content div .email-preview-content ol,
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content div .email-preview-content ul,
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content div .email-preview-content dl {
  padding-inline-start: 16px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content div .email-preview-content div {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content.notes-list-tab-content-truncated {
  display: flex;
  flex-direction: column;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content.notes-list-tab-content-truncated .email-preview-content {
  max-height: 120px;
  overflow: hidden;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content .email-preview-attachments .attachment {
  flex-grow: unset;
  flex-basis: auto;
  max-width: none;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content .email-preview-content .mention-tag-chip-container {
  display: inline;
  border-radius: 4px;
  background-color: #eff6ff !important;
  border: 1px solid #bfdbfe;
  margin-bottom: 2px;
  margin-inline: 1px;
  padding-inline: 6px;
  position: relative;
  text-decoration: none !important;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content .email-preview-content .mention-tag-chip-container .mention-tag-chip {
  color: #3b82f6 !important;
  font-size: inherit;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-user-note-content .email-preview-content .mention-tag-chip-container .mention-tag-chip .inline-mention-text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-see-more-btn {
  margin-top: 4px;
  padding: 0;
  border: none;
  background: transparent;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  line-height: 20px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container .notes-list-tab-user-details .notes-list-tab-details-text .notes-list-tab-see-more-btn:hover {
  color: #1e40af;
  text-decoration: underline;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container.notes-list-tab-editing-active .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn .notes-list-tab-icon-action {
  opacity: 1;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container.notes-list-tab-highlighted {
  background-color: #eff6ff;
  border-radius: 8px;
  padding: 20px 0px;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container:hover .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn .notes-list-tab-icon-action {
  opacity: 1;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-user-details-container:hover .notes-list-tab-user-details .notes-list-tab-details-header .notes-list-tab-header-action-btn .notes-list-tab-icon-action.notes-list-tab-edit-disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-end-divider,
.notes-list-tab-container .notes-list-tab-body-container .notes-list-tab-user-messages .notes-list-tab-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
}
.notes-list-tab-container .inline-mention-editor.error:focus-within {
  border: 1px solid #b91c1c;
}
.notes-list-tab-container .inline-mention-editor .alert-component .email-content-error {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.notes-list-tab-container .inline-mention-editor .alert-component .email-content-error div {
  gap: 4px;
}
.notes-list-tab-container .inline-mention-editor .alert-component .email-content-error div .icon-div {
  align-items: center;
}
.notes-list-tab-container .inline-mention-editor .editor-editable-content-container {
  max-height: 224px;
}
.notes-list-tab-container .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container {
  display: inline;
  border-radius: 4px;
  background-color: #eff6ff !important;
  border: 1px solid #bfdbfe;
  margin-bottom: 2px;
  margin-inline: 1px;
  padding-inline: 6px;
  position: relative;
  text-decoration: none !important;
}
.notes-list-tab-container .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container .mention-tag-chip {
  color: #3b82f6 !important;
  font-size: inherit;
}
.notes-list-tab-container .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container .mention-tag-chip .inline-mention-text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.notes-list-tab-container .inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mce-content-body {
  color: #1f2937;
  min-height: 103px;
}
.notes-list-tab-container .mce-content-body div,
.notes-list-tab-container .mce-content-body p,
.notes-list-tab-container .mce-content-body span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px;
}

.note-delete-confirmation-modal .modal-dialog .modal-content {
  width: 450px;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header {
  padding: 0px;
  min-height: auto;
  border-bottom: 0;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 24px 0px 24px !important;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-header-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-header-container span .trash-icon {
  color: #b91c1c;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-header-container .confirmation-modal-custom-text {
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-body-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e7eb;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer {
  border-top: 0px;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost {
  color: #6b7280;
  border: 1px solid #e5e7eb;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost:hover {
  background-color: #f8f9fa;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid {
  margin-left: 8px !important;
  width: 77px;
  min-width: auto !important;
  background: #b91c1c;
  border: none;
}
.note-delete-confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid:hover {
  background: #991b1b;
}

.notes-list-tab-skeleton {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 24px 0 24px;
}
.notes-list-tab-skeleton .notes-list-tab-editor-skeleton {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  height: 178px;
}
.notes-list-tab-skeleton .notes-list-tab-editor-skeleton .notes-list-tab-editor-header-skeleton {
  padding: 12px;
}
.notes-list-tab-skeleton .notes-list-tab-editor-skeleton .notes-list-tab-editor-footer-skeleton {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #e5e7eb;
  padding: 8px 12px;
}
.notes-list-tab-skeleton .notes-list-tab-editor-skeleton .notes-list-tab-editor-footer-skeleton .notes-list-tab-editor-footer-left-skeleton {
  display: flex;
  gap: 8px;
}
.notes-list-tab-skeleton .notes-search-skeleton {
  width: 200px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 6px 8px 6px 12px;
}
.notes-list-tab-skeleton .notes-list-tab-body-skeleton {
  display: flex;
  gap: 12px;
}
.notes-list-tab-skeleton .notes-list-tab-body-skeleton .notes-list-tab-body-content-skeleton {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Scroll root matches .tasks-list-tab (ref + overflow on same element). */
.bs-calls-list-tab {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  min-height: 400px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 24px 0 24px;
}
.bs-calls-list-tab__date-filter {
  padding: 0 16px 0 12px;
  max-width: 280px;
}
.bs-calls-list-tab__loading, .bs-calls-list-tab__error, .bs-calls-list-tab__empty {
  padding: 16px 8px;
}
.bs-calls-list-tab .bs-calls-list-tab__date-filter {
  padding-left: 0px;
}
.bs-calls-list-tab .bs-calls-list-tab__date-filter .date-filter-select-wrap {
  min-width: 200px;
  max-width: max-content;
}
.bs-calls-list-tab__list-scroll {
  min-height: 0;
}
.bs-calls-list-tab__list-load-more {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}
.bs-calls-list-tab__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail {
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
  padding: 16px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections {
  display: flex;
  flex-direction: column;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-header {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-header .bs-call-listing-ai-summary-header-text {
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text {
  position: relative;
  border: 1px solid #1d4ed8;
  border-radius: 4px;
  background-color: #ffffff;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text .bs-call-listing-ai-summary-text-scroll {
  color: #1f2937;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 224px;
  overflow-y: auto;
  padding: 12px 30px 12px 16px;
  box-sizing: border-box;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text .copy-button-icon {
  display: flex;
  align-items: center;
  position: absolute;
  right: 12px;
  bottom: 12px;
  border-radius: 4px;
  cursor: pointer;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-ai-summary-container .bs-call-listing-ai-summary-text .copy-button-icon:hover {
  color: #1d4ed8;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-header {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
  padding: 4px 0px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  padding: 0px;
  border-radius: 4px;
  position: relative;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .audio-player-bar {
  margin: 12px 16px 0 16px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .change-email-modal--divider {
  width: 100%;
  margin: 0;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-transcript-item-container {
  display: flex;
  gap: 8px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-transcript-item-container .bs-call-logs-transcript-item-name-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 8px;
  line-height: 12px;
  padding: 4px;
  border-radius: 50%;
  max-height: max-content;
  min-height: 22px;
  min-width: 22px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-transcript-item-container .bs-call-logs-transcript-item-name-initial.agent {
  background-color: #fffbeb;
  color: #d97706;
  border: 1px solid #fde68a;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-transcript-item-container .bs-call-logs-transcript-item-name-initial.customer {
  background-color: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-transcript-body-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 237px;
  overflow-y: auto;
  padding: 0 16px 12px 16px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-outbound-sections__transcript-item {
  display: flex;
  flex-direction: column;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-outbound-sections__transcript-item .bs-call-logs-transcript-item-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-outbound-sections__transcript-item .copy-button-icon {
  position: absolute;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-outbound-sections__transcript-item .bs-call-logs-transcript-item-content {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1f2937;
  text-align: start;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-missed-download-icon-container {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  bottom: 20px;
  right: 16px;
  background: #ffffff;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .copy-button-icon {
  display: flex;
  align-items: center;
  padding: 4px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .copy-button-icon:hover {
  color: #6b7280;
  background: #f3f4f6;
  border-radius: 4px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .outbound-transcription-header {
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-missed-download-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin: 0;
  border: none;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  color: inherit;
  font: inherit;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-missed-download-icon:hover {
  background: #f3f4f6;
  border-radius: 4px;
}
.bs-calls-list-tab__list .bs-call-logs-missed-call-detail .bs-call-logs-outbound-sections .bs-call-listing-outbound-detail-sections .bs-call-listing-recording-transcription-container .bs-call-listing-recording-transcription-text-container .bs-call-logs-missed-download-icon:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bs-calls-list-tab .audio-player-download-button .audio-player-download-spinner {
  border-width: 2px;
  border: 2px solid #6b7280;
  border-right-color: transparent;
}
.bs-calls-list-tab__item {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  margin-bottom: 16px;
  background-color: #ffffff;
  overflow: hidden;
}
.bs-calls-list-tab__row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  padding: 0;
}
.bs-calls-list-tab__chevron {
  display: flex;
  color: #6b7280;
  padding: 4px;
  border-radius: 4px;
}
.bs-calls-list-tab__row-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  gap: 4px;
  min-width: 0;
  flex: 1;
}
.bs-calls-list-tab__row-main__left {
  display: flex;
  align-items: center;
  gap: 4px;
}
.bs-calls-list-tab__row-main__left__link {
  padding: 3px;
  border: none;
  margin: 0;
  background: transparent;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: inherit;
}
.bs-calls-list-tab__row-main__left__link:hover {
  background-color: #f3f4f6;
}
.bs-calls-list-tab__row-main__time {
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding-right: 4px;
  cursor: pointer;
}
.bs-calls-list-tab__row-main__time:hover {
  color: #1d4ed8;
}
.bs-calls-list-tab__row-main__duration {
  display: flex;
  align-items: center;
  border-radius: 20px;
  background: #f3f4f6;
  padding: 0px 8px;
  color: #1f2937;
  font-weight: 500;
  font-size: 10px;
  line-height: 20px;
}
.bs-calls-list-tab__row-main__right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bs-calls-list-tab__row-main__right__time {
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.bs-calls-list-tab__row-main .bs-call-outcome-cell-readonly {
  display: flex;
  align-items: center;
  padding-left: 4px;
  gap: 2px;
  padding: 2px 6px;
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  border-radius: 20px;
  margin-left: 4px;
}
.bs-calls-list-tab__row-main .bs-call-outcome-cell-readonly svg {
  display: flex;
  align-items: center;
}
.bs-calls-list-tab__row-main .bs-call-outcome-cell-readonly__label {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
}
.bs-calls-list-tab__row-main .bs-call-outcome-cell-readonly.outcome-positive-sentiment {
  border: 1px solid #6ee7b7;
  background: #ecfdf5;
}
.bs-calls-list-tab__row-main .bs-call-outcome-cell-readonly.outcome-negative-sentiment {
  border: 1px solid #fecaca;
  background: #fef2f2;
}
.bs-calls-list-tab__title {
  line-height: 20px;
}
.bs-calls-list-tab__outcome {
  font-weight: 400;
}
.bs-calls-list-tab__meta {
  line-height: 18px;
}
.bs-calls-list-tab__detail {
  padding: 0 12px 12px 44px;
  border-top: 1px solid #e5e7eb;
  background-color: #f9fafb;
}
.bs-calls-list-tab__detail-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 10px;
}
.bs-calls-list-tab__detail-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (min-width: 480px) {
  .bs-calls-list-tab__detail-row {
    flex-direction: row;
    align-items: baseline;
    gap: 12px;
  }
  .bs-calls-list-tab__detail-row > span:first-child {
    flex: 0 0 88px;
  }
}

.email-list-tab-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.email-list-tab-container .email-list-tab-header-send-email-container {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 6px 8px 6px 12px;
  cursor: pointer;
}
.email-list-tab-container .email-list-tab-header-send-email-container:hover {
  border: 1px solid #1d4ed8;
}
.email-list-tab-container .email-list-tab-header-send-email-container .email-list--header-email {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.email-list-tab-container .custom-reply-forward-editor {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
  margin: 0 0 20px 0px;
}
.email-list-tab-container .custom-reply-forward-editor.custom-reply-forward-draft-editor {
  margin: 0;
  margin-bottom: 20px;
}
.email-list-tab-container .custom-reply-forward-editor--label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
  height: 26px;
  font-weight: 600;
  font-size: 10px;
  line-height: 18px;
  color: #6b7280;
  width: 100%;
}
.email-list-tab-container .custom-reply-forward-editor--label-draft {
  color: #b91c1c;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
}
.email-list-tab-container .custom-reply-forward-editor--container {
  background: #ffffff;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
  padding-bottom: 20px;
}
.email-list-tab-container .custom-reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper {
  padding: 0 16px;
}
.email-list-tab-container .custom-reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .email-modal-input-label {
  margin: 0;
  display: flex;
  align-items: center;
}
.email-list-tab-container .custom-reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  display: flex;
  align-items: center;
}
.email-list-tab-container .custom-reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .merge-tag-chip-container .tooltip-text {
  display: none;
}
.email-list-tab-container .custom-reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .spin-tag-chip-container .tooltip-text {
  display: none;
}
.email-list-tab-container .custom-reply-forward-editor--container .email-modal-input-subject-error-wrapper {
  width: 100%;
  background: #fef2f2;
  border: 1px solid #fee2e2;
  border-radius: 4px;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 8px 16px;
}
.email-list-tab-container .custom-reply-forward-editor--container .email-modal-input-subject-error-wrapper .email-modal-input-error {
  display: flex;
  align-items: center;
  gap: 4px;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input {
  padding: 12px 16px 6px 16px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-bottom: 1px solid #f3f4f6;
  position: relative;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .label {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5rem;
  color: #6b7280;
  align-self: flex-start;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-pills-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-input-with-chevron {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 160px;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown {
  padding: 8px 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  z-index: 10;
  max-height: 245px;
  overflow-y: auto;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-option {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 16px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-option .email-dropdown-option-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-option .email-dropdown-option-email {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-option .email-dropdown-option-email .email-dropdown-dot--active {
  color: #047857;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-option .email-dropdown-option-email .email-dropdown-dot--inactive {
  color: #b91c1c;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-option:hover {
  background: #eff6ff;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-option.email-dropdown-option--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  width: fit-content;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-option.email-dropdown-option--disabled:hover {
  background: transparent;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-end-divider,
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills-input-wrapper .email-dropdown .email-dropdown-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-pills {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-input:disabled {
  background-color: transparent;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-input:active, .email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .email-input:focus {
  outline: none;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .cc-bcc-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .cc-bcc-btn span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  cursor: pointer;
  transition: 0.2s ease;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .cc-bcc-btn span:hover, .email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .cc-bcc-btn span.active {
  color: #1d4ed8;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .cc-bcc-btn span.press-enter {
  width: 68px;
  color: #d1d5db;
  cursor: default;
  font-weight: 400;
  font-style: italic;
}
.email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .cc-bcc-btn span.press-enter:hover, .email-list-tab-container .custom-reply-forward-editor .reply-forward-editor--input .cc-bcc-btn span.press-enter.active {
  color: #d1d5db;
}
.email-list-tab-container .custom-reply-forward-editor--editor-wrapper {
  padding: 16px;
}
.email-list-tab-container .custom-reply-forward-editor--editor-wrapper .editor {
  height: 100%;
  min-height: 222px;
  overflow: visible;
}
.email-list-tab-container .custom-reply-forward-editor--editor-wrapper .editor .toolbar-container {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.email-list-tab-container .custom-reply-forward-editor--editor-wrapper .editor .editor-editable-content-container {
  max-height: 240px;
  overflow-y: auto;
}
.email-list-tab-container .custom-reply-forward-editor--editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.email-list-tab-container .custom-reply-forward-editor--editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  color: #1f2937;
}
.email-list-tab-container .custom-reply-forward-editor--editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: #9ca3af;
  font-size: 14px;
}
.email-list-tab-container .custom-reply-forward-editor--editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .custom-reply-forward-editor-attachment {
  flex-wrap: wrap;
}
.email-list-tab-container .custom-reply-forward-editor--footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
  padding: 0 16px 0px 24px;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input {
  width: 100%;
  border-bottom: 1px solid #e5e7eb;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper {
  display: flex;
  gap: 8px;
  padding: 12px 16px 6px 16px;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .email-modal-input-label {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box {
  display: inline;
  align-items: center;
  border: none;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box:focus-within {
  box-shadow: none;
  border: none;
  outline: none;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding: 1px;
  overflow-x: auto;
  scrollbar-width: none;
  min-height: 100%;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  max-height: 20px;
  max-width: 450px;
  font-size: 14px;
  color: #1f2937;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: #9ca3af;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div .spin-tag-chip-container .chip-cancel-icon {
  bottom: 12px;
  top: unset;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}
.email-list-tab-container .custom-reply-forward-editor .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons div img {
  width: 18px;
  height: 18px;
}
.email-list-tab-container .email-divider {
  height: 1px;
  background: #e5e7eb;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid #d1d5db;
  transition: background-color 1.5s ease-out;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner:last-child {
  border-bottom: none;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner.email-list-tab-highlighted {
  background-color: #eff6ff;
  border-radius: 8px;
  padding: 20px 0;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-icon {
  color: #10b981;
  display: flex;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date.email-list-single-email-date span:nth-of-type(1) {
  padding: 0px;
  cursor: auto;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date.email-list-single-email-date span:nth-of-type(1):hover {
  background: transparent;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date span {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date span:hover {
  background: #f3f4f6;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date span.email-list-icon-action.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date span.email-list-icon-action.disabled:hover {
  background: transparent;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date .shd-button--primary {
  background: none;
  color: #6b7280;
  padding: 4px;
  height: 24px;
  cursor: pointer;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date .shd-button--primary:not(:disabled):hover {
  background: #f3f4f6;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-detail .email-list-single-email-date .shd-button--primary.shd-button--disabled {
  cursor: not-allowed;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-subject-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-subject-icon .email-list-single-email-subject {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-subject-icon .email-list-single-email-subject div {
  display: flex;
  align-items: center;
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  max-width: 300px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-subject-icon .email-list-single-email-subject .email-list-single-email-sequence-name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #f3f4f6;
  line-height: 16px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-subject-icon .email-list-single-email-subject .email-list-single-email-sequence-name span {
  max-width: 150px !important;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-subject-icon .email-list-single-email-subject .email-list-single-email-sequence-name .email-list-send-email-icon {
  color: #6b7280;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-header .email-list-single-email-header-subject-icon .email-list-single-email-subject .email-list-single-email-sequence-name .email-list-single-email-external-email {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 28px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body.email-list-single-email-body-draft {
  opacity: 0.5;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-inline-editor-wrapper {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-preview-attachments {
  margin: 0;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-preview-attachments .attachment {
  flex-grow: unset;
  flex-basis: auto;
  max-width: none;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar .email-list-user-name-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar .email-list-user-name-container span {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar .email-list-user-name-container .email-list-user-name {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar .email-list-user-name-container .email-list-user-name.email-list-user-name span:nth-of-type(1) {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar .email-list-user-name-container .email-list-user-name.email-list-user-name span:nth-of-type(2) {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar .email-list-user-name-container .email-list-to-field {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar .email-list-user-name-container .email-list-to-field .show-info-popover {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #f3f4f6;
  border-radius: 4px;
  padding: 2px 8px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-list-header-user-avatar .email-list-user-name-container .email-list-to-field .show-info-popover span {
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-single-email-body .email-preview-content {
  font-size: 12px;
}
.email-list-tab-container .email-list-tab-body-main-container .email-list-single-email-conatiner .email-list-reply-forward-editor-wrapper {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.email-list-tab-container .reply-forward-editor {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
  margin: 20px 0 20px 0px;
}
.email-list-tab-container .reply-forward-editor--label {
  padding: 4px 12px;
  height: 26px;
  font-weight: 600;
  font-size: 10px;
  line-height: 18px;
  color: #6b7280;
}
.email-list-tab-container .reply-forward-editor--label-draft {
  padding: 4px 12px;
  height: 26px;
  font-weight: 600;
  font-size: 10px;
  line-height: 18px;
  color: #ef4444;
}
.email-list-tab-container .reply-forward-editor--container {
  background: #ffffff;
  border: 1px solid #f3f4f6;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
  padding-bottom: 20px;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input {
  width: 100%;
  border-bottom: 1px solid #e5e7eb;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper {
  display: flex;
  gap: 8px;
  padding: 12px 16px 6px 16px;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .email-modal-input-label {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  margin: 0px;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box {
  display: inline;
  align-items: center;
  border: none;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box:focus-within {
  box-shadow: none;
  border: none;
  outline: none;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding: 1px;
  overflow-x: auto;
  scrollbar-width: none;
  min-height: 100%;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  max-height: 20px;
  max-width: 450px;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div .spin-tag-chip-container .chip-cancel-icon {
  bottom: 12px;
  top: unset;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons div img {
  width: 18px;
  height: 18px;
}
.email-list-tab-container .reply-forward-editor--container .single-line-editor-input .email-modal-input-wrapper {
  padding: 12px 24px 6px 24px;
}
.email-list-tab-container .reply-forward-editor--input {
  padding: 12px 24px 6px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #f3f4f6;
}
.email-list-tab-container .reply-forward-editor--input .label {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5rem;
  color: #6b7280;
  align-self: flex-start;
}
.email-list-tab-container .reply-forward-editor--input .email-pills {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}
.email-list-tab-container .reply-forward-editor--input .email-input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
}
.email-list-tab-container .reply-forward-editor--input .email-input:disabled {
  background-color: transparent;
}
.email-list-tab-container .reply-forward-editor--input .email-input:active, .email-list-tab-container .reply-forward-editor--input .email-input:focus {
  outline: none;
}
.email-list-tab-container .reply-forward-editor--input .cc-bcc-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.email-list-tab-container .reply-forward-editor--input .cc-bcc-btn span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  cursor: pointer;
  transition: 0.2s ease;
}
.email-list-tab-container .reply-forward-editor--input .cc-bcc-btn span:hover, .email-list-tab-container .reply-forward-editor--input .cc-bcc-btn span.active {
  color: #1d4ed8;
}
.email-list-tab-container .reply-forward-editor--input .cc-bcc-btn span.press-enter {
  width: 68px;
  color: #d1d5db;
  cursor: default;
  font-weight: 400;
  font-style: italic;
}
.email-list-tab-container .reply-forward-editor--input .cc-bcc-btn span.press-enter:hover, .email-list-tab-container .reply-forward-editor--input .cc-bcc-btn span.press-enter.active {
  color: #d1d5db;
}
.email-list-tab-container .reply-forward-editor--editor-wrapper {
  padding: 1rem 24px 20px 24px;
}
.email-list-tab-container .reply-forward-editor--editor-wrapper .editor {
  height: 100%;
  min-height: 222px;
  overflow: visible;
}
.email-list-tab-container .reply-forward-editor--editor-wrapper .editor .toolbar-container {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.email-list-tab-container .reply-forward-editor--editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.email-list-tab-container .reply-forward-editor--footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
  padding: 0 24px;
}

.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content {
  padding: 24px 24px 20px 24px;
  width: 450px;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 0 24px 0;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-body .confirmation-modal-header-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-body .confirmation-modal-header-container .email-list-trash-icon {
  color: #b91c1c;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-body .confirmation-modal-header-container .confirmation-modal-custom-text {
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-body .confirmation-modal-body-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-body .confirmation-modal-body-container span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-footer {
  padding: 20px 0px 0px 0px;
  min-height: auto;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost {
  width: 77px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .email-list-trash-modal-submit-btn {
  width: 77px;
  height: 32px;
  background: #b91c1c;
  border: none;
}
.email-list-trash-icon-confirmation-modal .modal-dialog .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .email-list-trash-modal-submit-btn:hover {
  background: #991b1b;
}
.email-list-trash-icon-confirmation-modal .modal-body .bs-checkbox-inner {
  border-radius: 0.25rem;
}

.email-disabled-tooltip {
  display: none;
}

.discard-email-changes-modal .modal-content {
  width: 450px;
}
.discard-email-changes-modal-container {
  display: flex;
  flex-direction: column;
}
.discard-email-changes-modal-container .discard-email-changes-modal-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 24px;
}
.discard-email-changes-modal-container .discard-email-changes-modal-header .trash-icon {
  color: #b91c1c;
}
.discard-email-changes-modal-container .discard-email-changes-modal-header span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.discard-email-changes-modal-container .discard-email-changes-modal-body {
  padding: 0 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.discard-email-changes-modal-container .discard-email-changes-modal-body .discard-email-changes-modal-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.discard-email-changes-modal-container .discard-email-changes-modal-body .discard-email-changes-modal-text-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1f2937;
}
.discard-email-changes-modal-container .divider-line {
  height: 1px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.discard-email-changes-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.discard-email-changes-modal-footer .cancel-button {
  width: 77px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #6b7280;
  padding: 6px 16px;
}
.discard-email-changes-modal-footer .cancel-button:hover {
  background: #f8f9fa;
  border-radius: 4px;
}
.discard-email-changes-modal-footer .discard-btn .btn-solid {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 77px;
  height: 32px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.discard-email-changes-modal-footer .discard-btn .btn-solid:hover {
  background-color: #1e40af;
}

.email-list-tab-skeleton-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  overflow-y: auto;
}
.email-list-tab-skeleton-container .email-list-tab-header-send-email-container {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px 12px;
}
.email-list-tab-skeleton-container .email-list-tab-body-main-container .email-list-tab-body-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 16px 0px;
}
.email-list-tab-skeleton-container .email-list-tab-body-main-container .email-list-tab-body-container .email-list-tab-body-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.email-list-tab-skeleton-container .email-list-tab-body-main-container .email-list-tab-body-container .email-list-tab-body-header-container .email-list-tab-body-header-left-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-list-tab-skeleton-container .email-list-tab-body-main-container .email-list-tab-body-container .email-list-tab-body-header-container .email-list-tab-body-header-right-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.activity-modal.prospect-kanban-email-thread-activity-modal.modal.show .modal-dialog {
  max-width: 927px;
  width: 927px;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .modal-header .close {
  padding: 5px;
  margin-top: 16px;
  margin-right: 11px;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .modal-header .sh-close:before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .bs-tabs .bs-tabs-nav {
  margin-bottom: 0;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .bs-tabs-tab {
  margin-right: 1.5rem;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .bs-tabs-tab-btn .label-wrapper {
  margin-right: 0.5rem;
  margin-left: 0;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .tab-wrapper .icon-wrapper {
  display: flex;
  align-items: center;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .tab-wrapper .icon-wrapper img {
  width: 16px !important;
  height: 16px !important;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .log-activity {
  margin-top: 1rem;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .log-activity::after {
  z-index: 0;
  content: "";
  width: 2px;
  height: calc(100% - 2.5rem);
  background: #e5e7eb;
  margin-left: 0.6rem;
  position: absolute;
  top: 1.5rem;
  left: 1rem;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .activity-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #1f2937;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .icon-log-container {
  gap: 1rem !important;
  margin-bottom: 1rem;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .icon-log-container .activity-html-content a {
  color: #1d4ed8;
  padding-top: 5px;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .icon-log-container:first-of-type {
  margin-top: 1rem;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .icon-container {
  width: 32px;
  height: 32px;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .icon-container-wrapper .icon-container img {
  width: 20px;
  height: 20px;
}
.activity-modal.prospect-kanban-email-thread-activity-modal .mailbox-empty-block {
  margin-top: 0 !important;
  height: 100%;
}

.email-list-prospect-detail-popover {
  max-width: 100%;
  transform: translate(723px, 188px);
  max-width: 378px;
}
.email-list-prospect-detail-popover.bs-popover-inner {
  padding: 0;
  box-shadow: 0px 0px 4px 0px #e5e7eb;
}
.email-list-prospect-detail-popover .arrow {
  display: none;
}
.email-list-prospect-detail-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.email-list-prospect-detail-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-detail-modal {
  padding: 8px 16px;
}
.email-list-prospect-detail-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-detail-modal .prospect-detail-single-field-container {
  display: flex;
}
.email-list-prospect-detail-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-detail-modal .prospect-detail-single-field-container .prospect-detail-single-field-header {
  display: flex;
  width: 46px;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  color: #6b7280;
}
.email-list-prospect-detail-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-detail-modal .prospect-detail-single-field-container .prospect-detail-single-field-value {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 24px;
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
}
.email-list-prospect-detail-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-detail-modal .prospect-detail-single-field-container .prospect-detail-single-field-value .prospect-detail-prospect-name {
  font-size: 12px;
  font-weight: 600;
}

.prospect-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  flex-grow: 1;
  flex-direction: column;
}
.prospect-container.prospect-container--kanban {
  display: flex;
}
.prospect-container .pagination-container {
  z-index: 0;
}
.prospect-container .dropdown-menu-custom .dropdown-item-custom i {
  font-size: 1.125rem;
  color: #0137fc;
}
.prospect-container .table-list {
  overflow: scroll;
  flex-grow: 1;
}
.prospect-container .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background: #f3f4f6;
}
.prospect-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th {
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}
.prospect-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:first-of-type {
  border-left: 1px solid #e5e7eb;
}
.prospect-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:last-of-type {
  border-right: 1px solid #e5e7eb;
}
.prospect-container .table-list .react-bootstrap-table .table-organism .table-organism-body td {
  padding: 0.5625rem 0.75rem !important;
}
.prospect-container .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #e5e7eb;
  vertical-align: top !important;
  padding-left: 1.875rem !important;
}
.prospect-container .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type .bs-checkbox-wrapper {
  margin-top: 0.125rem;
}
.prospect-container .table-list .react-bootstrap-table .table-organism .table-organism-body td:last-of-type {
  border-right: 0.0625rem solid #e5e7eb;
}
.prospect-container .table-list .bs-table-content {
  background-color: #f9fafb;
  padding: 0px 1.5rem;
}
.prospect-container .table-list .prospect-body-wrapper > tr {
  background-color: #ffffff;
}
.prospect-container .table-list .prospect-body-wrapper > tr:hover {
  background: #f9fafb;
}
.prospect-container .table-list .selection-cell {
  padding-right: 0px;
  width: 3.125rem !important;
}
.prospect-container .table-list .name-field {
  width: 20rem;
}
.prospect-container .table-list .name-field .contact-field-name-container .email-field {
  color: #4b5563 !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
}
.prospect-container .table-list .bs-mr-6 {
  margin-right: 0.375rem;
}
.prospect-container .table-list .sequence-detail {
  max-width: 20%;
}
.prospect-container .table-list .sequence-detail .sequence-name-wrap {
  max-width: 13.0625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prospect-container .table-list .sequence-detail .sequence-name-wrap .sequence-name {
  color: #1d4ed8;
  cursor: pointer;
}
.prospect-container .table-list .latest-status {
  min-width: 9rem;
}
.prospect-container .table-list .last-activity {
  min-width: 8.3125rem !important;
}
.prospect-container .table-list .tag-detail {
  width: 18%;
}
.prospect-container .table-list .created-col .created-day {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #595959;
}
.prospect-container .table-list .created-col .created-by {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #0137fc;
}
.prospect-container .table-list .owner-wrap {
  width: 1.75rem;
}
.prospect-container .empty-prospect {
  width: 100%;
  height: 100%;
}
.prospect-container .empty-prospect span {
  width: 9.5rem;
}
.prospect-container .empty-prospect span .add-prospect-inner {
  display: flex;
}
.prospect-container .empty-prospect span .add-prospect-inner .add-prospect-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #1d4ed8;
  margin-right: 0;
}
.prospect-container .empty-prospect span .add-prospect-inner .dropdown-custom {
  margin-left: 1px;
}
.prospect-container .empty-prospect span .add-prospect-inner .dropdown-custom .dropdown-toggle-custom {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #1d4ed8;
}
.prospect-container .empty-prospect span .add-prospect-inner .dropdown-custom .dropdown-toggle-custom span {
  display: none;
}
.prospect-container .empty-prospect .empty-list__buttons button {
  margin-right: 0;
}
.prospect-container .empty-prospect .empty-list__buttons span {
  width: 100%;
}
.prospect-container .empty-prospect .empty-list__buttons span .shd-button--tertiary {
  border: 0.0625rem solid #e5e7eb;
  background: white;
}
.prospect-container .empty-prospect .empty-list__buttons span .shd-button--tertiary:hover {
  border: 0.0625rem solid #1d4ed8;
  color: #1d4ed8;
}
.prospect-container .prospect-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.prospect-container .prospect-component .prospect-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.375rem 1.5rem;
}
.prospect-container .prospect-component .prospect-actions .bulk-action-button .bulk-action-button-icon {
  color: #0137fc;
}
.prospect-container .prospect-component .prospect-actions .bulk-action-button .bulk-action-button-text {
  color: #0137fc;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter {
  display: flex;
  align-items: center;
  width: 87%;
  gap: 0.8rem;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .search-bar form .bs-input-affix-wrapper {
  background: #ffffff;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .search-bar form .bs-input {
  background: #ffffff;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .search-bar form .bs-input::placeholder {
  color: #d1d5db;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .filter-border {
  width: 0.125rem;
  height: 2rem;
  background: #d1d5db;
  border-radius: 0.125rem;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .prospect-filter-icon-container {
  width: 2rem;
  height: 2rem;
  padding: 0.3125rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .prospect-filter-icon-container i {
  font-size: 1.25rem;
  color: #6b7280;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .prospect-filter-icon-container:hover {
  background-color: #dbeafe !important;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .prospect-filter-icon-container:hover i {
  color: #1d4ed8;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .bulk-action-image-icon {
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0.375rem;
  width: 2.125rem;
  height: 2rem;
  cursor: pointer;
}
.prospect-container .prospect-component .prospect-actions .prospect-search-bar-and-filter .bulk-action-image-icon:hover {
  background: #dbeafe;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0.225rem;
  padding: 0.375rem;
}
.prospect-container .prospect-component .prospect-actions .prospect-filter-icon-container {
  display: flex;
  padding: 0.313rem;
  transition: 0.3s;
  cursor: pointer;
}
.prospect-container .prospect-component .prospect-actions .prospect-filter-icon-container:hover {
  background-color: #dbeafe;
}
.prospect-container .prospect-component .prospect-actions .prospect-filter-icon-container .icon {
  font-size: 1.25rem;
}
.prospect-container .prospect-component .prospect-actions .prospect-filter-icon-container .icon:hover {
  color: #1d4ed8;
}
.prospect-container .prospect-component .prospect-actions .prospect-export {
  padding-top: 6.5px;
}
.prospect-container .prospect-component .prospect-actions .prospect-export .sh-chevron-down::before {
  content: "";
  position: absolute;
  background: #fff;
  right: 0;
  width: 0.063rem;
  height: 100%;
}
.prospect-container .prospect-component .react-horizontal-scrolling-menu--wrapper {
  padding-left: 1.6875rem;
}
.prospect-container .prospect-component .prospect-banner {
  margin: 0 1.4625rem 0 1.5rem;
}
.prospect-container .prospect-component .prospect-banner .prospect-selected-row-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 24px;
  border: 1px solid #fef3c7;
  border-radius: 4px;
  padding: 8px 12px;
}
.prospect-container .prospect-component .prospect-banner .prospect-selected-row-info .divider-vertical {
  height: 1.25rem;
  width: 0.063rem;
  background: #9ca3af;
  margin: 0px 0.75rem;
}
.prospect-container .prospect-component .prospect-banner .prospect-selected-row-info-waring {
  background: #fffbeb;
}
.prospect-container .prospect-component .prospect-banner .prospect-selected-row-info-danger {
  background: #fef2f2;
}
.prospect-container .prospect-table-container .prospect-table-empty-ui-no-result {
  height: 87%;
}

.add-to-sequence-container .add-to-sequence-header {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.add-to-sequence-container .modal-text {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.add-to-sequence-container .unsubscribeTextWarning {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 0.688rem;
  line-height: 1.25rem;
  color: #595959;
}
.add-to-sequence-container .unsubscribeTextWarning span:first-of-type {
  margin-top: 0.125rem;
}

.sequence-select-dropdown li:has(.current-sequence) {
  background-color: #eff6ff;
}
.sequence-select-dropdown li .current-sequence {
  color: #1d4ed8;
}

.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header {
  border: none;
  max-height: unset;
}
.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header svg {
  color: #1d4ed8;
  width: 1.5rem;
  height: 1.5rem;
}
.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header h2 {
  margin-left: 0.625rem;
  line-height: normal;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 600;
}
.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  padding-top: 0.313rem;
}
.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .modal-text {
  color: #6b7280;
  font-weight: 600;
  font-size: 0.75rem;
}
.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer {
  max-height: unset;
  padding: 1.25rem 1.5rem;
}
.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost-primary {
  min-width: 6.25rem;
  border-color: #e5e7eb;
  color: #6b7280;
  text-transform: capitalize;
  font-weight: 500;
}
.add-sequence-prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary {
  min-width: 6.25rem;
  margin-left: 1rem !important;
  background-color: #1d4ed8;
  font-weight: 500;
}

.email-verification-modal .modal-dialog {
  max-width: 31.25rem;
}
.email-verification-modal .modal-header .close {
  position: absolute;
  top: -0.5rem;
  right: 0.5rem;
}
.email-verification-modal .modal-body {
  padding: 0 1.5rem;
  min-height: 10rem;
  display: flex;
  flex-direction: column;
}
.email-verification-modal .email-verification {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.email-verification-modal .email-verification .valid-contact {
  flex: 0 0;
}
.email-verification-modal .email-verification .risky-contact {
  flex: 0 0;
}
.email-verification-modal .email-verification .verification-error {
  align-self: center;
  min-width: 18rem;
}

.email-verification-purchase-action-required-modal .modal-dialog {
  max-width: 30rem;
}
.email-verification-purchase-action-required-modal .modal-body.bs-modal-body {
  padding: 0;
}

.tag-modal .modal-dialog {
  max-width: 28.12rem;
}
.tag-modal .modal-body {
  padding: 0 1.5rem;
  height: 16.5rem;
  display: flex;
  flex-direction: column;
}

.unsubscribe-prospect-modal .modal-dialog {
  max-width: 28.12rem;
}
.unsubscribe-prospect-modal .modal-body {
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
}

.action-states-modal {
  margin-top: 0;
}
.action-states-modal .modal-dialog-centered {
  align-items: center;
}
.action-states-modal .modal-dialog {
  max-width: 22.9375rem;
}
.action-states-modal .modal-header {
  min-height: 0px;
}
.action-states-modal .modal-body .bg-blue-container {
  background: #eff6ff;
  border-radius: 0.25rem;
  padding: 1rem;
  margin-top: -0.9375rem;
}
.action-states-modal .modal-body .animation-container {
  height: 8.75rem;
}
.action-states-modal .success-checkmark {
  width: 5rem;
  height: 7.188rem;
  margin: 0 auto;
}
.action-states-modal .success-checkmark .check-icon {
  width: 5rem;
  height: 5rem;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4caf50;
}
.action-states-modal .success-checkmark .check-icon::before {
  top: 0.188rem;
  left: -2px;
  width: 1.875rem;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.action-states-modal .success-checkmark .check-icon::after {
  top: 0;
  left: 1.875rem;
  width: 3.75rem;
  transform-origin: 0 50%;
  border-radius: 0 6.25rem 6.25rem 0;
  animation: rotate-circle 4.25s ease-in;
}
.action-states-modal .success-checkmark .check-icon::before, .action-states-modal .success-checkmark .check-icon::after {
  content: "";
  height: 6.25rem;
  position: absolute;
  background: #ffffff;
  transform: rotate(-45deg);
}
.action-states-modal .success-checkmark .check-icon .icon-line {
  height: 0.313rem;
  background-color: #4caf50;
  display: block;
  border-radius: 0.125rem;
  position: absolute;
  z-index: 10;
}
.action-states-modal .success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.action-states-modal .success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.action-states-modal .success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}
.action-states-modal .success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #ffffff;
}
@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.prospect-details-modal {
  animation-name: moveInRight;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  overflow-y: hidden !important;
}
.prospect-details-modal.prospect-modal--call-logs .modal-dialog {
  transition: max-width 0.35s ease-in-out;
}
.prospect-details-modal.prospect-modal--call-logs .modal-content {
  transition: min-width 0.35s ease-in-out, max-width 0.35s ease-in-out;
}
.prospect-details-modal.prospect-modal--call-logs-collapsed .modal-dialog {
  width: 435px;
}
.prospect-details-modal .modal-content {
  min-width: 1224px;
  max-height: 100%;
  height: 100vh;
  border-radius: 0px !important;
  background: #f9fafb;
}
.prospect-details-modal .modal-content .modal-content-container > .bs-modal-body {
  max-height: 100% !important;
}
.prospect-details-modal .modal-content .modal-content-container {
  height: 100%;
}
.prospect-details-modal .modal-header {
  position: relative;
  align-self: flex-end;
  border-bottom-color: transparent;
  padding: 0;
  margin: 0;
  max-height: 2.5rem;
  min-height: 2rem;
}
.prospect-details-modal .modal-header .btn-solid.close {
  width: 2.5rem !important;
  height: 2.75rem !important;
  position: absolute;
  left: -2.5rem;
  background-color: #1f2937 !important;
  border-bottom-right-radius: 0px;
  color: #ffffff !important;
  padding: 0px !important;
  opacity: 0.8000000119 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prospect-details-modal .modal-header .modal-nav-arrows {
  position: absolute;
  left: -2.5rem;
  top: 46px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.prospect-details-modal .modal-header .modal-nav-arrows .modal-nav-arrow-container {
  border-radius: 4px;
  border-bottom-right-radius: 0px;
  cursor: pointer;
  width: 2.5rem !important;
  height: 2.75rem !important;
  background-color: #1f2937 !important;
  border-bottom-right-radius: 0px;
  color: #ffffff !important;
  padding: 0px !important;
  opacity: 0.8000000119;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prospect-details-modal .modal-header .modal-nav-arrows .modal-nav-arrow-container.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.prospect-details-modal .modal-header .modal-nav-arrows .modal-nav-arrow-container .expand-collapse-arrow-collapsed {
  transform: rotate(180deg);
}
.prospect-details-modal .modal-dialog {
  max-width: 1224px;
  max-height: 1024px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
}
.prospect-details-modal .modal-dialog .modal-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 4rem) !important;
  height: 100%;
  overflow-y: hidden;
}
.prospect-details-modal .prospect-detail-modal-container {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  height: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container {
  display: flex;
  flex-direction: column;
  width: 30%;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 24px 16px 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header {
  display: flex;
  gap: 12px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-picture {
  border-radius: 50%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .shd-avatar span {
  font-size: 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .cs-avatar {
  min-width: 64px;
  height: 64px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-image {
  border-radius: 50%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: calc(100% - 70px);
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .prospect-profile-header-name {
  width: 87%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name span {
  font-weight: 600;
  font-size: 24px;
  color: #1f2937;
  line-height: 29px;
  white-space: nowrap;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .no-name-text {
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .dropdown-custom .dropdown-toggle-custom {
  padding: 0;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .dropdown-custom .dropdown-menu-custom .dropdown-item-custom span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation span {
  display: flex;
  align-items: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 20px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name .job-title-prospect {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name .job-title-at {
  flex-shrink: 0;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name .prospect-company-name-wrapper-link {
  max-width: 95%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name .prospect-company-name-wrapper {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-job-title {
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-company-name {
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .company-name-website {
  text-decoration: underline;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .company-name-website:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media {
  display: flex;
  align-items: center;
  gap: 4px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .facebook-icon, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .linkedin-icon, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .twitter-icon {
  cursor: pointer;
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .facebook-icon:hover {
  color: #3b82f6;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .linkedin-icon:hover {
  color: #1275b1;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .twitter-icon {
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .twitter-icon:hover {
  color: #000000;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-user-tags {
  display: flex;
  align-items: center;
  gap: 8px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-user-tags .prospect-tag-content {
  background: #eff6ff;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
  padding: 4px 8px;
  margin: 0;
  max-width: 150px !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs {
  display: flex;
  gap: 16px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .prospect-profile-section-header-tab-item {
  background: #f3f4f6;
  border-radius: 50%;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .prospect-profile-section-header-tab-item:hover {
  background: #eff6ff;
  color: #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .prospect-profile-section-header-tab-item.active {
  background: #eff6ff;
  color: #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .prospect-profile-section-header-tab-item.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .tag-button-container {
  cursor: pointer;
  border: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .tag-button-container .tag-icon {
  background: #f3f4f6;
  border-radius: 50%;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .tag-button-container .tag-icon:hover {
  background: #eff6ff;
  color: #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .tag-button-container .tag-icon:active, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .tag-button-container .tag-icon:focus-within {
  background: #eff6ff;
  color: #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .tag-button-container .add-btn-container .dropdown-container {
  border: none !important;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.1607843137);
  height: unset !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .tag-button-container .menu-item {
  padding: 8px 16px !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-header-container .prospect-profile-section-header-tabs .tag-button-container .tag-list-font {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  border-top: 1px solid #e5e7eb;
  overflow-y: auto;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-count-container {
  display: flex;
  align-items: center;
  padding: 12px 8px;
  background: #f9fafb;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-count-container .prospect-profile-section-count {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #1f2937;
  width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-count-container .prospect-profile-section-count .prospect-profile-section-count-action {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-count-container .prospect-profile-section-divider {
  width: 1px;
  height: 48px;
  border: 1px solid #e5e7eb;
  margin: 0px 8px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 17px 16px 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-fields-label {
  padding-left: 4px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-fields-label span {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 14px;
  padding: 4px;
  color: #1f2937;
  border-radius: 4px;
  width: 86%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .editable-field-click-to-add:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail span {
  display: flex;
  align-items: center;
  line-height: 20px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail span a {
  color: #1d4ed8;
  word-break: break-word;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail input {
  width: 95%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .circle-check-green-icon {
  color: #047857;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail span.prospect-profile-edit-input {
  line-height: 20px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-select-box .bs-select-box-text {
  display: flex;
  align-items: center;
  line-height: 20px;
  color: #1f2937;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-select-box .bs-select-box-text .dropdown-value {
  max-width: 94% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-icon {
  position: absolute;
  left: 93%;
  color: #6b7280;
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-icon:hover {
  background: #f8f9fa;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-icon-dropdown {
  position: absolute;
  left: 85%;
  color: #6b7280;
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-icon-dropdown:hover {
  background: #f8f9fa;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-date-icon {
  position: absolute;
  left: 81%;
  color: #6b7280;
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-date-icon:hover {
  background: #f8f9fa;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-icon-currency {
  position: absolute;
  left: 85%;
  color: #6b7280;
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-icon-currency:hover {
  background: #f8f9fa;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-icon-date {
  position: absolute;
  left: 80%;
  color: #6b7280;
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-profile-field-check-icon-date:hover {
  background: #f8f9fa;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .check-icon-deal-value {
  left: 85%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .prospect-overview-value, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .long-text-value {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .remaining-count {
  color: #1f2937;
  margin-left: 4px;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: 10px;
  line-height: 20px;
  font-weight: 500;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .remaining-count:hover {
  border-color: #bfdbfe;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .remaining-count:focus-within {
  border-color: #bfdbfe;
  color: #1d4ed8;
  background: #eff6ff;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .react-datepicker-wrapper {
  width: 100% !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-input {
  padding: 0 !important;
  line-height: 20px;
  color: #1f2937;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-input.date-picker-container {
  display: flex;
  align-items: center;
  gap: 4px !important;
  padding: 4px 8px 4px 4px !important;
  height: unset !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-input.date-picker-container .bs-input {
  line-height: 20px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  background: none !important;
  padding: 0;
  text-indent: 0 !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-input.date-picker-container .bs-input:focus-within {
  border: none;
  box-shadow: none;
  outline: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-input-number-container {
  width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-input-number-container .bs-input-number-inner .currency-prefix {
  position: absolute;
  left: 12px;
  top: 49%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #6b7280;
  z-index: 10;
  pointer-events: none;
  font-weight: 500;
  line-height: 1;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail .bs-input-number-container .bs-input-number-inner .bs-input-number .bs-input-number-input-wrap .bs-input-number-input {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px !important;
  height: auto;
  padding: 4px;
  width: 88%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail div .bs-input-number-container .bs-input-number-inner .prospect-profile-edit-input .bs-input-number-handler-wrap {
  opacity: 1;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail:has(.editable-field) {
  width: 66%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail:has(.bs-input), .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail:has(.bs-input-number-container), .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-field-detail:has(.bs-select-box) {
  width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-overview-empty {
  height: 28px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container:hover {
  transition: 0.6s;
  background: #f3f4f6;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container:hover .remaining-count {
  background: #fff;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-add, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-copy {
  display: none;
  padding: 2px;
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-add:hover, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-copy:hover {
  background: #ffffff;
  border-radius: 4px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-pin-action {
  padding: 2px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-pin-action .pinned {
  color: #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-pin-action:hover {
  background: #ffffff;
  border-radius: 4px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-edit-action {
  display: none;
  padding: 2px;
  cursor: pointer;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container .prospect-profile-section-action-btn .prospect-profile-edit-action:hover {
  background: #ffffff;
  border-radius: 4px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.pinned .prospect-profile-section-action-btn {
  display: flex;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.pinned .prospect-profile-section-action-btn .prospect-profile-pin-action {
  display: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.pinned .prospect-profile-section-action-btn .prospect-profile-edit-action {
  display: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.editing .prospect-profile-section-action-btn {
  display: none !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.editing:hover .prospect-profile-section-action-btn {
  display: none !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.editing.pinned .prospect-profile-section-action-btn {
  display: none !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.editing.pinned:hover .prospect-profile-section-action-btn {
  display: none !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.editing:hover {
  background: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container:hover .prospect-profile-section-action-btn .prospect-profile-add, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container:hover .prospect-profile-section-action-btn .prospect-profile-copy, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container:hover .prospect-profile-section-action-btn .prospect-profile-pin-action, .prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container:hover .prospect-profile-section-action-btn .prospect-profile-edit-action {
  display: flex;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-details-container.editing .prospect-profile-section-field-detail {
  padding: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-input-container {
  padding: 4px 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-input {
  padding: 6px;
  line-height: 20px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-input .input-icons-left {
  display: flex;
  align-self: end;
  margin: 0 !important;
  margin-right: 0.25rem !important;
  height: 18px;
  width: 14px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-input input {
  font-weight: 400;
  line-height: 20px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-input input:placeholder-shown {
  color: #9ca3af;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-input .sh-search:before {
  color: #9ca3af !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-container .prospect-profile-section-body-container .prospect-profile-section-email-field-interaction .prospect-profile-section-fields .prospect-profile-section-field-input i {
  display: flex;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container {
  display: flex;
  flex-direction: column;
  width: 70%;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 2.25rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .prospect-name {
  font-size: 1rem;
  font-weight: 600;
  color: #262626;
  margin-bottom: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .prospect-name .cs-avatar {
  width: 2.5rem;
  height: 2.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .dropdown-custom .btn-solid {
  padding: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .react-bootstrap-table .table-organism-body > tr td {
  vertical-align: top !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .react-bootstrap-table .table-organism-body > tr td .prospect-timezone {
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  margin-bottom: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .react-bootstrap-table .table-organism-body > tr td button {
  padding: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .react-bootstrap-table .prospect-tag-icon {
  margin-right: 1rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .react-bootstrap-table .prospect-tag-row {
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .react-bootstrap-table .prospect-add-tag {
  color: #1d4ed8;
  cursor: pointer;
  letter-spacing: 0em;
  text-align: left;
  height: 1.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .prospect-tag-container {
  display: flex;
  align-items: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .prospect-info-action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .prospect-info-action .action-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: auto;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-details .prospect-info .prospect-info-action .action-list button {
  padding: 1px 16px 1px 16px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action {
  position: relative;
  height: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs {
  height: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-nav {
  padding: 16px 24px 0px 24px;
  margin: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-nav .bs-tabs-ink-bar {
  height: 3px;
  background-color: #1d4ed8;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab {
  margin: 0 24px 0 0;
  padding: 0 0 14px 0;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active .bs-tabs-tab-btn {
  color: #1d4ed8;
  font-weight: 600;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder:has(.bs-tabs-tabpane-active .activity-detail-container) {
  padding: 20px 4px 0 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder:has(.bs-tabs-tabpane-active .activity-detail-container) .icon-log-container {
  width: 100%;
  padding-right: 14px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder {
  height: 100%;
  padding: 20px 24px 0 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content {
  height: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .bs-tabs-tabpane .activity-detail-container .shd-button {
  width: 200px !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .bs-tabs-tabpane .activity-detail-container .shd-button span .transfer-select-btn-content span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .bs-tabs-tabpane .activity-detail-container .shd-button span .bs-select-box-icon-wrapper {
  display: flex;
  align-items: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .bs-tabs-tabpane .activity-detail-container .single-day-logs {
  gap: 24px !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-no-result-container {
  height: 90%;
  overflow-y: hidden;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container {
  margin-bottom: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  transition: border 0.3s ease;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 6px 8px 6px 12px;
  cursor: pointer;
  transition: padding 0.3s ease-in-out;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-header span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-header svg {
  color: #6b7280;
  transition: color 0.3s ease;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-content > div {
  overflow: hidden;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-content-inner {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, padding 0.3s ease-in-out;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 1.5rem;
  padding: 24px 16px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 50%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-field .bs-select-box-text {
  display: flex;
  align-items: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-field .bs-select-box .bs-select-box-icon-wrapper svg {
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-field .bs-select-box-disabled {
  background: none;
  opacity: 0.35;
  color: #1f2937;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-label {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #6b7280;
  margin: 0;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  padding: 0 16px 16px 16px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-footer .cancel-btn {
  min-width: unset !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #e5e7eb;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-footer .cancel-btn:hover {
  background-color: #f8f9fa;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-footer .add-btn .btn-solid {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-footer .add-btn .btn-solid:hover {
  background-color: #1e40af;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-footer .add-btn .btn-solid:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container .add-sequence-footer .add-btn .btn-solid:disabled:hover {
  background-color: #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container:hover {
  border: 1px solid #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container.expanded {
  border: none;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
  outline: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container.expanded .add-sequence-header {
  padding: 16px 16px 0 16px;
  gap: 8px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container.expanded .add-sequence-header span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container.expanded .add-sequence-header svg {
  color: #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container.expanded .add-sequence-content {
  grid-template-rows: 1fr;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .add-sequence-container.expanded .add-sequence-content-inner {
  opacity: 1;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 16px 12px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 12px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-custom-outcome-select {
  height: 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-custom-outcome-select .selected-outcome-main {
  padding: 4px 6px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-custom-outcome-select .selected-outcome-main svg,
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-custom-outcome-select .selected-outcome-main img {
  width: 14px;
  height: 14px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-custom-outcome-select .selected-outcome-main span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1f2937;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-sequence-list-content {
  display: flex;
  flex-direction: column;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .seqeuence-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937;
  margin-bottom: 10px;
  width: fit-content;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .seqeuence-name:hover {
  text-decoration: none;
  color: #1d4ed8;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .sequence-status-step {
  display: flex;
  align-items: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .sequence-status-step .sequence-step-progress .sequence-status .sequence-progress {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .sequence-status-step .sequence-step-number {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
  white-space: nowrap;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .sequence-status-step .divider-bar {
  min-width: 1px;
  height: 16px;
  background: #e5e7eb;
  margin: 0 8px;
  border-radius: 4px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .sequence-status-step .deal-value-prospect {
  width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .sequence-status-step .deal-value-prospect .deal-value-input {
  min-width: max-content;
  max-width: 10ch;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-sequence-list-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-sequence-list-actions .prospect-status-dropdown-actions {
  display: flex;
  align-items: center;
  align-self: flex-end;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-sequence-list-actions .prospect-status-dropdown-actions .btn-solid {
  padding: 0;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-sequence-list-actions .prospect-status-dropdown-actions .grid-action .dropdown-custom .dropdown-toggle-custom {
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-sequence-list-actions .prospect-status-dropdown-actions .bs-tag {
  font-weight: 400;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .prospect-sequence-list-actions .prospect-last-activity {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .dropdown-item-custom {
  padding: 8px 16px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .dropdown-item-custom span {
  color: #1f2937;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-container .bs-tag {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-no-screen {
  height: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .no-result-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2rem;
  gap: 1rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .no-result-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .no-result-found-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #1f2937;
  text-align: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .no-result-found-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #6b7280;
  text-align: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .add-sequence-container-skeleton {
  margin-bottom: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 6px 8px 6px 12px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .add-sequence-container-skeleton .add-sequence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton span {
  height: 16px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list-skeleton {
  display: flex;
  align-items: center;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list {
  padding: 16px 12px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list .sequences-skeleton {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list .status-skeleton {
  width: 5rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list .sequence-table-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list .sequence-table-list-header .sequence-table-list-header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list .sequence-table-list-header .sequence-table-list-header-right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list .sequence-table-list-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-sequence-list-table-skeleton .sequence-table-list .sequence-table-list-row .sequence-table-list-row-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-detail-activity-skeleton .activity-type-filter-skeleton {
  width: 200px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 6px 8px 6px 12px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-detail-activity-skeleton .activity-list-skeleton {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-detail-activity-skeleton .activity-list-skeleton .activity-list-skeleton-rows {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-detail-activity-skeleton .activity-list-skeleton .activity-list-skeleton-rows-bottom {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .prospect-detail-activity-skeleton .activity-list-skeleton .activity-list-skeleton-rows-bottom .activity-list-skeleton-rows-bottom-left {
  display: flex;
  gap: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .table-list {
  height: unset;
  overflow: visible;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .table-list .react-bootstrap-table .table-organism-body > tr td {
  vertical-align: top !important;
  padding: 28px 12px 16px 12px !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .table-list .react-bootstrap-table .table-organism-body > tr td .dropdown-custom {
  margin-top: -0.25rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .table-list .react-bootstrap-table .table-organism-body > tr td .dropdown-custom button {
  padding: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .table-list .react-bootstrap-table .table-organism-body > tr td:first-of-type {
  padding-left: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .table-list .react-bootstrap-table .table-organism-body > tr td:last-child {
  padding-right: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .table-list .react-bootstrap-table .table-organism-body > tr:hover {
  background-color: transparent;
  box-shadow: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .table-list .react-bootstrap-table .table-organism-body tr:first-of-type td {
  padding-top: 16px !important;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .form-body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .form-body {
    height: calc(100vh - 19rem);
  }
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .form-body.prospect-form-field-content {
  height: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .empty-sequence {
  height: 100%;
  width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .empty-list__inner {
  font-size: 0.75rem;
  width: 87%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action .empty-list__content {
  margin-left: 0.5rem;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container .prospect-tab-action.prospect-tab-notes-tab-action .bs-tabs .bs-tabs-content-holder {
  padding: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container.prospect-all-fields-tab {
  padding: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container.prospect-all-fields-tab .prospect-tab-action .bs-tabs .bs-tabs-nav {
  margin: 0;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container.prospect-all-fields-tab .prospect-tab-action .bs-tabs .bs-tabs-content-holder {
  padding: 0;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container.prospect-all-fields-tab .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .bs-tabs-tabpane .prospect-form-field .prospect-form-field-content {
  padding: 20px 24px 0 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-details-container.prospect-all-fields-tab .prospect-tab-action .bs-tabs .bs-tabs-content-holder .bs-tabs-content .bs-tabs-tabpane .prospect-form-field .prospect-modal-footer {
  padding: 20px 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton {
  width: 30%;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton .prospect-profile-section-header {
  padding: 24px 24px 16px 24px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 16px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton .prospect-profile-section-body-container {
  display: flex;
  flex-direction: column;
  padding: 16px 24px 0 24px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton .prospect-profile-section-body-container .prospect-profile-section-count-container {
  display: flex;
  align-items: center;
  padding: 12px 8px;
  background: #f9fafb;
  padding: 8px 12px;
  margin-bottom: 16px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton .prospect-profile-section-body-container .prospect-profile-section-count-container .prospect-profile-section-count {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  border-right: 1px solid #e5e7eb;
  width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton .prospect-profile-section-body-container .prospect-profile-section-count-container .prospect-profile-section-count span:nth-child(2) {
  width: 100%;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton .prospect-profile-section-body-container .prospect-profile-section-count-container .prospect-profile-section-count:last-child {
  border-right: none;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton .prospect-profile-section-body-container .prospect-profile-section-count-container .prospect-profile-section-count:first-child {
  padding-left: 0px;
}
.prospect-details-modal .prospect-detail-modal-container .prospect-profile-section-skeleton .prospect-profile-section-body-container .prospect-profile-section-fields {
  margin-bottom: 16px;
}
.prospect-details-modal.prospect-modal .modal-dialog {
  max-height: max-content;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .modal-header {
  min-height: unset;
  max-height: unset;
  padding-top: 0px;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .modal-header .close {
  top: 0;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .modal-header .close svg {
  margin-top: 0 !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field {
  margin: 0 !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .bs-input-affix-wrapper {
  padding: 6px 8px 6px 12px;
  height: 34px;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .bs-select-box {
  padding: 6px 8px 6px 12px;
  height: 34px;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .longtext-textarea {
  padding: 6px 8px 6px 12px;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .bs-input-number-input {
  padding: 6px 8px 6px 12px;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .currency-input-wrapper .bs-input-number-input {
  padding: 6px 8px 6px 12px;
  height: 34px;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .bs-input {
  padding: 0 !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .bs-input.date-picker-container {
  display: flex;
  align-items: center;
  gap: 4px !important;
  padding: 6px 8px 6px 12px !important;
  height: 34px !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .bs-input.date-picker-container .bs-input {
  line-height: 20px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  background: none !important;
  padding: 0;
  text-indent: 0 !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .bs-input.date-picker-container .bs-input:focus-within {
  border: none;
  box-shadow: none;
  outline: none;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .react-datepicker-popper {
  z-index: 999 !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .individual-contact-field .col-5.contact-col {
  padding-left: 16px !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .select-date-input .input-icons-left {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  margin-right: 0.25rem !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .select-date-input .bs-input-lg {
  background-color: transparent !important;
  font-size: 14px !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-form-field .row .select-date-input .input-icons-right {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  margin-left: 0.5rem !important;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-modal-footer {
  box-shadow: unset;
}
.prospect-details-modal.prospect-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .prospect-details-container .prospect-modal-footer .save-btn {
  margin: 0 !important;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .prospect-details-modal .modal-content {
    min-width: 95vw;
  }
  .prospect-details-modal .modal-dialog {
    max-width: 95vw;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .prospect-details-modal .modal-content {
    min-width: 95%;
  }
  .prospect-details-modal .modal-dialog {
    max-width: 95%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .prospect-details-modal .modal-content {
    min-width: 90%;
  }
  .prospect-details-modal .modal-dialog {
    max-width: 90%;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .prospect-details-modal .modal-content {
    min-width: 80%;
  }
  .prospect-details-modal .modal-dialog {
    max-width: 80%;
  }
}
@media screen and (min-width: 2560px) {
  .prospect-details-modal .modal-content {
    min-width: 60%;
  }
  .prospect-details-modal .modal-dialog {
    max-width: 60%;
  }
}
.prospect-delete-confirmation-modal .modal-content {
  width: 450px;
}
.prospect-delete-confirmation-modal .modal-content .bs-modal-body {
  padding: 24px 24px 0 24px;
}
.prospect-delete-confirmation-modal .modal-content .confirmation-modal-header-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.prospect-delete-confirmation-modal .modal-content .confirmation-modal-header-container .confirmation-modal-custom-text {
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.prospect-delete-confirmation-modal .modal-content .confirmation-modal-body-container {
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e7eb;
}
.prospect-delete-confirmation-modal .modal-content .confirmation-modal-body-container span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.prospect-delete-confirmation-modal .modal-content .bs-modal-footer {
  border-top: 0px;
}
.prospect-delete-confirmation-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost {
  color: #6b7280;
  width: 77px;
  height: 32px;
  border: 1px solid #e5e7eb;
}
.prospect-delete-confirmation-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost:hover {
  background-color: #f8f9fa;
}
.prospect-delete-confirmation-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid {
  margin-left: 8px !important;
  width: 77px;
  height: 32px;
  min-width: auto !important;
  background: #b91c1c;
  border: none;
}
.prospect-delete-confirmation-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid:hover {
  background: #991b1b;
}

.bs-popover-inner.primary-value-change-dropdown-popover {
  padding: 8px 0 !important;
}
.bs-popover-inner.primary-value-change-dropdown-popover .arrow {
  display: none;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0px !important;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .primary-value-change-dropdown {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .primary-value-change-dropdown .primary-value-change-dropdown-value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 6px 16px;
  width: 100%;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .primary-value-change-dropdown .primary-value-change-dropdown-value .primary-value-radio-btn .bs-radio-wrapper {
  gap: 0.375rem;
  width: 5rem;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .primary-value-change-dropdown .primary-value-change-dropdown-value .primary-value-radio-btn .bs-radio-wrapper .radio-input-label {
  padding: 0 !important;
  padding-left: 0.375rem !important;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .primary-value-change-dropdown .primary-value-change-dropdown-value .primary-value-change-dropdown-value-text {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .primary-value-change-dropdown .primary-value-change-dropdown-value .primary-value-change-dropdown-value-text span {
  max-width: 140px !important;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .primary-value-change-dropdown .primary-value-change-dropdown-value:hover {
  cursor: pointer;
  background-color: #eff6ff;
}
.bs-popover-inner.primary-value-change-dropdown-popover .popover-body .bs-popover-content .bs-popover-inner-content .primary-value-change-dropdown-hidden {
  display: none;
}

.bs-popover-inner.primary-value-change-dropdown-popover:has(.primary-value-change-dropdown-hidden) {
  display: none;
}

.bs-popover-inner.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.bs-popover-inner.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .overlay-popover-content-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 0;
  border: none;
}
.bs-popover-inner.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .overlay-popover-content-wrap .text-wrap span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.bs-popover-inner.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .overlay-popover-content-wrap .text-wrap:hover {
  background-color: #eff6ff;
}

.primary-value-change-dropdown-tooltip {
  display: none;
}

.primary-value-change-alert-modal .modal-content {
  width: 450px;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-container {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-container .primary-value-change-alert-modal-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-container .primary-value-change-alert-modal-content .primary-value-change-alert-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 24px 24px 0 24px;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-container .primary-value-change-alert-modal-content .primary-value-change-alert-modal-header .header-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-container .primary-value-change-alert-modal-content .primary-value-change-alert-modal-header .header-title span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-container .primary-value-change-alert-modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-container .primary-value-change-alert-modal-body .primary-value-change-alert-modal-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-container .divider-line {
  height: 1px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 20px 24px;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-footer .cancel-btn {
  min-width: unset !important;
  width: 77px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #e5e7eb;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-footer .cancel-btn:hover {
  background-color: #f8f9fa;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-footer .proceed-btn .btn-solid {
  width: 77px;
  height: 32px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.primary-value-change-alert-modal .primary-value-change-alert-modal-footer .proceed-btn .btn-solid:hover {
  background-color: #1e40af;
}

.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-container .prospect-remove-from-sequence-alert-modal-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-container .prospect-remove-from-sequence-alert-modal-content .prospect-remove-from-sequence-alert-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 24px 24px 0 24px;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-container .prospect-remove-from-sequence-alert-modal-content .prospect-remove-from-sequence-alert-modal-header .header-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-container .prospect-remove-from-sequence-alert-modal-content .prospect-remove-from-sequence-alert-modal-header .header-title span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-container .prospect-remove-from-sequence-alert-modal-content .prospect-remove-from-sequence-alert-modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-container .prospect-remove-from-sequence-alert-modal-content .prospect-remove-from-sequence-alert-modal-body .prospect-remove-from-sequence-alert-modal-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-container .divider-line {
  height: 1px;
  width: 470px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-footer .cancel-btn {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #e5e7eb;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-footer .cancel-btn:hover {
  background-color: #f8f9fa;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-footer .proceed-btn .btn-solid {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.prospect-remove-from-sequence-alert-modal .prospect-remove-from-sequence-alert-modal-footer .proceed-btn .btn-solid:hover {
  background-color: #1e40af;
}

.transfer-overlay.select-seqeunce .transfer-container .transfer-body .transfer-search {
  padding: 7px 16px;
}
.transfer-overlay.select-seqeunce .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.transfer-overlay.select-seqeunce .transfer-container .transfer-body .transfer-list li .option-content span {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.transfer-overlay .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.transfer-overlay .transfer-container .transfer-body .transfer-list li .option-content span {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.transfer-overlay .transfer-container .transfer-body .transfer-list li .option-content.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.sequence-disabled-tooltip {
  display: none;
}

.create-step-modal .channel-sub-types__container {
  gap: 0.5rem !important;
}
.create-step-modal .prospect-task-assignee {
  width: 100%;
}
.create-step-modal .prospect-task-assignee .task-due-date {
  width: 50%;
}
.create-step-modal .prospect-task-assignee .task-due-date .bs-input-affix-wrapper {
  width: 100%;
}
.create-step-modal .mark-as-completed-checkbox-new .bs-checkbox .bs-checkbox-inner {
  border-radius: 4px;
  margin-right: 8px;
}
.create-step-modal .mark-as-completed-checkbox {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border: 1px solid #9ca3af;
  border-radius: 4px;
  cursor: pointer;
}
.create-step-modal .mark-as-completed-checkbox-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.create-step-modal .cancel-task-btn {
  border: 1px solid #9ca3af;
  color: #6b7280;
}
.create-step-modal .cancel-task-btn:hover {
  background-color: #f8f9fa;
  border: 1px solid #9ca3af;
  color: #6b7280;
}

.add-prospect-manually-modal-spinner {
  height: 12.5rem;
  align-items: center;
}

.download-sample-file {
  width: 75%;
}

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(100vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    transform: translateX(100vw);
  }
}
.export-button-wrapper {
  margin-left: 10px;
  max-width: 100px;
}
.export-button-wrapper button {
  width: 100px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.export-button-wrapper img {
  margin-bottom: 2px;
}

.enrich-prospect-button {
  justify-content: center;
  padding: 6px 16px;
  gap: 4px;
  cursor: pointer;
  border: 1px solid #1d4ed8;
  border-radius: 4px;
}
.enrich-prospect-button span {
  display: inline-block;
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 13.02%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.enrich-prospect-button.cr-prospect:hover {
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 13.02%, rgba(29, 78, 216, 0.05) 93.65%);
}
.enrich-prospect-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ai-icon {
  padding: 8px;
}

.add-prospect-button {
  padding-left: 0.5rem;
}
.add-prospect-button .add-prospect-inner {
  display: flex;
  min-width: 11.5rem;
}
.add-prospect-button .add-prospect-inner .add-prospect-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #1d4ed8;
  height: 2rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  border: none;
  padding: 0.25rem 0.9375rem;
}
.add-prospect-button .add-prospect-inner .dropdown-custom {
  display: flex;
  background: #1d4ed8;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.add-prospect-button .add-prospect-inner .dropdown-custom::before {
  content: "";
  display: inline-block;
  width: 0.0625rem;
  height: 2rem;
  background: rgba(255, 255, 255, 0.2);
}
.add-prospect-button .add-prospect-inner .dropdown-custom .dropdown-toggle-custom {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #1d4ed8;
  border: none;
  padding: 0.5rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-prospect-button .add-prospect-inner .dropdown-custom .dropdown-toggle-custom span {
  display: none;
}

.sequence-name-popover.popover {
  max-width: 34rem !important;
}

.sequence-name-popover .data-card__header {
  display: flex;
}
.sequence-name-popover .data-card__header .sequence-title-wrap {
  width: 12.75rem;
}
.sequence-name-popover .data-card__header .status-title-wrap {
  width: 9.125rem;
  padding-left: 0.5rem;
}
.sequence-name-popover .data-card__header .outcome-title-wrap {
  padding-left: 1rem;
}
.sequence-name-popover .data-card__content {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 9rem;
}
.sequence-name-popover .data-card__content::-webkit-scrollbar {
  width: 0.225rem;
}
.sequence-name-popover .data-card__content .prospect-sequence {
  display: flex;
  align-items: center;
  margin: 0px;
}
.sequence-name-popover .data-card__content .prospect-sequence .sequence-name {
  padding: 0.5rem 1rem 0.5rem 0px;
  width: 12.75rem;
  color: #1d4ed8;
  cursor: pointer;
}
.sequence-name-popover .data-card__content .prospect-sequence .sequence-status-badge {
  width: 7.8rem;
  padding-left: 0.3rem;
}
.sequence-name-popover .data-card__content .prospect-sequence .select-outcome {
  padding-left: 1rem;
}
.sequence-name-popover .data-card__content .prospect-sequence .select-outcome .prospect-outcome-select {
  height: 28px;
}
.sequence-name-popover .data-card__content .prospect-sequence .select-outcome .prospect-outcome-select .cs__single-value {
  margin-left: 0px;
}
.sequence-name-popover .data-card__content .prospect-sequence .select-outcome .prospect-outcome-select .cs__control {
  border-width: 0px !important;
  background-color: transparent !important;
}
.sequence-name-popover .data-card__content .prospect-sequence .select-outcome .prospect-outcome-select .cs__indicator-separator {
  display: none;
}
.sequence-name-popover .data-card__content .prospect-sequence .select-outcome .prospect-outcome-select .cs__indicator {
  color: #6b7280;
  padding-right: 0.5rem;
}

.custom-content-with-form {
  position: absolute;
  bottom: 6px;
  padding: 1rem;
}
.custom-content-with-form .map-fields-step {
  display: flex;
  align-items: center;
}
.custom-content-with-form .map-fields-step .step-label {
  width: 150px;
}

.prospect-list-content--header--container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.prospect-list-content--header--container .prospect-list-content--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 1.75rem;
  height: 56px;
  padding: 18px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.prospect-list-content--header--container .prospect-list-content--header__left {
  flex: 1;
}
.prospect-list-content--header--container .prospect-list-content--header__left, .prospect-list-content--header--container .prospect-list-content--header__right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.prospect-list-content--header--container .prospect-list-content--header__right {
  gap: 0.75rem;
}
.prospect-list-content--header--container .prospect-list-content--header__right .add-prospect-button {
  padding: 0;
}
.prospect-list-content--header--container .prospect-list-content--header__right .add-prospect-button .add-prospect-inner {
  min-width: unset;
}
.prospect-list-content--header--container .prospect-list-content--header__filter-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.25rem;
  cursor: pointer;
}
.prospect-list-content--header--container .prospect-list-content--header__filter-btn.selected .filter-icon svg, .prospect-list-content--header--container .prospect-list-content--header__filter-btn:hover .filter-icon svg {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__filter-btn.selected p, .prospect-list-content--header--container .prospect-list-content--header__filter-btn:hover p {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__filter-btn .filter-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.prospect-list-content--header--container .prospect-list-content--header__filter-btn .filter-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
}
.prospect-list-content--header--container .prospect-list-content--header__filter-btn p {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.prospect-list-content--header--container .prospect-list-content--header__filter-btn .count {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0rem 0.25rem;
  border-radius: 1.25rem;
  background: #2563eb;
  color: #eff6ff;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.prospect-list-content--header--container .prospect-list-content--header__divider {
  width: 0.125rem;
  height: 1.75rem;
  border-radius: 0.0625rem;
  background: #e5e7eb;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter {
  display: flex;
  flex: 1;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters {
  display: flex;
  align-items: center;
  flex: 1;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items {
  display: flex;
  flex: 1;
  gap: 1.5rem;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup {
  position: absolute;
  top: 2.25rem;
  left: 0;
  width: 17.5rem;
  height: auto;
  max-height: 25rem;
  overflow-y: auto;
  padding: 0.75rem 0rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  background-color: #ffffff;
  z-index: 99;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-input {
  margin-bottom: 0.75rem;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-input .shd-search-input {
  width: 100%;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-color: #f3f4f6 !important;
  background-color: #f9fafb;
  padding: 0.375rem 0.75rem;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-input .shd-search-input .input {
  flex-grow: 1;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-input .shd-search-input .input input {
  background-color: #f9fafb;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-input .shd-search-input .cross-icon {
  margin-left: auto;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item-header {
  padding: 0.375rem 1rem;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-items-list {
  background: rgba(249, 250, 251, 0.6);
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  padding: 0.5rem 0px;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item-active {
  background-color: #eff6ff;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item {
  height: 2rem;
  padding: 0.375rem 1rem;
  transition: all 0.2s;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item .pin-unpin-btn {
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  border-radius: 1.5rem;
  transition: all 0.2s ease;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item .pin-unpin-btn:hover {
  background: #fff;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item-action {
  display: none;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item:hover {
  background-color: #eff6ff;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item:hover .view-list__popup-item-action {
  display: flex !important;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item:hover .view-list__popup-item-action .shd-avatar--sm {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 58.333px;
  border: 0.833px solid #dbeafe;
  background-color: #eff6ff;
  padding: 0.125rem;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item:hover .view-list__popup-item-action .shd-avatar--sm span {
  font-size: 0.5208rem !important;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item:hover .view-list__popup-item-action .dropdown-custom button {
  padding: 0;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .view-list__popup-item:hover .view-list__popup-item-action .dropdown-custom .icon-hover {
  width: 0.875rem !important;
  height: 0.875rem !important;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .saved-filter-chip-popover {
  min-width: 8rem;
  padding: 0.25rem 0;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .saved-filter-chip-popover .saved-filter-chip-popover-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4375rem 1rem;
  cursor: pointer;
  transition: background 0.2s;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .saved-filter-chip-popover .saved-filter-chip-popover-item:hover {
  background-color: #f3f4f6;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .plus-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .plus-icon-container .plus-icon {
  background-color: #f3f4f6;
  border-radius: 50%;
  padding: 4px;
  width: 24px;
  height: 24px;
  color: #6b7280;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__items .plus-icon-container .plus-icon:hover {
  color: #1d4ed8;
  background-color: #dbeafe;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs {
  display: flex;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav {
  display: flex;
  align-items: center;
  margin: 0 !important;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav::before {
  display: none;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  flex: 1;
  align-self: auto;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav .bs-tabs-nav-list {
  display: flex;
  gap: 1.5rem;
  position: relative;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav .bs-tabs-tab {
  color: #6b7280;
  font-weight: 500;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav .bs-tabs-tab:hover {
  color: #1d4ed8;
  font-weight: 600;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav .bs-tabs-tab-active {
  color: #1d4ed8;
  font-weight: 600;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav .bs-tabs-ink-bar {
  position: absolute;
  top: 53px;
  height: 3px;
  background-color: #1d4ed8;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-nav .bs-tabs-nav-operations {
  display: none;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__tabs .bs-tabs-content-holder {
  display: none;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__item {
  width: max-content;
  height: 56px;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), font-weight 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  font-weight: 500 !important;
  line-height: 20px !important;
  position: relative;
  cursor: pointer;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__item:hover {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__item-active, .prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__item:focus-within {
  color: #1d4ed8;
  font-weight: 600 !important;
  background-color: transparent;
}
.prospect-list-content--header--container .prospect-list-content--header__saved-filter .saved-filters__item-count {
  background-color: #eff6ff;
  padding: 0.25rem 0.5rem;
  color: #1d4ed8;
  border-radius: 1.25rem;
  min-width: 1rem;
  text-align: center;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px 20px 24px;
  width: 100%;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom.prospect-list-banner-content {
  padding: 0 24px 0px 24px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch {
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view {
  border-style: solid;
  border-color: #d1d5db;
  border-width: 1px 0px 1px 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-view-switch-divider {
  width: 1px;
  height: 34px;
  background-color: #d1d5db;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .active-divider {
  background-color: #bfdbfe;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view {
  color: #6b7280;
  border-style: solid;
  border-color: #d1d5db;
  border-width: 1px 1px 1px 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  gap: 4px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.prospect-kanban-view, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.prospect-kanban-view {
  position: relative;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.active-tab, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.active-tab {
  border: 1px solid #bfdbfe;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.active-tab.prospect-list-view, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.active-tab.prospect-list-view {
  border-right: none;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.active-tab.prospect-kanban-view, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.active-tab.prospect-kanban-view {
  border-left: none;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.active-tab, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.active-tab {
  background: #eff6ff;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.active-tab .prospect-list-view-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.active-tab .prospect-kanban-view-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.active-tab .prospect-list-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view.active-tab .prospect-kanban-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.active-tab .prospect-list-view-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.active-tab .prospect-kanban-view-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.active-tab .prospect-list-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view.active-tab .prospect-kanban-view-text {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view .prospect-list-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view .prospect-kanban-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view .prospect-list-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view .prospect-kanban-view-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view .prospect-list-view-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view .prospect-kanban-view-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view .prospect-list-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view .prospect-kanban-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view .prospect-list-view-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view .prospect-kanban-view-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view .prospect-list-view-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view .prospect-kanban-view-text {
  color: #6b7280;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view .prospect-kanban-new-tag, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view .prospect-kanban-new-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f59e0b;
  padding: 1px 2px;
  border-radius: 3px;
  position: absolute;
  top: -6px;
  right: -8px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-list-view .prospect-kanban-new-tag .prospect-kanban-new-text, .prospect-list-content--header--container .prospect-list-content--header__bottom .prospect-view-switch .prospect-kanban-view .prospect-kanban-new-tag .prospect-kanban-new-text {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #fff;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom__search {
  display: flex;
  align-items: center;
  width: 195px;
  border-color: #d1d5db;
  padding: 5px 12px;
  width: 100%;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom__search .input-icons-left {
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: 8px !important;
  margin-left: 0px !important;
  color: #9ca3af;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom__search .input-icons-left .bs-input-prefix {
  width: 16px;
  height: 16px;
  margin-right: 0px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom__search .input-icons-left .bs-input-prefix .sh-search:before {
  font-size: 16px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--left .bs-input-affix-wrapper .input-icons-left .bs-input-prefix .sh-search.sh-search:before {
  color: #9ca3af;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--left .bs-input-affix-wrapper .bs-input:placeholder-shown {
  color: #9ca3af;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #d1d5db;
  padding: 6px 6px 6px 12px;
  border-radius: 4px;
  max-width: 296px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome .categorize-by-outcome-text {
  white-space: nowrap;
  color: #9ca3af;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome div .shd-button {
  border: none;
  padding: 0px;
  height: 100%;
  width: 100%;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome div .shd-button:focus-within {
  border: none;
  box-shadow: none;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome div .shd-button span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome div .shd-button span .transfer-select-btn-content span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  max-width: 160px !important;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome div .shd-button span .transfer-select-btn-content .blocked-card-category-icon {
  padding: 2px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3f4f6;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome div .shd-button span .transfer-select-btn-content .blocked-card-category-icon svg {
  width: 14px;
  height: 14px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome div .shd-button span .bs-select-box-icon-wrapper {
  display: flex;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome .category-dropdown-trigger {
  padding: 8px 8px 8px 12px;
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  width: 200px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome .category-dropdown-trigger span .transfer-select-btn-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome .category-dropdown-trigger:hover {
  border-color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome .category-dropdown-trigger:active, .prospect-list-content--header--container .prospect-list-content--header__bottom .categorize-by-outcome .category-dropdown-trigger:focus-within {
  border-color: #1d4ed8;
  box-shadow: 0px 0px 0px 2px #bfdbfe;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right .action-btn--export {
  margin: 0;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.25rem;
  margin-left: 4px;
  cursor: pointer;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container {
  position: absolute;
  top: 100%;
  z-index: 999;
  right: 0;
  margin-top: 2px;
  width: 276px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-search {
  padding: 0.375rem 0.75rem !important;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list .active div .sort-by-type {
  display: flex !important;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li {
  padding: 0.375rem 0.75rem !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-option-row {
  position: relative;
  width: 100%;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-option-label {
  display: flex;
  align-items: center;
  min-width: 0;
  padding-right: 0;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-option {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-option-default {
  flex: 0 0 auto;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-option-default {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  margin-left: 4px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-type {
  display: none !important;
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 20px;
  align-items: center;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-type .sort-by-type-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-type .sort-by-type-icon .sort-by-type-icon-up, .prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-type .sort-by-type-icon .sort-by-type-icon-down {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10px;
  line-height: 1;
  color: #1f2937;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-type .sort-by-type-icon .sort-by-type-icon-up.disabled, .prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-type .sort-by-type-icon .sort-by-type-icon-down.disabled {
  color: #9ca3af;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li .sort-by-type .sort-by-type-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  white-space: nowrap;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li:hover .sort-by-type {
  display: flex !important;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn .transfer-container .transfer-body .transfer-content .transfer-list li:hover .sort-by-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn:hover, .prospect-list-content--header--container .prospect-list-content--header__bottom--right--sort-btn:focus-within {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right .sorting-active {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right .sorting-active .arrows-sort {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--help {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 4px 6px;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
  cursor: pointer;
  margin-left: 4px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--help .help-icon-container {
  display: flex;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--help .help-icon-container .help-icon {
  color: #6b7280;
  width: 16px;
  height: 16px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--help .prospect-list-content--header__bottom--right--help-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #4b5563;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--help:hover, .prospect-list-content--header--container .prospect-list-content--header__bottom--right--help:focus-within {
  border: 1px solid #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--help:hover .help-icon, .prospect-list-content--header--container .prospect-list-content--header__bottom--right--help:focus-within .help-icon {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--help:hover .prospect-list-content--header__bottom--right--help-text, .prospect-list-content--header--container .prospect-list-content--header__bottom--right--help:focus-within .prospect-list-content--header__bottom--right--help-text {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--edit {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.25rem;
  cursor: pointer;
  margin-left: 4px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--edit .edit-icon-container {
  display: flex;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--edit .edit-icon-container .edit-icon {
  color: #6b7280;
  width: 1.25rem;
  height: 1.25rem;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--edit .prospect-list-content--header__bottom--right--edit-text {
  color: #6b7280;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--edit:hover .edit-icon {
  color: #1d4ed8;
}
.prospect-list-content--header--container .prospect-list-content--header__bottom--right--edit:hover .prospect-list-content--header__bottom--right--edit-text {
  color: #1d4ed8;
}
.prospect-list-content--header--container .card-blocked-info-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border: none;
  border-radius: 0;
}
.prospect-list-content--header--container .card-blocked-info-banner div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.prospect-list-content--header--container .card-blocked-info-banner div .alert-message-text {
  margin: 0px;
  color: #1f2937 !important;
}
.prospect-list-content--header--container .card-blocked-info-banner div .upgrade-link {
  display: none;
}
.prospect-list-content--header--container .card-blocked-info-banner div .shd-button {
  color: #1d4ed8 !important;
  font-weight: 500;
  background: none;
  height: 100%;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.saved-filer-edit-modal .modal-dialog {
  max-width: 22.0625rem;
}
.saved-filer-edit-modal .modal-body .edit-view-input .shd-input--label {
  display: none;
}
.saved-filer-edit-modal .modal-body .edit-view-input .shd-input .input {
  width: 100%;
}

.prospect-table-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  position: relative;
}
.prospect-table-container .prospect-table-empty-ui,
.prospect-table-container .prospect-table-empty-ui-no-result {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.prospect-table-container .prospect-table-empty-ui h1,
.prospect-table-container .prospect-table-empty-ui-no-result h1 {
  margin: 1rem 0rem 0.5rem 0rem;
  color: #1f2937;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.prospect-table-container .prospect-table-empty-ui p,
.prospect-table-container .prospect-table-empty-ui-no-result p {
  margin: 0;
  color: #6b7280;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.kanban-card-container {
  width: 244px;
  background-color: #fff;
  border-radius: 0.25rem;
  margin: 0 0.5rem 0.5rem 0.5rem;
  border: none;
  cursor: grab !important;
  user-select: auto;
  pointer-events: auto;
}
.kanban-card-container.kanban-card-not-draggable {
  cursor: not-allowed !important;
  user-select: none !important;
}
.kanban-card-container .kanban-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0 2px 1px 0 rgba(131, 131, 131, 0.15);
}
.kanban-card-container .kanban-card:hover {
  cursor: grab;
  box-shadow: 0px 4px 8px 0px rgba(4, 21, 76, 0.1607843137);
}
.kanban-card-container .kanban-card:hover.kanban-card-default-cursor {
  cursor: pointer;
}
.kanban-card-container .kanban-card:active {
  cursor: grabbing;
  box-shadow: 0px 4px 8px 0px rgba(4, 21, 76, 0.1607843137);
}
.kanban-card-container .kanban-card .kanban-card-field {
  cursor: pointer;
}
.kanban-card-container .kanban-card .kanban-card-field .prospect-tags-tooltip .prospect-tag-row div .bs-tag {
  transition: none;
}
.kanban-card-container .kanban-card .kanban-card-field .prospect-status-tooltip .bs-tag {
  transition: none;
}
.kanban-card-container .kanban-card .kanban-card-field .long-text-field {
  font-weight: 600;
}
.kanban-card-container .kanban-card .kanban-card-field .prospect-outcomes-tooltip .sequence-name-wrap .prospect-custom-outcome-select {
  height: 100%;
}
.kanban-card-container .kanban-card .kanban-card-field .prospect-outcomes-tooltip .sequence-name-wrap .prospect-custom-outcome-select .selected-outcome-main {
  padding: 4px 6px;
}
.kanban-card-container .kanban-card .kanban-card-field .prospect-outcomes-tooltip .sequence-name-wrap .prospect-custom-outcome-select .selected-outcome-main div svg, .kanban-card-container .kanban-card .kanban-card-field .prospect-outcomes-tooltip .sequence-name-wrap .prospect-custom-outcome-select .selected-outcome-main div img {
  width: 14px;
  height: 14px;
}
.kanban-card-container .kanban-card .kanban-card-field .prospect-outcomes-tooltip .sequence-name-wrap .prospect-custom-outcome-select .selected-outcome-main div span {
  line-height: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #1f2937;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.outcome-chip {
  height: 24px;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.outcome-chip .selected-outcome-main {
  padding: 4px 6px;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.outcome-chip .selected-outcome-main span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1f2937;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.outcome-chip svg {
  width: 14px;
  height: 14px;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.outcome-chip img {
  width: 14px;
  height: 14px;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.positive-sentiment:hover {
  background: #ecfdf5;
  border: 1px solid #6ee7b7;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.negative-sentiment:hover {
  border: 1px solid #fecaca;
  background: #fef2f2;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.neutral-sentiment:hover {
  border: 1px solid #d1d5db;
  background: #f3f4f6;
}
.kanban-card-container .kanban-card .prospect-custom-outcome-select.default-sentiment:hover {
  border: 1px solid #e5e7eb;
  background: #f9fafb;
}
.kanban-card-container .kanban-card .primary-field-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
}
.kanban-card-container .kanban-card .primary-field-container .primary-field {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #374151;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.kanban-card-container .kanban-card .secondary-field {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #6b7280;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.kanban-card-container .kanban-card .secondary-field .disable-outcome {
  opacity: 0.5;
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
.kanban-card-container .kanban-card .secondary-field:has(.long-text) {
  display: flex;
}
.kanban-card-container .kanban-card .email-with-verification-icon {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 1 1 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kanban-card-container .kanban-card .email-with-verification-icon .verification-icon {
  width: 20px;
  height: 20px;
}
.kanban-card-container .kanban-card .prospect-activity-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kanban-card-container .kanban-card .prospect-activity-container .prospect-activities {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.kanban-card-container .kanban-card .prospect-activity-container .prospect-activities .activity-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.kanban-card-container .kanban-card .prospect-activity-container .prospect-activities .activity-icon-container .activity-icon {
  color: #6b7280;
  width: 20px;
  height: 20px;
  padding: 3px;
}
.kanban-card-container .kanban-card .prospect-activity-container .prospect-activities .activity-icon-container:hover {
  background-color: #f3f4f6;
  border-radius: 4px;
}
.kanban-card-container .kanban-card .prospect-activity-container .prospect-activities .activity-icon-container.upcoming-task-icon-active, .kanban-card-container .kanban-card .prospect-activity-container .prospect-activities .activity-icon-container.add-icon-active {
  background-color: #f3f4f6;
  border-radius: 4px;
}
.kanban-card-container .kanban-card .edit-icon-container {
  display: flex;
  opacity: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 0;
  overflow: hidden;
  margin-left: 4px;
  transition: opacity 0.2s ease;
}
.kanban-card-container .kanban-card .edit-icon-container:hover {
  background-color: #f3f4f6;
  border-radius: 4px;
}
.kanban-card-container .kanban-card .edit-icon-container .edit-icon {
  width: 20px;
  height: 20px;
  display: flex;
  color: #6b7280;
  padding: 3px;
}
.kanban-card-container .kanban-card:hover .edit-icon-container {
  width: 20px;
  opacity: 1;
}
.kanban-card-container .kanban-card:hover .prospect-activity-container .prospect-activities .activity-icon-container {
  width: 20px;
  opacity: 1;
}
.kanban-card-container .kanban-card.show-activities .prospect-activity-container .prospect-activities .activity-icon-container {
  width: 20px;
  opacity: 1;
}
.kanban-card-container .kanban-card .kanban-sequence-name {
  max-width: 9.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kanban-card-container .kanban-card-skeleton {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 0 2px 1px 0 rgba(131, 131, 131, 0.15);
}
.kanban-card-container .kanban-card-skeleton {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 0 2px 1px 0 rgba(131, 131, 131, 0.15);
}
.kanban-card-container .kanban-card-skeleton span {
  height: 10px;
}
.kanban-card-container .kanban-card-skeleton span .card-skeleton {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.prospect-card-dragging {
  box-shadow: 0px 4px 8px 0px rgba(4, 21, 76, 0.1607843137) !important;
  cursor: grabbing !important;
}
.prospect-card-dragging .kanban-card-not-draggable {
  pointer-events: none;
  user-select: none;
}

.prospect-kanban-lane-dragging {
  box-shadow: 0px 4px 8px 0px rgba(4, 21, 76, 0.1607843137) !important;
  cursor: grabbing !important;
  transform: rotate(3deg);
  transition: transform 0.25s ease;
}

.divider-bar {
  min-width: 1px;
  height: 16px;
  background-color: #e5e7eb;
  margin-right: 0.5rem;
  border-radius: 4px;
}

.verification-status-icon {
  font-weight: 500;
  line-height: 1.125rem;
}

.verification-sub-status-icon {
  font-weight: 500;
  line-height: 1.125rem;
}
.verification-sub-status-icon span {
  flex: 1 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.verification-sub-status-icon .verification-sub-status-type {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  padding-left: 0;
}
.verification-sub-status-icon .verification-sub-status-type .dot {
  width: 0.25rem;
  min-width: 0.25rem;
  height: 0.25rem;
  border-radius: 0.125rem;
}
.verification-sub-status-icon .verification-sub-status-type .dot.valid {
  background-color: #34d399;
}
.verification-sub-status-icon .verification-sub-status-type .dot.bad {
  background-color: #f87171;
}
.verification-sub-status-icon .verification-sub-status-type .dot.risky {
  background-color: #f59e0b;
}

.prospect-table-ai-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 3rem);
  height: calc(100% - 3.625rem);
  margin: 0 1.5rem;
  border-radius: 0.5rem;
  z-index: 8;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f3f4f6;
  border-radius: 4px;
}
.prospect-table-ai-loading-overlay-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  max-width: 145px;
}
.prospect-table-ai-loading-overlay-content .ai-3-star-animated-icon {
  width: 38px;
  height: 38px;
}
.prospect-table-ai-loading-overlay-content-text {
  color: #4b5563;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  margin: 0;
}

.no-need-to-delete-prospect-modal .modal-dialog {
  width: 34.25rem;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container {
  padding: 1.5rem 1.5rem 1.25rem 1.5rem;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container .modal-header {
  padding: 0;
  min-height: auto;
  border: none;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container .modal-header .title-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container .modal-header .title-content svg {
  flex-shrink: 0;
  color: #f59e0b;
  width: 1.5rem;
  height: 1.5rem;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container .modal-header .title-content h2 {
  margin: 0;
  color: #1f2937;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container .modal-body {
  padding: 0;
  margin-top: 1rem;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container .modal-body .action-btns {
  margin-top: 1rem;
  padding-top: 1.25rem;
  border-top: 1px solid #f3f4f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container .modal-body .action-btns div {
  gap: 1rem;
}
.no-need-to-delete-prospect-modal .modal-dialog .modal-content-container .modal-body .action-btns .shd-button--secondary .shd-loader div {
  border-color: #6b7280 transparent transparent transparent !important;
}

.delete-btn-tooltip .tooltip-inner {
  max-width: 10.125rem;
}
.delete-btn-tooltip .tooltip-inner .text-message {
  text-align: center;
}

.prospect-overview-popover,
.long-text-popover {
  width: 100%;
  max-width: 355px;
}
.prospect-overview-popover.bs-popover-inner,
.long-text-popover.bs-popover-inner {
  padding: 0;
}
.prospect-overview-popover .popover-body .bs-popover-content,
.long-text-popover .popover-body .bs-popover-content {
  padding: 0;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-header,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-header,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-header,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-header,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-header,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-header,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-header,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-header {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 4px;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-textarea, .prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-textarea,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-textarea,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-textarea,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-textarea,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-textarea,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-textarea,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-textarea {
  width: 100%;
  resize: none;
  padding: 12px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #4b5563;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-textarea:hover, .prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-textarea:hover,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-textarea:hover,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-textarea:hover,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-textarea:hover,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-textarea:hover,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-textarea:hover,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-textarea:hover {
  border: 1px #1d4ed8;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-textarea:focus-within, .prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-textarea:focus-within,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-textarea:focus-within,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-textarea:focus-within,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-textarea:focus-within,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-textarea:focus-within,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-textarea:focus-within,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-textarea:focus-within {
  border: 1px #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .longtext-textarea-error,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .longtext-textarea-error,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .longtext-textarea-error,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .longtext-textarea-error {
  border: 1px solid #f5222d;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .longtext-textarea-error:hover,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .longtext-textarea-error:hover,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .longtext-textarea-error:hover,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .longtext-textarea-error:hover {
  border: 1px solid #f5222d;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .longtext-textarea-error:active, .prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .longtext-textarea-error:focus-within,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .longtext-textarea-error:active,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .longtext-textarea-error:focus-within,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .longtext-textarea-error:active,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .longtext-textarea-error:focus-within,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .longtext-textarea-error:active,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .longtext-textarea-error:focus-within {
  border: 1px solid #f5222d !important;
  box-shadow: 0 0 0 2px #fee2e2 !important;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-save,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .long-text-popover-action-save,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .prospect-overview-popover-action-save,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .long-text-popover-action-save,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-save,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .long-text-popover-action-save,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .prospect-overview-popover-action-save,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .long-text-popover-action-save,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-save,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .long-text-popover-action-save,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .prospect-overview-popover-action-save,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .long-text-popover-action-save,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-save,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .long-text-popover-action-save,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .prospect-overview-popover-action-save,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .long-text-popover-action-save {
  display: flex;
  padding: 6px 16px;
  align-items: center;
  border-radius: 4px;
  background: #1d4ed8;
  color: #ffffff;
  border: none;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-save.disabled,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .long-text-popover-action-save.disabled,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .prospect-overview-popover-action-save.disabled,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .long-text-popover-action-save.disabled,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-save.disabled,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .long-text-popover-action-save.disabled,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .prospect-overview-popover-action-save.disabled,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .long-text-popover-action-save.disabled,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-save.disabled,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .long-text-popover-action-save.disabled,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .prospect-overview-popover-action-save.disabled,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .long-text-popover-action-save.disabled,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-save.disabled,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .long-text-popover-action-save.disabled,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .prospect-overview-popover-action-save.disabled,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .long-text-popover-action-save.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-close,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .long-text-popover-action-close,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .prospect-overview-popover-action-close,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .long-text-popover-action-close,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-close,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .long-text-popover-action-close,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .prospect-overview-popover-action-close,
.prospect-overview-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .long-text-popover-action-close,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-close,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .prospect-overview-popover-actions .long-text-popover-action-close,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .prospect-overview-popover-action-close,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .prospect-overview-popover-content .long-text-popover-actions .long-text-popover-action-close,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .prospect-overview-popover-action-close,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .prospect-overview-popover-actions .long-text-popover-action-close,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .prospect-overview-popover-action-close,
.long-text-popover .popover-body .bs-popover-content .bs-popover-inner-content .long-text-popover-content .long-text-popover-actions .long-text-popover-action-close {
  display: flex;
  padding: 6px 16px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  background: none;
}

.saved-filters-chip-popover {
  width: 216px;
}
.saved-filters-chip-popover.bs-popover-inner {
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.2392156863), 2px 2px 16px -3px rgba(4, 21, 76, 0.1607843137);
}
.saved-filters-chip-popover.bs-popover-inner {
  padding: 0px;
  border-radius: 4px;
}
.saved-filters-chip-popover .arrow {
  display: none;
}
.saved-filters-chip-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
}
.saved-filters-chip-popover .popover-body .bs-popover-content .bs-popover-inner-content .saved-filter-chip-popover {
  padding: 8px 0px;
}
.saved-filters-chip-popover .popover-body .bs-popover-content .bs-popover-inner-content .saved-filter-chip-popover .saved-filter-chip-popover-item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
}
.saved-filters-chip-popover .popover-body .bs-popover-content .bs-popover-inner-content .saved-filter-chip-popover .saved-filter-chip-popover-item .pin-view-icon {
  display: flex;
  align-items: center;
}
.saved-filters-chip-popover .popover-body .bs-popover-content .bs-popover-inner-content .saved-filter-chip-popover .saved-filter-chip-popover-item:hover {
  background: #eff6ff;
}
.saved-filters-chip-popover .popover-body .bs-popover-content .bs-popover-inner-content .saved-filter-chip-popover .saved-filter-chip-popover-item span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}

.prospect-actions .action-btn--export:disabled,
.prospect-list-content--header__bottom--right .action-btn--export:disabled {
  cursor: not-allowed !important;
}
.prospect-actions .action-btn--export:disabled:hover,
.prospect-list-content--header__bottom--right .action-btn--export:disabled:hover {
  color: #6b7280 !important;
}
.prospect-actions .action-btn--export:disabled:hover i::before,
.prospect-list-content--header__bottom--right .action-btn--export:disabled:hover i::before {
  color: #6b7280 !important;
}

.create-email-infrastructure-header,
.email-accounts-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  height: 1.25rem;
}
.create-email-infrastructure-header--title,
.email-accounts-header--title {
  color: #1f2937;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  transition: all 0.2s ease;
}
.create-email-infrastructure-header a,
.email-accounts-header a {
  cursor: pointer;
  text-decoration: none !important;
}
.create-email-infrastructure-header a:hover,
.email-accounts-header a:hover {
  color: #1d4ed8;
}
.create-email-infrastructure-header--icon,
.email-accounts-header--icon {
  color: #9ca3af;
}

.create-email-infrastructure {
  height: 100%;
  position: relative;
}
.create-email-infrastructure .bs-tabs-top > .bs-tabs-nav {
  margin: 0px !important;
  background: #fff;
}
.create-email-infrastructure .bs-tabs-nav-operations {
  display: none !important;
}
.create-email-infrastructure .bs-input-affix-wrapper:focus,
.create-email-infrastructure .bs-input-affix-wrapper:focus-within {
  box-shadow: none;
  border-color: #1d4ed8;
}
.create-email-infrastructure__tabs {
  height: 100%;
}
.create-email-infrastructure__tabs .bs-tabs-nav {
  padding: 0 1.5rem;
  border-bottom: 1px solid #eaedef;
  box-shadow: 0px 2px 4px 0px #e5e7eb;
}
.create-email-infrastructure__tabs .bs-tabs-nav .bs-tabs-nav-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.create-email-infrastructure__tabs .bs-tabs-nav .bs-tabs-tab {
  padding: 1.125rem 0 !important;
  margin-right: 0 !important;
}
.create-email-infrastructure__tabs .bs-tabs-nav .bs-tabs-ink-bar {
  height: 3px !important;
  background-color: #1d4ed8 !important;
  border-radius: 2px 2px 0px 0px !important;
}
.create-email-infrastructure__tabs .bs-tabs-content {
  height: 100%;
}
.create-email-infrastructure__tabs .bs-tabs-extra-content {
  display: flex;
  align-items: center;
}
.create-email-infrastructure__tabs--item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 1.25rem;
}
.create-email-infrastructure__tabs--item--chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1.25rem;
  color: #9ca3af;
}
.create-email-infrastructure__tabs--item--label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.create-email-infrastructure__tabs--item--label .label-text {
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-email-infrastructure__tabs--item--label .label-text.active {
  color: #1d4ed8;
  font-weight: 600;
}
.create-email-infrastructure__tabs--item--label .step-complete,
.create-email-infrastructure__tabs--item--label .step-incomplete {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
}
.create-email-infrastructure__tabs--item--label .step-complete {
  background-color: #1d4ed8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-email-infrastructure__tabs--item--label .step-complete svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #fff;
}
.create-email-infrastructure__tabs--item--label .step-incomplete {
  border: 1.5px solid #d1d5db;
}
.create-email-infrastructure__tab-bar-plan {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  padding-right: 0.5rem;
}
.create-email-infrastructure__tab-bar-plan--disabled {
  pointer-events: none;
  opacity: 0.6;
}
.create-email-infrastructure__tab-bar-plan-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #9ca3af;
  white-space: nowrap;
}
.create-email-infrastructure__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.25rem;
  position: fixed;
  bottom: 0;
  left: 4.5rem;
  right: 0;
  z-index: 10;
  padding: 0.5rem 1.5rem;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(4, 21, 76, 0.08);
}
.create-email-infrastructure__footer--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 774px;
  width: 100%;
  flex: 1;
}
.create-email-infrastructure__footer--left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-email-infrastructure__footer--left .view-cart-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.create-email-infrastructure__footer--left .view-cart-btn.noDomains {
  cursor: default;
}
.create-email-infrastructure__footer--left .view-cart-btn.noDomains:hover {
  background: transparent;
}
.create-email-infrastructure__footer--left .view-cart-btn:hover {
  background: #f3f4f6;
}
.create-email-infrastructure__footer--left .view-cart-btn .view-cart-btn--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.create-email-infrastructure__footer--left .view-cart-btn .view-cart-btn--icon svg {
  width: 100%;
  height: 100%;
  color: #6b7280;
}
.create-email-infrastructure__footer--left .view-cart-btn .view-cart-btn--text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.create-email-infrastructure__footer--left .view-cart-btn .view-cart-btn--text span {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.create-email-infrastructure__footer--right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.create-email-infrastructure__footer--left--divider {
  width: 1px;
  height: 2rem;
  background-color: #e5e7eb;
  margin-left: 0.5rem;
  margin-right: 1rem;
}
.create-email-infrastructure__footer--left--total {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.create-email-infrastructure__footer--left--total span {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.create-email-infrastructure__footer--cta {
  min-width: 6.25rem;
  gap: 0.25rem;
}
.create-email-infrastructure__footer--cta.continue-btn-lg {
  width: 12.0625rem;
}
.create-email-infrastructure .purchase-domains-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #f9fafb;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  border-bottom: 1px solid #eaedef;
  padding: 1rem 1.5rem;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container .input-container {
  display: flex;
  align-items: center;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container .input-container .bs-input-affix-wrapper {
  height: 2.25rem;
  margin-right: 0.75rem;
  max-width: 31.25rem;
  width: 31.25rem;
  padding: 0.375rem 1rem;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container .input-container .bs-input-affix-wrapper .bs-input {
  line-height: 20px;
  color: #1f2937;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container .input-container .bs-input-affix-wrapper .bs-input::placeholder {
  color: #9ca3af;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container .input-container .search-button {
  height: 2.25rem;
  width: 8.75rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container .info-container {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container .info-container .info-item {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  text-wrap: nowrap;
}
.create-email-infrastructure .purchase-domains-container .search-bar-container .info-container .number-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #f3f4f6;
  color: #1f2937;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.75rem;
  margin-right: 0.25rem;
}
.create-email-infrastructure .create-manual-email-account-container {
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background-color: white;
  width: 100%;
  border-bottom: 1px solid #eaedef;
}
.create-email-infrastructure .create-manual-email-account-container .inputs {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 12px;
  align-self: stretch;
  background-color: white;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .bs-input {
  line-height: 20px;
  color: #1f2937;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .bs-input::placeholder {
  color: #9ca3af;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .bs-input-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  width: 196px !important;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-shrink: 0;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 0.25rem;
  line-height: 1rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 5rem;
  height: 2rem;
  padding: 0 0.75rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #1f2937;
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__toggle::after {
  display: none;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__toggle:hover {
  background: #fff !important;
  border-color: #9ca3af !important;
  color: #1f2937 !important;
  box-shadow: none !important;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__toggle:focus, .create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__toggle:active {
  background: #fff !important;
  border-color: #1d4ed8 !important;
  color: #1f2937 !important;
  box-shadow: none !important;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__toggle svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #9ca3af;
  flex-shrink: 0;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__menu {
  min-width: 9rem;
  padding: 0.25rem 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  margin-top: 0.25rem;
  z-index: 1050;
  position: absolute;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  font-size: 0.8125rem;
  color: #1f2937;
  cursor: pointer;
  text-decoration: none;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__option:hover {
  background: #f9fafb;
  color: #1f2937;
  text-decoration: none;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__option--active {
  color: #1d4ed8;
  background: #eff6ff;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__option--active::after {
  content: "✓";
  font-size: 0.75rem;
  color: #1d4ed8;
  margin-left: 0.5rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__option--active:hover {
  background: #eff6ff;
  color: #1d4ed8;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__separator {
  height: 1px;
  background: #e5e7eb;
  margin: 0.25rem 0;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__custom {
  padding: 0.375rem 0.625rem 0.5rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__custom-label {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #9ca3af;
  margin-bottom: 0.25rem;
  padding: 0 0.125rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__custom input {
  width: 100%;
  height: 2rem;
  padding: 0.4375rem 0.625rem;
  border: 1.5px solid #e5e7eb;
  border-radius: 7px;
  font-size: 0.8125rem;
  color: #1f2937;
  outline: none;
  font-family: inherit;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__custom input:focus {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.08);
}
.create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__custom input::-webkit-outer-spin-button, .create-email-infrastructure .create-manual-email-account-container .inputs .azure-quantity-dropdown__custom input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .bs-input-affix-wrapper {
  padding: 6px 16px;
  line-height: 20px;
  height: 2rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .bs-input-affix-wrapper.input-error {
  border-color: #f5222d;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .bs-input-affix-wrapper.input-error:focus, .create-email-infrastructure .create-manual-email-account-container .inputs .bs-input-affix-wrapper.input-error:focus-within {
  border-color: #f5222d !important;
  box-shadow: none;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .shd-input--label {
  margin-bottom: 0 !important;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .bs-input {
  line-height: 20px;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .bs-input-label-prefix {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 4px;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .profile-image-btn {
  border: 1px solid #e5e7eb;
  width: 8.75rem;
  height: 2rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .profile-image-btn .upload-icon {
  color: #6b7280;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .profile-image-btn span {
  color: #6b7280;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  text-wrap: nowrap;
  gap: 0.25rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .profile-image-btn.uploaded {
  background-color: #f9fafb;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .add-btn {
  width: 6.25rem;
  height: 32px;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .add-btn span {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .add-btn .add-icon {
  margin-left: 0.5rem;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .add-btn--over-limit {
  border-color: #f5222d !important;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .add-btn--over-limit span {
  color: #f5222d !important;
}
.create-email-infrastructure .create-manual-email-account-container .inputs .add-btn--over-limit svg path {
  stroke: #f5222d;
}
.create-email-infrastructure .create-manual-email-account-container .inputs > div:nth-child(1) {
  position: relative;
}
.create-email-infrastructure .create-manual-email-account-container .inputs > div:nth-child(1) .email-limit-error {
  position: absolute;
  top: 100%;
  left: 0;
  color: #f5222d;
  font-size: 0.625rem;
  max-width: 20rem;
  line-height: 1rem;
  text-wrap: nowrap;
  overflow: hidden;
}
.create-email-infrastructure .create-manual-email-account-container .inputs > div:nth-child(2) {
  position: relative;
}
.create-email-infrastructure .create-manual-email-account-container .inputs > div:nth-child(2) .email-limit-error {
  position: absolute;
  top: 100%;
  left: 0;
  color: #f5222d;
  font-size: 0.625rem;
  max-width: 20rem;
  line-height: 1rem;
  text-wrap: nowrap;
  overflow: hidden;
}
.create-email-infrastructure .create-manual-email-account-container .inputs > div:nth-child(3) {
  position: relative;
}
.create-email-infrastructure .create-manual-email-account-container .inputs > div:nth-child(3) .email-limit-error {
  position: absolute;
  top: 100%;
  left: 0;
  color: #f5222d;
  font-size: 0.625rem;
  max-width: 20rem;
  line-height: 1rem;
  text-wrap: nowrap;
  overflow: hidden;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component.email-address-border-error .bs-input-affix-wrapper,
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component.email-address-border-error .email-domains-select-btn {
  border-color: #f5222d !important;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component.email-address-border-error:hover .bs-input-affix-wrapper,
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component.email-address-border-error:hover .email-domains-select-btn, .create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component.email-address-border-error:focus-within .bs-input-affix-wrapper,
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component.email-address-border-error:focus-within .email-domains-select-btn {
  border-color: #f5222d !important;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: end;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component:hover .bs-input-affix-wrapper,
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component:hover .email-domains-select-btn, .create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component:focus-within .bs-input-affix-wrapper,
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component:focus-within .email-domains-select-btn {
  border-color: #1d4ed8;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .bs-input-affix-wrapper {
  border: 1px solid #d1d5db;
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .bs-input-affix-wrapper > input.bs-input {
  width: 100% !important;
  border: none;
  border-radius: 0;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-with-select-domain {
  width: auto !important;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-with-select-domain--disabled input {
  background: #f3f4f6 !important;
  color: #9ca3af !important;
  cursor: not-allowed;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domain-capacity {
  margin-left: 0.5rem;
  font-size: 0.75rem;
  color: #9ca3af;
  font-weight: 500;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .shd-button:disabled {
  opacity: 1;
  cursor: default;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn {
  border: 0.0625rem solid #d1d5db;
  border-left: none;
  border-radius: 0 0.25rem 0.25rem 0;
  min-width: 9.875rem;
  height: 2rem;
  background-color: transparent !important;
  height: 2rem;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn:focus, .create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn:focus-within {
  outline: none;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn {
  position: relative;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 22px;
  background-color: #d1d5db;
  border-radius: 1px;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn span {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn:hover {
  background-color: transparent;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn .email-domains-select-content {
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn .email-domains-select-content .email-domains-select-no-domains {
  color: #6b7280;
  font-weight: 400;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn .email-domains-select-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}
.create-email-infrastructure .create-manual-email-account-container .create-email-accounts-email-address-component .email-domains-select-btn .email-domains-select-icon svg {
  width: 100%;
  height: 100%;
  color: #6b7280;
}
.create-email-infrastructure .azure-mailbox-warning {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: #fff1f0;
  border: 1px solid #ffccc7;
  border-radius: 0.25rem;
  margin: 0 1.5rem 0.75rem;
}
.create-email-infrastructure .azure-mailbox-warning__icon {
  color: #f5222d;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.create-email-infrastructure .azure-mailbox-warning__body {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #cf1322;
}
.create-email-infrastructure .azure-mailbox-warning__line1 {
  margin: 0 0 0.375rem;
}
.create-email-infrastructure .azure-mailbox-warning__line1 strong {
  color: #cf1322;
  font-weight: 600;
}
.create-email-infrastructure .azure-mailbox-warning__line2 {
  margin: 0;
  color: #cf1322;
}
.create-email-infrastructure .azure-mailbox-warning__contact-link {
  background: none;
  border: none;
  padding: 0;
  margin: 0 0.125rem;
  cursor: pointer;
  color: #1d4ed8;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: underline;
}
.create-email-infrastructure .azure-mailbox-warning__contact-link:hover {
  color: #1e40af;
}
.create-email-infrastructure .create-emails-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f9fafb;
}
.create-email-infrastructure .create-emails-container .emails-header {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.create-email-infrastructure .create-emails-container .emails-header p {
  color: #1f2937;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.create-email-infrastructure .create-emails-container .emails-header .emails-count {
  display: flex;
  padding: 2px 6px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 4px;
  background: #e5e7eb;
}
.create-email-infrastructure .create-emails-container .emails-header .emails-count span {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.create-email-infrastructure .contact-form-wrapper {
  padding: 24px;
  background-color: #f9fafb;
  height: calc(100% - 52px);
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: transparent;
  border-radius: 4px;
  border: none;
  height: 100%;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .notification-box {
  display: flex;
  padding: 4px 8px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  margin-bottom: 8px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .notification-box .notification-content {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .notification-box .notification-content .info-icon {
  color: #2563eb;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .notification-box .notification-content .notification-message {
  color: #1f2937;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background: white;
  border: 1px solid #eaedef;
  border-radius: 4px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .bs-input-container {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .bs-input-affix-wrapper {
  padding: 6px 16px;
  line-height: 1.25rem;
  height: 2rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .bs-input-affix-wrapper:focus-within {
  box-shadow: none;
  border-color: #1d4ed8;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .bs-input-affix-wrapper.input-error:focus,
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .bs-input-affix-wrapper.input-error:focus-within {
  box-shadow: none;
  border-color: #f5222d;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .bs-input-label-prefix {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 0.25rem !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .bs-input {
  line-height: 1.25rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .input-error-container .bs-input-label-suffix {
  font-size: 10px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .stdropdown-container {
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
  background: white;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .stsearch-box {
  padding: 0 !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .stdropdown-tool {
  padding-right: 16px !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .stsearch-box input {
  border: none !important;
  padding-left: 16px !important;
  padding-right: 0px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .stsearch-box input::placeholder {
  color: #9ca3af;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .contact-form {
  display: flex;
  gap: 1.5rem;
  width: 100%;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .contact-form .bs-input {
  color: #1f2937;
  line-height: 20px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .contact-form .bs-input::placeholder {
  color: #9ca3af;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .contact-form .name-fields {
  display: flex;
  gap: 0.8125rem;
  flex: 2;
  width: 50%;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .contact-form .name-fields input:first-child {
  flex: 1;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .contact-form .name-fields input:last-child {
  flex: 1;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .contact-form .company-name {
  flex: 2;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .address-field {
  display: flex;
  width: 774px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .address-field .bs-input {
  line-height: 20px;
  color: #1f2937;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .address-field .bs-input::placeholder {
  color: #9ca3af;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-city-state-value {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-city-state-placeholder {
  color: #9ca3af;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .bs-input-label-suffix {
  color: #f5222d;
  font-size: 10px;
  margin-bottom: 0;
  line-height: 20px;
  margin-top: 0.125rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 375px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-select-btn {
  border: 1px solid #d1d5db;
  background: white;
  color: #1f2937;
  width: 375px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-select-btn span {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-select-btn:hover {
  border-color: #346aff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-select-btn:focus-within {
  border-color: #346aff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-select-btn.has-error {
  border-color: #f5222d;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown .country-filter-dropdown.email-filter .transfer-container {
  width: 16.5rem !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
  margin-bottom: 0.5rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown .transfer-container .transfer-body .transfer-list li:hover, .create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown.country-filter .transfer-container {
  width: 16.5rem !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .country-field .country-filter-dropdown.country-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 375px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-select-btn {
  border: 1px solid #d1d5db;
  background: white;
  color: #1f2937;
  width: 375px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-select-btn span {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-select-btn:hover {
  border-color: #346aff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-select-btn:focus-within {
  border-color: #346aff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-select-btn.has-error {
  border-color: #f5222d;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown .state-filter-dropdown.state-filter .transfer-container {
  width: 16.5rem !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
  margin-bottom: 0.5rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown .transfer-container .transfer-body .transfer-list li:hover, .create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown.state-filter .transfer-container {
  width: 16.5rem !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .country-state-fields .state-field .state-filter-dropdown.state-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  margin: 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .bs-input {
  line-height: 20px;
  color: #1f2937;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .bs-input::placeholder {
  color: #9ca3af;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .bs-input-label-suffix {
  color: #f5222d;
  font-size: 10px;
  margin-bottom: 0;
  line-height: 22px;
  margin-top: 0.125rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 375px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-select-btn {
  border: 1px solid #d1d5db;
  background: white;
  color: #1f2937;
  width: 375px;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-select-btn span {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-select-btn:hover {
  border-color: #346aff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-select-btn:focus-within {
  border-color: #346aff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-select-btn.has-error {
  border-color: #f5222d;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown .city-filter-dropdown.city-filter .transfer-container {
  width: 16.5rem !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
  margin-bottom: 0.5rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown .transfer-container .transfer-body .transfer-list li:hover, .create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown.city-filter .transfer-container {
  width: 16.5rem !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .city-field .city-filter-dropdown.city-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .city-zip-fields .zip-field {
  width: 375px !important;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container {
  display: flex;
  width: 23.4375rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone-field {
  display: flex;
  flex-direction: column;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .bs-input-label-suffix {
  color: #f5222d;
  font-size: 10px;
  margin-bottom: 0;
  line-height: 22px;
  margin-top: 0.125rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone {
  display: flex;
  flex-direction: column;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input {
  display: flex;
  align-items: center;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .form-control {
  position: absolute;
  width: 327px;
  height: 2rem;
  padding-left: 0.75rem;
  background: #ffffff;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0 0.25rem 0.25rem 0;
  line-height: 1.25rem;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  margin-left: 48px;
  font-weight: 500;
  font-size: 0.875rem;
  color: #1f2937;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .form-control::placeholder {
  color: #d1d5db;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .form-control:focus, .create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .form-control:focus-within {
  outline: none;
  box-shadow: none;
  border-color: #1d4ed8;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .flag-dropdown {
  border: 0.0625rem solid #d1d5db;
  border-right: none;
  border-radius: 0.25rem 0 0 0.25rem;
  background-color: transparent;
  padding: 0.5rem;
  width: 3rem;
  height: 2rem;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  z-index: 1;
  position: relative;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .flag-dropdown:focus, .create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .flag-dropdown:focus-within {
  outline: none;
  box-shadow: none;
  border-color: #1d4ed8;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .flag-dropdown:focus + .form-control, .create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .flag-dropdown:focus-within + .form-control {
  border-left-color: #1d4ed8;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .flag-dropdown .selected-flag {
  width: 2rem;
  padding: 0;
  border-radius: 0;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input .flag-dropdown .selected-flag .flag .arrow {
  left: 1.625rem;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .form-control,
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .flag-dropdown {
  border-color: #fca5a5;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .form-control:focus, .create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .form-control:focus-within,
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .flag-dropdown:focus,
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .flag-dropdown:focus-within {
  outline: none;
  box-shadow: none;
  border-color: #fca5a5;
}
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .form-control:focus + .form-control, .create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .form-control:focus-within + .form-control,
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .flag-dropdown:focus + .form-control,
.create-email-infrastructure .contact-form-wrapper .contact-form-container .form-content .phone-field-container .phone .phone-form-input.input-error .flag-dropdown:focus-within + .form-control {
  border-color: #fca5a5;
}

.suggested-domains-emails-container {
  margin: 1.5rem;
  margin-bottom: 3.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  background: transparent;
  border-radius: 4px;
  border: none;
}
.suggested-domains-emails-container .suggested-domains-emails {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 43.375rem;
}
.suggested-domains-emails-container .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 42.375rem;
}
.suggested-domains-emails-container .header p {
  color: #1f2937;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.suggested-domains-emails-container .header .set-forwarding-link {
  color: #1d4ed8;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.suggested-domains-emails-container .header .set-forwarding-link.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.suggested-domains-emails-container .header .update-forwarding-link {
  display: flex;
  flex-direction: row;
  width: 10.5rem;
  align-items: center;
  gap: 8px;
}
.suggested-domains-emails-container .header .update-forwarding-link p {
  color: #059669;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.suggested-domains-emails-container .header .update-forwarding-link svg {
  display: block;
}
.suggested-domains-emails-container .header .update-forwarding-link svg:hover {
  cursor: pointer;
}
.suggested-domains-emails-container .header .upload-profile-image-link {
  display: flex;
  height: 20px;
  justify-content: center;
  align-items: center;
}
.suggested-domains-emails-container .header .upload-profile-image-link .upload-icon {
  margin-right: 4px;
  color: #1d4ed8;
  height: 16px;
  width: 16px;
}
.suggested-domains-emails-container .header .upload-profile-image-link span {
  color: #1d4ed8;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.suggested-domains-emails-container .header .upload-profile-image-link.disabled {
  opacity: 0.35;
  pointer-events: none;
}
.suggested-domains-emails-container .header .update-forwarding-link .disabled {
  opacity: 0.35;
}
.suggested-domains-emails-container .cart-selection-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  background: #fffbeb;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  width: 42.375rem;
}
.suggested-domains-emails-container .cart-selection-banner__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.suggested-domains-emails-container .cart-selection-banner__actions .divider-vertical {
  width: 0.063rem;
  height: 1rem;
  background: #9ca3af;
}
.suggested-domains-emails-container .cart-selection-banner__actions span[role=button] {
  cursor: pointer;
}
.suggested-domains-emails-container .suggested-domains-emails-table-outer-container {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding-right: 8px;
}
.suggested-domains-emails-container .purchase-domains-height {
  height: calc(100vh - 330px - var(--banner-height, 0px));
}
.suggested-domains-emails-container .purchase-domains-height .infinite-scroll-component {
  height: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.suggested-domains-emails-container .create-emails-height {
  height: calc(100vh - 312px - var(--banner-height, 0px));
}
.suggested-domains-emails-container .suggested-domains-emails-table-container {
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
  width: 42.5rem;
}
.suggested-domains-emails-container .domains-emails-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.suggested-domains-emails-container .domains-emails-table th,
.suggested-domains-emails-container .domains-emails-table td {
  padding: 0;
  text-align: left;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
}
.suggested-domains-emails-container .domains-emails-table th:last-child,
.suggested-domains-emails-container .domains-emails-table td:last-child {
  border-right: none;
}
.suggested-domains-emails-container .domains-emails-table th:nth-child(1),
.suggested-domains-emails-container .domains-emails-table td:nth-child(1) {
  min-width: 31.25rem;
  max-width: 31.25rem;
}
.suggested-domains-emails-container .domains-emails-table th:nth-child(2),
.suggested-domains-emails-container .domains-emails-table td:nth-child(2) {
  min-width: 8.625rem;
  max-width: 8.625rem;
}
.suggested-domains-emails-container .domains-emails-table th:nth-child(3),
.suggested-domains-emails-container .domains-emails-table td:nth-child(3) {
  padding: 10px;
  min-width: 2.5rem;
  max-width: 2.5rem;
}
.suggested-domains-emails-container .domains-emails-table th:nth-child(3) span,
.suggested-domains-emails-container .domains-emails-table td:nth-child(3) span {
  padding: 0;
}
.suggested-domains-emails-container .domains-emails-table.no-email-account-price th:nth-child(2),
.suggested-domains-emails-container .domains-emails-table.no-email-account-price td:nth-child(2) {
  padding: 10px;
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
}
.suggested-domains-emails-container .domains-emails-table.no-email-account-price th:nth-child(2) span,
.suggested-domains-emails-container .domains-emails-table.no-email-account-price td:nth-child(2) span {
  padding: 0;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox th,
.suggested-domains-emails-container .domains-emails-table.has-checkbox td {
  vertical-align: middle;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox th:nth-child(1),
.suggested-domains-emails-container .domains-emails-table.has-checkbox td:nth-child(1) {
  padding: 10px;
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  text-align: center;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox th:nth-child(1) span,
.suggested-domains-emails-container .domains-emails-table.has-checkbox td:nth-child(1) span {
  padding: 0;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox th:nth-child(2),
.suggested-domains-emails-container .domains-emails-table.has-checkbox td:nth-child(2) {
  min-width: 28.75rem;
  max-width: 28.75rem;
  padding-left: 0.5rem;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox th:nth-child(3),
.suggested-domains-emails-container .domains-emails-table.has-checkbox td:nth-child(3) {
  min-width: 8.625rem;
  max-width: 8.625rem;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox th:nth-child(4),
.suggested-domains-emails-container .domains-emails-table.has-checkbox td:nth-child(4) {
  padding: 10px;
  min-width: 2.5rem;
  max-width: 2.5rem;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox th:nth-child(4) span,
.suggested-domains-emails-container .domains-emails-table.has-checkbox td:nth-child(4) span {
  padding: 0;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox.no-email-account-price th:nth-child(3),
.suggested-domains-emails-container .domains-emails-table.has-checkbox.no-email-account-price td:nth-child(3) {
  padding: 10px;
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
}
.suggested-domains-emails-container .domains-emails-table.has-checkbox.no-email-account-price th:nth-child(3) span,
.suggested-domains-emails-container .domains-emails-table.has-checkbox.no-email-account-price td:nth-child(3) span {
  padding: 0;
}
.suggested-domains-emails-container .domains-emails-table td {
  padding: 0;
  height: 40px;
}
.suggested-domains-emails-container .domains-emails-table td span {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.suggested-domains-emails-container .domains-emails-table td .email-with-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  padding: 0 1rem;
}
.suggested-domains-emails-container .domains-emails-table td .email-with-icon img.email-accounts-profile-image {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  object-fit: cover;
}
.suggested-domains-emails-container .domains-emails-table td .email-with-icon .email-with-icon-text {
  padding: 0;
}
.suggested-domains-emails-container .domains-emails-table th {
  padding: 0;
  height: 46px;
}
.suggested-domains-emails-container .domains-emails-table th span {
  display: flex;
  color: #6b7280;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  text-wrap: nowrap;
}
.suggested-domains-emails-container .domains-emails-table .add-to-cart-icon {
  display: block;
  cursor: pointer;
  color: #6b7280;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.suggested-domains-emails-container .domains-emails-table .add-to-cart-icon:hover {
  color: #1d4ed8;
  background-color: #dbeafe;
}
.suggested-domains-emails-container .domains-emails-table .remove-from-cart-icon {
  display: block;
  cursor: pointer;
  color: #059669;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.suggested-domains-emails-container .domains-emails-table .remove-from-cart-icon:hover {
  color: #6b7280;
  background-color: #e5e7eb;
}
.suggested-domains-emails-container .domains-emails-table .row-selected {
  background-color: #f9fafb;
}
.suggested-domains-emails-container .domains-emails-table .remove-email-from-cart-icon {
  display: block;
  cursor: pointer;
}
.suggested-domains-emails-container .domains-emails-table .remove-email-from-cart-icon:hover {
  border-radius: 4px;
  background-color: #fee2e2;
  color: #b91c1c;
}

.create-email-infrastructure-cart ::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.4375rem;
}
.create-email-infrastructure-cart ::-webkit-scrollbar-track {
  background: #ffffff;
}
.create-email-infrastructure-cart ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 0.25rem;
}
.create-email-infrastructure-cart .modal-dialog {
  width: 581px;
  max-width: none;
  height: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  border-radius: 1.25rem;
}
.create-email-infrastructure-cart .modal-content {
  height: 100%;
  max-height: 100%;
  border: 0;
  border-radius: 0;
}
.create-email-infrastructure-cart .modal-header {
  display: flex;
  padding: 1.25rem 1.875rem;
  min-height: auto;
  border-bottom: 2px solid #e5e7eb;
}
.create-email-infrastructure-cart .modal-header .modal-title {
  color: #000;
  line-height: 1.25rem;
}
.create-email-infrastructure-cart .modal-header .close-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-email-infrastructure-cart .modal-header .close-icon-btn svg {
  color: #1f2937;
}
.create-email-infrastructure-cart .modal-header .close-icon-btn:hover {
  cursor: pointer;
}
.create-email-infrastructure-cart .modal-body {
  padding: 0.875rem 1.875rem 0 1.875rem;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.create-email-infrastructure-cart .modal-body .cart-accordion {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__item {
  border: none !important;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__button {
  padding: 0;
  background-color: transparent;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__button::before {
  display: none;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__button .accordion-item-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__button .accordion-item-title .accordion-item-title-text {
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__button .accordion-item-title .domains-badge {
  display: flex;
  padding: 0.125rem 0.375rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  border-radius: 0.25rem;
  background-color: #e5e7eb;
  height: 1.25rem;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__button .accordion-item-title .domains-badge span {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__button .accordion-item-title svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel {
  padding: 0;
  padding-top: 0.5rem;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel .cart-data-list {
  display: flex;
  flex-direction: column;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel .cart-data-list .cart-data-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e5e7eb;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel .cart-data-list .cart-data-item .cart-data-item-name {
  color: #1f2937;
  font-weight: 500;
  line-height: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel .cart-data-list .cart-data-item .cart-data-item-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-price {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-remove {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  color: #6b7280;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-remove svg {
  width: 100%;
  height: 100%;
}
.create-email-infrastructure-cart .modal-body .cart-accordion .accordion__panel .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-remove:hover {
  color: #b91c1c;
  background-color: #fee2e2;
}
.create-email-infrastructure-cart .modal-footer {
  padding: 1rem 1.875rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  max-height: unset;
  min-height: unset;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.create-email-infrastructure-cart .modal-footer .cart-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
}
.create-email-infrastructure-cart .modal-footer .cart-info .cart-info-left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.create-email-infrastructure-cart .modal-footer .cart-info .cart-info-left p {
  margin: 0;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.create-email-infrastructure-cart .modal-footer .cart-info .cart-info-right {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.create-email-infrastructure-cart .modal-footer .cart-info .cart-info-right p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.create-email-infrastructure-cart .modal-footer .cart-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
}
.create-email-infrastructure-cart .modal-footer .cart-actions .clear-all-btn {
  padding: 0;
  text-decoration: none;
  width: 3.4375rem;
}
.create-email-infrastructure-cart .modal-footer .cart-actions .cart-next-button {
  min-width: 6.25rem;
  gap: 0.25rem;
}
.create-email-infrastructure-cart .modal-footer .cart-actions .cart-next-button.continue-btn-lg {
  width: 12.0625rem;
}
.create-email-infrastructure-cart {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.create-email-infrastructure-cart.show {
  transform: translateX(0);
}
.create-email-infrastructure-cart.hide {
  transform: translateX(100%);
}

.email-filter-dropdown .email-filter-dropdown.email-filter .transfer-container {
  width: 16.5rem !important;
}
.email-filter-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.email-filter-dropdown .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
}
.email-filter-dropdown .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
  margin-bottom: 0.5rem;
}
.email-filter-dropdown .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.email-filter-dropdown .transfer-container .transfer-body .transfer-list li:hover, .email-filter-dropdown .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.email-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.email-filter-dropdown .transfer-container .transfer-body .transfer-footer {
  display: flex;
  width: 264px;
  padding: 8px 16px;
  justify-content: space-between;
  align-items: center;
  border: 0.0625rem solid #e5e7eb;
}
.email-filter-dropdown .transfer-container .transfer-body .transfer-footer .bs-checkbox-wrapper {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.email-filter-dropdown .transfer-container .transfer-body .transfer-footer .shd-button {
  display: flex;
  height: 32px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
}
.email-filter-dropdown.email-filter .transfer-container {
  width: 16.5rem !important;
}
.email-filter-dropdown.email-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}

.shd-modal.create-email-infrastructure-confirmation-modal .modal-content {
  border: 1px solid #e5e7eb !important;
  min-width: 28.25rem !important;
  min-height: auto !important;
}

.create-email-infrastructure-confirmation-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.create-email-infrastructure-confirmation-modal .shd-modal--header {
  padding-bottom: 1rem !important;
}
.create-email-infrastructure-confirmation-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.create-email-infrastructure-confirmation-modal .shd-modal--body {
  padding-bottom: 1.5rem !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.create-email-infrastructure-confirmation-modal .shd-modal--body p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.create-email-infrastructure-confirmation-modal .shd-modal--divider {
  height: 1px !important;
}
.create-email-infrastructure-confirmation-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
}

.shd-modal.upload-profile-image-modal .modal-content {
  border: none !important;
}

.upload-profile-image-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.upload-profile-image-modal .shd-modal--header {
  padding-bottom: 1.5rem !important;
}
.upload-profile-image-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container p {
  margin-bottom: 0;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container .avatar-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  height: 7.8125rem;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container .info-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container .info-section .image-note {
  width: 246px;
  color: #6b7280;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container .info-section .alert-box {
  display: flex;
  padding: 4px 8px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  margin-bottom: 24px;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container .info-section .alert-box .alert-content {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  text-wrap: nowrap;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container .info-section .alert-box .alert-content .icon-info {
  display: block;
  color: #2563eb;
}
.upload-profile-image-modal .shd-modal--body .upload-profile-image-container .info-section .alert-box .alert-content .alert-note {
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-wrap: nowrap;
}
.upload-profile-image-modal .shd-modal--divider {
  height: 1px !important;
}
.upload-profile-image-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
}
.upload-profile-image-modal .profile-image-crop-container {
  width: 100%;
  height: 100%;
  max-width: 25.125rem;
  max-height: 25.125rem;
  margin-bottom: 1.5rem;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-container {
  margin: 0 auto;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-modal {
  background-color: #000;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-view-box,
.upload-profile-image-modal .profile-image-crop-container .cropper-face {
  border-radius: 50%;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-view-box {
  outline: 0;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-face {
  background-color: inherit !important;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-line {
  background-color: #fff;
  opacity: 1;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-line.line-e {
  width: 0.1875rem;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-line.line-s {
  height: 0.1875rem;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-line.line-w {
  width: 0.1875rem;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-line.line-n {
  height: 0.1875rem;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-point {
  background: transparent;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-point.point-ne {
  width: 1.25rem;
  height: 1.25rem;
  right: -6px;
  top: -6px;
  border-top: 0.375rem solid #fff;
  border-right: 0.375rem solid #fff;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-point.point-nw {
  width: 1.25rem;
  height: 1.25rem;
  left: -6px;
  top: -6px;
  border-top: 0.375rem solid #fff;
  border-left: 0.375rem solid #fff;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-point.point-sw {
  width: 1.25rem;
  height: 1.25rem;
  bottom: -6px;
  left: -6px;
  border-bottom: 0.375rem solid #fff;
  border-left: 0.375rem solid #fff;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-point.point-se {
  width: 1.25rem;
  height: 1.25rem;
  bottom: -6px;
  right: -6px;
  border-bottom: 0.375rem solid #fff;
  border-right: 0.375rem solid #fff;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-center {
  display: none;
}
.upload-profile-image-modal .profile-image-crop-container .cropper-crop-box {
  background: rgba(255, 255, 255, 0);
}

.going-back-to-email-accounts-confirmation-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.going-back-to-email-accounts-confirmation-modal .shd-modal--header {
  padding-bottom: 1rem !important;
}
.going-back-to-email-accounts-confirmation-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.going-back-to-email-accounts-confirmation-modal .shd-modal--body {
  padding-bottom: 1.5rem !important;
}
.going-back-to-email-accounts-confirmation-modal .shd-modal--body p {
  margin: 0;
}
.going-back-to-email-accounts-confirmation-modal .shd-modal--body .warning-note {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.going-back-to-email-accounts-confirmation-modal .shd-modal--body .confirmation-text {
  margin-top: 16px;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.going-back-to-email-accounts-confirmation-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
}

.shd-modal.billing-summary-confirmation-modal .modal-content {
  border: none !important;
}

.billing-summary-confirmation-modal .modal-dialog {
  max-width: 25.5625rem !important;
}
.billing-summary-confirmation-modal .shd-modal--header {
  padding: 1.25rem 1.5rem !important;
}
.billing-summary-confirmation-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.billing-summary-confirmation-modal .shd-modal--body {
  padding-bottom: 1.5rem !important;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary p {
  margin-bottom: 0 !important;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .price-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
  margin-top: 24px;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .price-details .price-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .price-details .price-list .price-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .price-details .price-list .price-item .label {
  color: #4b5563;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .price-details .price-list .price-item .value {
  color: #1f2937;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .price-details .price-details-divider {
  width: 100%;
  height: 0.125rem;
  background: #e5e7eb;
  display: flex;
  align-self: center;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .total-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .total-section .total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .total-section .total-row .total-label {
  display: flex;
  height: 20px;
  padding: 2px 89px 3px 0px;
  align-items: center;
  color: #1f2937;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .total-section .total-row .total-value {
  color: #1f2937;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .total-section .policy-text {
  width: 100%;
  color: #6b7280;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .pricing .total-section .policy-text .refund-policy-link {
  color: #1d4ed8;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 12px;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .footer .footer-divider {
  width: 100%;
  height: 0.0625rem;
  background: #e5e7eb;
  display: flex;
  align-self: center;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .footer .policy-list {
  margin: 0;
  padding: 0.625rem;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 2.125rem;
  background: #eff6ff;
  border-radius: 0.625rem;
}
.billing-summary-confirmation-modal .shd-modal--body .billing-summary .footer .pay-now {
  background-color: #1e40af !important;
  width: 100%;
}
.billing-summary-confirmation-modal .shd-modal--divider {
  display: none !important;
}

.country-filter .transfer-container,
.state-filter .transfer-container,
.city-filter .transfer-container {
  min-width: 23.25rem !important;
}

.suggested-domains-emails-empty-list {
  margin: 24px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: 4px;
  border: none;
}
.suggested-domains-emails-empty-list .empty-list {
  display: flex;
  min-width: 396px;
  height: auto;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
}
.suggested-domains-emails-empty-list .empty-list .empty-list-header {
  width: 382px;
  margin-top: 24px;
  margin-bottom: 16px;
  color: #1f2937;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-wrap: nowrap;
}
.suggested-domains-emails-empty-list .empty-list .empty-list-note {
  width: 396px;
  color: #6b7280;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.searching-domains .suggested-domains-emails-container {
  margin-bottom: 0;
}
.searching-domains .searching-domains-text {
  margin: 0 auto;
  margin-top: 1rem;
  width: max-content;
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  text-wrap: nowrap;
}

.email-account-esp-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dedicated-ips-divider {
  width: 0.0625rem;
  height: 1rem;
  border-radius: 0.0625rem;
  background: #e5e7eb;
}

.dedicated-ips-counter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dedicated-ips-counter__label, .dedicated-ips-counter__count {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 20px;
}
.dedicated-ips-counter__container {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dedicated-ips-counter__container .shd-button {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.375rem;
  color: #1f2937 !important;
  border: 1px solid #e5e7eb !important;
}
.dedicated-ips-counter__container .shd-button svg {
  width: 0.75rem;
  height: 0.75rem;
}
.dedicated-ips-counter__container .shd-button:disabled {
  color: #6b7280 !important;
  opacity: 1;
}

.choose-plan-tab {
  padding: 0.5rem 3rem 2.5rem;
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  height: calc(100vh - 160px);
}
.choose-plan-tab__scroll-area {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 3rem 2rem;
  scrollbar-width: none;
}
.choose-plan-tab__scroll-area::-webkit-scrollbar {
  display: none;
}
.choose-plan-tab__provider-toggle {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0.25rem auto 1.5rem;
  padding: 0.25rem;
  max-width: 600px;
  width: 100%;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.choose-plan-tab__provider-toggle::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: calc(33.333% - 0.167rem);
  height: calc(100% - 0.5rem);
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.choose-plan-tab__provider-toggle--microsoft::before {
  transform: translateX(100%);
}
.choose-plan-tab__provider-toggle--azure::before {
  transform: translateX(200%);
}
.choose-plan-tab__provider-toggle--two-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 400px;
}
.choose-plan-tab__provider-toggle--two-options::before {
  width: calc(50% - 0.25rem);
}
.choose-plan-tab__provider-toggle--two-options.choose-plan-tab__provider-toggle--microsoft::before {
  transform: translateX(100%);
}
.choose-plan-tab__provider-btn {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
  line-height: 1.2;
  border-radius: 0.375rem;
  transition: color 0.2s ease, font-weight 0.2s ease;
}
.choose-plan-tab__provider-btn svg {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}
.choose-plan-tab__provider-btn--active {
  color: #111827;
  font-weight: 600;
}
.choose-plan-tab__table {
  background: #fff;
  border: 1px solid #eaedef;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.choose-plan-tab--single-column .choose-plan-tab__scroll-area {
  overflow-y: auto;
  scrollbar-width: none;
}
.choose-plan-tab--single-column .choose-plan-tab__scroll-area::-webkit-scrollbar {
  display: none;
}
.choose-plan-tab--single-column .choose-plan-tab__table {
  max-width: 620px;
  margin: 0 auto;
}
.choose-plan-tab--single-column .choose-plan-tab__row {
  grid-template-columns: 160px 1fr;
}
.choose-plan-tab--single-column .choose-plan-tab__select-btn {
  max-width: 400px;
  align-self: center;
}
.choose-plan-tab__row {
  display: grid;
  grid-template-columns: 180px repeat(3, 1fr);
  border-bottom: 1px solid #eaedef;
}
.choose-plan-tab__row:last-child {
  border-bottom: none;
}
.choose-plan-tab__row--header {
  border-bottom: 2px solid #eaedef;
}
.choose-plan-tab__row--even {
  background: #f9fafb;
}
.choose-plan-tab__cell {
  padding: 1rem 1.5rem;
  font-size: 14px;
  font-weight: 500;
  color: #202020;
  border-left: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.choose-plan-tab__cell:first-child {
  border-left: none;
}
.choose-plan-tab__cell--label {
  font-weight: 500;
  color: #1f2937;
  font-size: 0.875rem;
}
.choose-plan-tab__cell--green {
  color: #047857;
}
.choose-plan-tab__cell--amber {
  color: #b45309;
}
.choose-plan-tab__cell--blue {
  color: #1d4ed8;
  background: #eff6ff;
}
.choose-plan-tab__cell--blue-label {
  color: #1d4ed8;
  background: #eff6ff;
  border-right: 1px solid #eaedef;
}
.choose-plan-tab__cell--plan-header {
  flex-direction: column;
  align-items: stretch;
  padding: 0.75rem 1.5rem 1.75rem;
  position: relative;
}
.choose-plan-tab__badge {
  display: inline-flex;
  align-items: center;
  background: #f59e0b;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 3px;
  line-height: 1.4;
  white-space: nowrap;
  top: 12px;
  right: 12px;
  position: absolute;
}
.choose-plan-tab__plan-name-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 8px 0 12px;
}
.choose-plan-tab__plan-name {
  font-size: 18px;
  font-weight: 600;
  color: #374151;
}
.choose-plan-tab__plan-price {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
  margin-bottom: 0.5rem;
}
.choose-plan-tab__plan-price-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #374151;
  line-height: 1;
}
.choose-plan-tab__plan-price-note {
  font-size: 0.8125rem;
  color: #9ca3af;
}
.choose-plan-tab__plan-included {
  display: inline-flex;
  align-self: flex-start;
  width: fit-content;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  margin-bottom: 0.5rem;
  background: #d1fae5;
  color: #047857;
  font-size: 0.8125rem;
  font-weight: 500;
  border-radius: 0.25rem;
}
.choose-plan-tab__plan-included-check {
  font-weight: 700;
}
.choose-plan-tab__select-btn {
  width: 100%;
  height: 40px;
}
.choose-plan-tab__azure-note {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.625rem 3rem 1.5rem;
  font-size: 0.8125rem;
  color: #9ca3af;
  background-color: #f9fafb;
}
.choose-plan-tab__azure-note strong {
  color: #1f2937;
}
.choose-plan-tab__azure-note-icon {
  color: #52c41a;
  flex-shrink: 0;
}

.azure-mailbox-cart {
  width: 100%;
  border: 1px solid #eaedef;
  border-radius: 0.5rem;
  overflow: hidden;
}
.azure-mailbox-cart__action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: rgba(29, 78, 216, 0.06);
  border-bottom: 1px solid #eaedef;
}
.azure-mailbox-cart__remove-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  color: #f5222d;
  padding: 0.25rem 0.5rem;
}
.azure-mailbox-cart__remove-btn:hover {
  text-decoration: underline;
}
.azure-mailbox-cart__domain-group {
  border-bottom: 1px solid #eaedef;
}
.azure-mailbox-cart__domain-group:last-child {
  border-bottom: none;
}
.azure-mailbox-cart__domain-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: #f9fafb;
  cursor: pointer;
  user-select: none;
}
.azure-mailbox-cart__domain-header:hover {
  background: #f3f4f6;
}
.azure-mailbox-cart__domain-checkbox {
  display: flex;
  align-items: center;
}
.azure-mailbox-cart__domain-count {
  margin-left: auto;
  margin-right: 0.5rem;
}
.azure-mailbox-cart__chevron {
  font-size: 1.25rem;
  line-height: 1;
  color: #9ca3af;
  transform: rotate(90deg);
  transition: transform 0.15s ease;
  display: inline-block;
}
.azure-mailbox-cart__chevron--open {
  transform: rotate(-90deg);
}
.azure-mailbox-cart__domain-rows {
  background: #fff;
}
.azure-mailbox-cart__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  border-top: 1px solid #eaedef;
  transition: background 0.1s ease;
}
.azure-mailbox-cart__row--selected {
  background: rgba(29, 78, 216, 0.04);
}
.azure-mailbox-cart__row:hover {
  background: #f9fafb;
}

.plan-switcher-dropdown {
  min-width: 200px;
}
.plan-switcher-dropdown__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.plan-switcher-dropdown__option-label {
  color: #1f2937;
  font-weight: 500;
  font-size: 0.8125rem;
}
.plan-switcher-dropdown__option-rate {
  color: #6b7280;
  font-size: 0.75rem;
}
.plan-switcher-dropdown__selected {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f2937;
}

.transfer-overlay.plan-switcher-dropdown li.active,
.transfer-select-box.plan-switcher-dropdown li.active {
  background: rgba(29, 78, 216, 0.06) !important;
}
.transfer-overlay.plan-switcher-dropdown li.active .plan-switcher-dropdown__option-label,
.transfer-select-box.plan-switcher-dropdown li.active .plan-switcher-dropdown__option-label {
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}
.transfer-overlay.plan-switcher-dropdown li.active .plan-switcher-dropdown__option-rate,
.transfer-select-box.plan-switcher-dropdown li.active .plan-switcher-dropdown__option-rate {
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}

.flexi-minimum-warning-banner {
  position: fixed;
  left: 51.5%;
  bottom: 3.875rem;
  transform: translateX(-50%);
  width: min(700px, calc(100% - 3rem));
  margin: 0;
  padding: 12px 11px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
  z-index: 11;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.flexi-minimum-warning-banner svg {
  flex-shrink: 0;
  color: #d97706;
}
.flexi-minimum-warning-banner__text {
  color: #1f2937;
  font-size: 12px;
  line-height: 16px;
}
.flexi-minimum-warning-banner__text strong {
  font-weight: 700;
  color: #1f2937;
}
.flexi-minimum-warning-banner__close {
  margin-left: auto;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  color: #9ca3af;
  display: flex;
  align-items: center;
}
.flexi-minimum-warning-banner__close:hover {
  opacity: 0.7;
}

.connect-smtp-imap-account-modal .modal-content {
  border-radius: 0.5rem !important;
}
.connect-smtp-imap-account-modal .modal-dialog {
  max-width: 55.25rem;
}
.connect-smtp-imap-account-modal .modal-body {
  overflow-y: scroll;
  background-color: #f3f4f6;
  padding: 0.5rem !important;
}
@media screen and (max-width: 1366px) {
  .connect-smtp-imap-account-modal .modal-body {
    overflow-y: auto;
  }
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper {
  width: 100%;
  display: flex;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper {
  width: 66%;
  overflow-y: scroll;
  max-height: calc(90vh - 9.5rem);
}
@media screen and (max-width: 1366px) {
  .connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper {
    overflow-y: hidden;
    max-height: 100%;
  }
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-header-wrapper .form-header-title {
  width: 15.25rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-header-wrapper .form-header-title .title-txt {
  text-decoration: underline;
  margin-right: 0.125rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .switch-wrap {
  margin-top: 1rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .switch-wrap .smtp-imap-switch label span {
  min-width: 19rem;
  font-size: 0.75rem;
  color: #1f2937;
  font-weight: 500;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .switch-wrap .use-username label span {
  min-width: 9rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 1.5rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item {
  width: 15.25rem;
  margin-top: 0.3rem;
  position: relative;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item .email-provider-dropdown {
  margin-top: 0.125rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item .email-provider-dropdown .bs-select-box {
  background: #f7f8f9;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item .email-provider-dropdown .bs-select-box-icon-wrapper i {
  color: #9ca3af;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item .form-control-input span {
  background: #f7f8f9;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item .form-control-input span input {
  background: #f7f8f9;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item .form-control-input label {
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 600;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item:last-child {
  display: flex;
  justify-content: space-between;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item:last-child .port-input-wrap {
  margin-right: 0.5rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item:last-child .port-input-wrap .port-input {
  min-width: 4.9375rem;
  max-width: 4.9375rem;
  background: #f7f8f9;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item:last-child .encryption-radio-group-wrap .encryption-radio-group {
  margin-top: 0.125rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item:last-child .encryption-radio-group-wrap .encryption-radio-group .encryption-radio-input .btn-solid {
  padding: 0.4rem 0.5625rem;
  font-size: 0.75rem;
  background: #f7f8f9;
  color: #9ca3af;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item:last-child .encryption-radio-group-wrap .encryption-radio-group .encryption-radio-input .btn-solid:focus, .connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item:last-child .encryption-radio-group-wrap .encryption-radio-group .encryption-radio-input .btn-solid:hover, .connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item:last-child .encryption-radio-group-wrap .encryption-radio-group .encryption-radio-input .btn-solid.active {
  z-index: 1;
  color: #1d4ed8;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .form-wrapper .form-container .form-item .validation-txt {
  position: absolute;
  bottom: -0.6rem;
  color: #dc2626;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .tips-wrapper .tips-container {
  width: 17.75rem;
  border-radius: 0.625rem;
  padding: 1rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .tips-wrapper .tips-container .tips-title .title-txt {
  line-height: 1.125rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .tips-wrapper .tips-container .tips-sections {
  margin-top: -0.5rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .tips-wrapper .tips-container .tips-sections .tip-section-points ul,
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .tips-wrapper .tips-container .tips-sections .tip-section-points ol {
  margin-left: -1.25rem;
  line-height: 1.125rem !important;
  margin-bottom: 0px !important;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .tips-wrapper .tips-container .tips-footer {
  border-top: 1px solid #e5e7eb;
  padding-top: 1rem;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .tips-wrapper .test-email-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.connect-smtp-imap-account-modal .modal-body .add-smtp-imap-wrapper .tips-wrapper .test-email-section .test-btn.btn-solid {
  margin-left: 0.25rem !important;
  border: 1px solid #e5e7eb;
}
.connect-smtp-imap-account-modal .modal-footer {
  padding-bottom: 0.5rem;
}
.connect-smtp-imap-account-modal .modal-footer .submit-btn {
  background: #1d4ed8;
  color: #fff;
}
.connect-smtp-imap-account-modal .modal-footer .submit-btn.disabled {
  opacity: 0.35;
}

.trulyinbox-email-account-consent-modal .modal-content {
  border-radius: 0.5rem !important;
}
.trulyinbox-email-account-consent-modal .modal-dialog {
  max-width: 34.313rem;
}
.trulyinbox-email-account-consent-modal .modal-body {
  overflow-y: scroll;
  max-height: 28.375rem !important;
  padding: 0.5rem !important;
}
@media screen and (max-width: 1366px) {
  .trulyinbox-email-account-consent-modal .modal-body {
    overflow-y: auto;
  }
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper {
  width: 100%;
  display: flex;
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper .header-content {
  color: #4b5563;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin-bottom: 0;
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper .header-points {
  margin-left: -1rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper .header-points li {
  color: #6b7280;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper .consent-container {
  margin-top: 0.563rem;
  display: flex;
  width: 31.313rem;
  padding: 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.5rem;
  background: #eff6ff;
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper .consent-container p {
  color: #1f2937;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.125rem;
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper .consent-container ul {
  margin-left: -1rem;
  color: #6b7280;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper .terms-and-conditions {
  margin-top: 2.188rem;
}
.trulyinbox-email-account-consent-modal .modal-body .trulyinbox-email-account-consent-wrapper .terms-and-conditions .bs-checkbox-wrapper {
  color: #1f2937;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.trulyinbox-email-account-consent-modal .modal-footer {
  padding-bottom: 0.5rem;
}
.trulyinbox-email-account-consent-modal .modal-footer .submit-btn {
  background: #1d4ed8;
  color: #fff;
}
.trulyinbox-email-account-consent-modal .modal-footer .submit-btn.disabled {
  opacity: 0.35;
}

/* First box (Daily Sending Limits card) - Frame 1618873999 / 1618874007 */
.email-account-daily-sending-limit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 16px;
  width: 100%;
}
.email-account-daily-sending-limit .header-btn.disabled {
  cursor: not-allowed;
}
.email-account-daily-sending-limit {
  /* Row layout: Frame 1618874003 - justify-content space-between, gap 59px */
}
.email-account-daily-sending-limit .daily-sending-row,
.email-account-daily-sending-limit .inbox-placement-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  gap: 59px;
  width: 100%;
  min-height: 40px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.email-account-daily-sending-limit .daily-sending-row .col-md-8,
.email-account-daily-sending-limit .inbox-placement-row .col-md-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  max-width: 515px;
  flex: 1;
}
.email-account-daily-sending-limit .inbox-placement-row {
  margin-bottom: 0 !important;
}
.email-account-daily-sending-limit .total-number-title {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  margin-bottom: 0;
}
.email-account-daily-sending-limit .total-number-caption {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
  margin: 0;
}
.email-account-daily-sending-limit .width-40 {
  width: 40% !important;
}
.email-account-daily-sending-limit .transparent-background {
  background: transparent;
}
.email-account-daily-sending-limit .link-button {
  color: #0137fc;
  text-decoration: underline;
  background: transparent;
  border: none;
}
.email-account-daily-sending-limit .snackbar {
  position: absolute;
  bottom: 5%;
  width: 100%;
  left: 20%;
  z-index: 1;
}
.email-account-daily-sending-limit .snackbar-div {
  display: flex;
  background: #1f2937;
  color: #ffffff;
  width: 70%;
  z-index: 100;
}
.email-account-daily-sending-limit .snackbar-icon {
  width: 10%;
}
.email-account-daily-sending-limit .snackbar-content {
  width: 90%;
  font-size: 14px;
}
.email-account-daily-sending-limit .close-button {
  background: transparent;
  border: none;
}
.email-account-daily-sending-limit .alert {
  margin: 0;
}
.email-account-daily-sending-limit {
  /* Unified hard limit banner - amber warning style (single banner for sequence + inbox placement) */
}
.email-account-daily-sending-limit .unified-hard-limit-banner {
  display: flex;
  gap: 12px;
  width: 100%;
  padding: 6px 6px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 16px !important;
}
.email-account-daily-sending-limit .unified-hard-limit-banner__icon {
  flex-shrink: 0;
  margin-top: 2px;
}
.email-account-daily-sending-limit .unified-hard-limit-banner__content {
  flex: 1;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
}
.email-account-daily-sending-limit .unified-hard-limit-banner__link {
  color: #1d4ed8;
  text-decoration: underline;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
}
.email-account-daily-sending-limit .unified-hard-limit-banner__link:hover {
  color: #1e40af;
}
.email-account-daily-sending-limit .unified-hard-limit-banner__inner {
  align-items: flex-start !important;
  grid-column-gap: 0;
  column-gap: 2px;
}
.email-account-daily-sending-limit .sending-settings-section-divider {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #e5e7eb;
  margin: 0;
}
.email-account-daily-sending-limit {
  /* Footer Frame 1618874101 - flex row, gap 16px, height 32px */
}
.email-account-daily-sending-limit .sending-settings-section-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  gap: 16px;
  width: 100%;
  min-height: 32px;
}
.email-account-daily-sending-limit .sending-settings-section-footer .section-save-btn {
  min-width: 65px;
  height: 32px;
  padding: 6px 16px;
  border-radius: 4px;
  background: #1d4ed8;
  font-size: 14px;
  line-height: 20px;
}
.email-account-daily-sending-limit .total-daily-limit-badge-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.email-account-daily-sending-limit .total-daily-limit-badge-wrap .total-daily-limit-label {
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
}
.email-account-daily-sending-limit .total-daily-limit-badge-wrap .total-daily-limit-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  gap: 4px;
  background: #e5e7eb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #1f2937;
  cursor: pointer;
}
.email-account-daily-sending-limit .total-daily-limit-badge-wrap .info-icon {
  width: 14px;
  height: 14px;
  cursor: pointer;
  flex-shrink: 0;
}
.email-account-daily-sending-limit {
  /* Warm-up row - Frame 1618874004, min-height 44px */
}
.email-account-daily-sending-limit .warm-up-emails-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  gap: 59px;
  width: 100%;
  min-height: 44px;
  margin-top: 0;
  margin-bottom: 0;
}
.email-account-daily-sending-limit .warm-up-emails-row .col-md-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  max-width: 515px;
  flex: 1;
}
.email-account-daily-sending-limit .warm-up-limit-value-col {
  display: flex;
  align-items: center;
}
.email-account-daily-sending-limit {
  /* Warm-up read-only input: same size as editable, grey bg, no spinners */
}
.email-account-daily-sending-limit .warm-up-limit-input .bs-input-number-container .bs-input-number-input-wrap {
  box-sizing: border-box;
  width: 90px;
  min-width: 90px;
  height: 36px;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f9fafb;
}
.email-account-daily-sending-limit .warm-up-limit-input .bs-input-number-container .bs-input-number-input-wrap .bs-input-number-input {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 9px 16px;
  margin: 0;
  background: transparent;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #1f2937;
  cursor: not-allowed;
}
.email-account-daily-sending-limit {
  /* Not connected state: per design SVG - dash + gray block with external link icon */
}
.email-account-daily-sending-limit .warm-up-not-connected-placeholder {
  display: inline-flex;
  align-items: stretch;
  min-width: 89px;
  min-height: 35px;
  box-sizing: border-box;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 3.5px;
  overflow: hidden;
  justify-content: space-between;
}
.email-account-daily-sending-limit .warm-up-not-connected-dash {
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 8px;
  font-size: 7px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937;
}
.email-account-daily-sending-limit {
  /* When warmup details are available: same layout, no font-size/font-weight override */
}
.email-account-daily-sending-limit .warm-up-limit-value {
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 8px;
  line-height: 20px;
  color: #1f2937;
}
.email-account-daily-sending-limit .warm-up-not-connected-link-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  background: #e5e7eb;
  border: none;
  padding: 0;
  cursor: pointer;
}
.email-account-daily-sending-limit .warm-up-not-connected-link-block .warm-up-not-connected-link-icon {
  width: 16px;
  height: 16px;
  color: #6b7280;
  flex-shrink: 0;
}
.email-account-daily-sending-limit .warm-up-not-connected-link-block--disabled {
  cursor: default;
  pointer-events: none;
}
.email-account-daily-sending-limit .sending-settings-trulyinbox-badge,
.email-account-daily-sending-limit .trulyinbox-badge.sending-settings-trulyinbox-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 4px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
  color: #101828;
  margin-left: 5px;
}
.email-account-daily-sending-limit .sending-settings-trulyinbox-badge .icon-trulyinbox,
.email-account-daily-sending-limit .trulyinbox-badge.sending-settings-trulyinbox-badge .icon-trulyinbox {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.email-account-daily-sending-limit .sending-settings-trulyinbox-badge .trulyinbox-badge-external-icon,
.email-account-daily-sending-limit .trulyinbox-badge.sending-settings-trulyinbox-badge .trulyinbox-badge-external-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
  /* gray/500 per design - icon color to match spec, text remains #101828 */
  color: #6b7280;
}
.email-account-daily-sending-limit button.trulyinbox-badge.sending-settings-trulyinbox-badge {
  cursor: pointer;
  font-family: inherit;
}
.email-account-daily-sending-limit button.trulyinbox-badge.sending-settings-trulyinbox-badge:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.email-account-daily-sending-limit .sending-settings-tooltip-dark .tooltip-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  gap: 4px;
  max-width: 240px;
  background: #1f2937;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.email-account-daily-sending-limit .sending-settings-tooltip-dark .arrow::before {
  border-top-color: #1f2937;
  border-bottom-color: #1f2937;
}
.email-account-daily-sending-limit {
  /* Editable number inputs: 90×36px */
}
.email-account-daily-sending-limit .sending-limit-input .bs-input-number-container .bs-input-number {
  min-width: 90px;
  width: 90px;
  height: 36px;
  padding: 0;
  background: #fff;
  border: 1px solid #d9d9dd;
  border-radius: 4px;
}
.email-account-daily-sending-limit .sending-limit-input .bs-input-number-container .bs-input-number-input-wrap {
  flex: 1;
  min-width: 0;
  height: 100%;
}
.email-account-daily-sending-limit .sending-limit-input .bs-input-number-container .bs-input-number-input {
  height: 34px;
  padding: 8px 28px 8px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  border: 0;
  background: transparent;
}
.email-account-daily-sending-limit .sending-limit-input .bs-input-number-container .bs-input-number-handler-wrap {
  width: 24px;
  background: #f3f4f6;
  border-left: 1px solid #e5e7eb;
  border-radius: 0 4px 4px 0;
}

.text-caplitalize {
  text-transform: capitalize;
}

.confirmation-modal.confirm-modal-width .modal-dialog .modal-content .bs-modal-body {
  padding: 1.875rem !important;
}
.confirmation-modal.disable-confirmation-modal .modal-dialog {
  width: 31.25rem !important;
}
.confirmation-modal.no-seat-confirmation-modal .modal-dialog {
  width: 29rem !important;
}
.confirmation-modal .modal-dialog {
  width: 28.125rem !important;
}
.confirmation-modal .modal-dialog .modal-header {
  border-bottom: none;
  padding: 0px 2rem !important;
  position: relative;
}
.confirmation-modal .modal-dialog .modal-header button.close {
  padding: 0;
  position: absolute;
  top: 0.9375rem;
  right: 1.875rem;
}
.confirmation-modal .modal-dialog .modal-footer {
  padding: 0;
  padding-top: 0.938rem;
  margin: 0 1.875rem 0.938rem 1.875rem;
  border-top: 0.125rem solid #f3f4f6;
  border-radius: 0.0625rem;
}
.confirmation-modal .modal-dialog .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.confirmation-modal .confirmation-modal-header {
  display: flex;
  padding-top: 1.5rem;
  padding-right: 0.3125rem;
}
.confirmation-modal .confirmation-modal-header img {
  width: 1.5rem;
  height: 1.5rem;
}
.confirmation-modal .confirmation-modal-header h2 {
  font-weight: 600;
  font-size: 1rem;
  color: #000000;
  margin: 0;
  margin-left: 0.9375rem;
}
.confirmation-modal .confirmation-modal-content .confirmation-modal-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin-bottom: 0;
}
.confirmation-modal .confirmation-modal-content .confirmation-modal-text:nth-of-type(2) {
  display: flex;
  margin-top: 1.25rem;
}
.confirmation-modal .confirmation-modal-content .confirmation-modal-text:nth-of-type(2) span.checkbox-text {
  margin-left: 0.625rem;
}
.confirmation-modal .confirmation-modal-content .bs-checkbox-wrapper .bs-checkbox-inner {
  border-color: #9ca3af;
  border-radius: 0.25rem;
}
.confirmation-modal .confirmation-modal-content .bs-checkbox-wrapper .bs-checkbox-inner:after {
  top: 43%;
  width: 0.3125rem;
}

.bulk-inbox-email {
  margin-bottom: 1.5rem;
}

.bs-email-warmup-outreach-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  margin-bottom: 24px;
  padding: 16px 20px;
  border: 1px solid #bfdbfe;
  border-radius: 0.25rem;
  background-color: #eff6ff;
}
.bs-email-warmup-outreach-banner:hover .bs-email-warmup-outreach-banner__dismiss {
  opacity: 1;
}
.bs-email-warmup-outreach-banner__dismiss {
  position: absolute;
  top: -8px;
  right: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out, background-color 0.15s ease;
}
.bs-email-warmup-outreach-banner__dismiss:hover {
  background-color: #f3f4f6;
}
.bs-email-warmup-outreach-banner__dismiss:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.35);
}
.bs-email-warmup-outreach-banner__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.bs-email-warmup-outreach-banner__left {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex: 1 1 auto;
}
.bs-email-warmup-outreach-banner__icon-wrap {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}
.bs-email-warmup-outreach-banner__icon-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #dbeafe;
}
.bs-email-warmup-outreach-banner__icon-inner {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #bfdbfe;
}
.bs-email-warmup-outreach-banner__flame {
  position: absolute;
  width: 24px;
  height: 24px;
  color: #3b82f6;
}
.bs-email-warmup-outreach-banner__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bs-email-warmup-outreach-banner__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.bs-email-warmup-outreach-banner__description {
  margin: 0;
  max-width: 66rem;
  font-size: 14px;
  font-weight: 400;
}
.bs-email-warmup-outreach-banner__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.bs-email-warmup-outreach-banner__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #3b82f6;
  border-radius: 0.25rem;
  background-color: #eff6ff;
  color: #3b82f6;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.bs-email-warmup-outreach-banner__cta:hover:not(:disabled) {
  background-color: #dbeafe;
}
.bs-email-warmup-outreach-banner__cta:active:not(:disabled) {
  background-color: #bfdbfe;
}
.bs-email-warmup-outreach-banner__cta:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.bs-email-warmup-outreach-banner__cta:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

.enable-warmup-wizard-modal .modal-content {
  border-radius: 0.5rem !important;
}
.enable-warmup-wizard-modal .modal-dialog {
  max-width: 50.75rem;
}
.enable-warmup-wizard-modal .modal-body {
  max-height: none !important;
  padding: 0 !important;
  overflow-y: auto !important;
}
@media screen and (max-width: 1366px) {
  .enable-warmup-wizard-modal .modal-body {
    overflow-y: auto;
  }
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard {
  position: relative;
  padding: 0 0 0.5rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  border-radius: 0.25rem;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__close:hover {
  background-color: #f3f4f6;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__close:focus {
  outline: none;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__close:focus-visible {
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.35);
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__header {
  padding: 1.5rem 1.5rem 0;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__logos-sync {
  display: flex;
  align-items: center;
  color: #9ca3af;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__titles {
  text-align: center;
  margin-bottom: 1.5rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__titles h2 {
  font-size: 20px;
  font-weight: 600;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__titles p {
  font-size: 14px;
  font-weight: 400 !important;
  color: #9ca3af;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__title {
  margin: 0 0 0.375rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__subtitle {
  margin: 0;
  line-height: 1.5;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem 0;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-connector {
  width: 2.3rem;
  height: 2px;
  flex-shrink: 0;
  margin: 0 0.25rem;
  background-color: #e5e7eb;
  position: relative;
  margin: 0px 10px;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-connector::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #1d4ed8;
  transition: width 0.25s ease;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-connector--complete::before {
  width: 100%;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  color: #9ca3af;
  background-color: #f3f4f6;
  border: 2px solid #e5e7eb;
  flex-shrink: 0;
  position: relative;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-dot--active {
  color: #fff;
  background-color: #1d4ed8;
  border-color: #1d4ed8 !important;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-dot--active::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  pointer-events: none;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-dot--completed {
  color: #fff;
  background-color: #1d4ed8;
  border-color: #1d4ed8;
  padding: 0;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-dot--completed svg {
  display: block;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__step-label {
  white-space: nowrap;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__divider {
  margin-top: 1.5rem;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #e5e7eb;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__body {
  padding: 2rem 1.5rem 1.5rem;
  transition: min-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__body--transition {
  animation: bs-enable-warmup-wizard-fade 0.3s ease-in-out;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__panel {
  display: none;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__panel--active {
  display: block;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__tick-badge {
  display: inline-flex;
  flex-shrink: 0;
  border-radius: 50%;
  color: #fff;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__tick-badge svg {
  display: block;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__account-found {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__account-found-text {
  margin: 0;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__link {
  color: #3b82f6;
  text-decoration: underline;
  word-break: break-all;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__link:hover {
  color: #2563eb;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__link::selection {
  background-color: rgba(191, 219, 254, 0.5);
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-box {
  border-radius: 0.5rem;
  padding: 1.25rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-box--purple {
  background-color: #ede9fe;
  border: 1px solid #ddd6fe;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-box--blue {
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-box--blue p {
  font-size: 14px;
  font-weight: 400 !important;
  color: #4b5563 !important;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-box--inline {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-box-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-box-icon {
  flex-shrink: 0;
  color: #722ed1;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-box-title {
  margin: 0;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__bullet-list {
  margin: 0;
  padding-left: 1.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__bullet-list li {
  margin-left: 0.125rem;
  font-size: 14px;
  font-weight: 400 !important;
  color: #4b5563;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__consent-heading {
  margin: 0 0 0.75rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__consent-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__consent-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 400 !important;
  color: #4b5563;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__checkbox-row {
  margin-top: 1.25rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__checkbox-row .bs-checkbox-wrapper {
  align-items: flex-start;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__success-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__success-head h3 {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__success-head p {
  font-size: 14px;
  font-weight: 400 !important;
  color: #4b5563;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__success-copy {
  margin: 0 0 0.5rem;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400 !important;
  color: #4b5563;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__info-inline-icon {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__footer {
  padding: 1rem 1.5rem 0.5rem;
  border-top: 1px solid #e5e7eb;
  background-color: #ffffff;
  border-radius: 0 0 0.5rem 0.5rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__footer-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__footer-actions--end {
  justify-content: flex-end;
  flex-wrap: wrap;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__footer-actions--split {
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__footer-actions-inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__back-btn {
  padding: 0.625rem 0.75rem;
  border: none;
  border-radius: 0.25rem;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #9ca3af;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__back-btn:hover:not(:disabled) {
  color: #262626;
  background-color: #f3f4f6;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__back-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__back-btn:focus {
  outline: none;
}
.enable-warmup-wizard-modal .bs-enable-warmup-wizard__back-btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.25);
}

@keyframes bs-enable-warmup-wizard-fade {
  from {
    opacity: 0.85;
  }
  to {
    opacity: 1;
  }
}
.bs-pending-dns-modal-wrapper .modal-dialog {
  max-width: 33.375rem;
}

.bs-pending-dns-modal__header-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #eff6ff;
  border: 1.5px solid #bfdbfe;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bs-pending-dns-modal__info-table {
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 8px 12px;
}
.bs-pending-dns-modal__info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.bs-pending-dns-modal__callout {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 0.25rem;
  padding: 12px;
  color: #1e40af;
}
.bs-pending-dns-modal__callout-icon {
  flex-shrink: 0;
  margin-top: 1px;
}
.bs-pending-dns-modal__callout-title {
  font-size: 12.5px;
  font-weight: 600;
  color: #1e40af;
  line-height: 1.4;
}
.bs-pending-dns-modal__callout-body {
  font-size: 12px;
  font-weight: 400;
  color: #1e40af;
  line-height: 1.6;
  opacity: 0.85;
}

.email-account-container {
  height: 100%;
  padding: 1.5rem;
}

.empty-block-wrapper {
  height: 100%;
}
.empty-block-wrapper .empty-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.email-purchase-alert-text.alert.alert-warning-2 .alert-message-text {
  color: #1f2937 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.email-purchase-alert-text.alert.alert-warning-2 .alert-message-text strong {
  font-weight: 700 !important;
}

.email-purchase-alert-text {
  margin-bottom: 0 !important;
  padding: 8px 24px !important;
  border: 1px solid #fef3c7;
}
.email-purchase-alert-text svg {
  color: #b45309;
}

.email-account-banner .email-selected-row-info {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fef3c7;
  border-radius: 4px;
  padding: 8px 12px;
}
.email-account-banner .email-selected-row-info .divider-vertical {
  height: 1.25rem;
  width: 0.063rem;
  background: #9ca3af;
  margin: 0px 0.75rem;
}
.email-account-banner .email-selected-row-info-waring {
  background: #fffbeb;
}
.email-account-banner .email-selected-row-info-danger {
  background: #fef2f2;
}

.update-email-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.update-email-header .update-email-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.update-email-header .btn-ghost {
  padding: 0.1rem 0.6rem !important;
  line-height: 1.25rem !important;
  font-size: 0.75rem;
  font-weight: 400;
  min-width: 6.25rem;
  font-weight: 500;
  align-items: center;
}
.update-email-header .smtp-email-header {
  display: flex;
  gap: 1.25rem;
  line-height: 1rem;
}
.update-email-header p {
  margin: 0;
}
.update-email-header .email-switch {
  height: 1rem;
}
.update-email-header p {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
  gap: 1rem;
}
.update-email-header p .email-account-type {
  margin-right: 0rem;
}
.update-email-header .update-email-header-left {
  display: flex;
  align-items: center;
}
.update-email-header .update-email-header-left h1 {
  color: #1f2937;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.update-email-header .update-email-header-left .back-btn {
  margin-right: 0.625rem;
}
.update-email-header .update-email-header-left .email-info h3 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 1rem;
  color: #1f2937;
  margin: 0;
  margin-bottom: 0.4375rem;
}
.update-email-header .update-email-header-left .email-info .smtp-label {
  width: 2.4375rem;
  padding: 0rem 0.3125rem;
  margin-left: 0.9375rem;
}
.update-email-header .update-email-header-left .email-info .smtp-label span {
  font-size: 0.625rem;
  font-weight: 500;
}
.update-email-header .update-email-header-left .email-info .edit-email-settings-btn.btn-ghost {
  margin-left: 0.9375rem;
}
.update-email-header .update-email-header-right {
  display: flex;
  align-items: center;
}
.update-email-header .update-email-header-right .connect-disconnect-label {
  margin-right: 0.625rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25rem;
}
.update-email-header .update-email-header-right .connect-disconnect-label.connected {
  color: #059669;
}
.update-email-header .update-email-header-right .connect-disconnect-label.disconnected {
  color: #1f2937;
}

.update-email-tabs.bulk-update-email-tabs {
  margin: 0rem !important;
}
.update-email-tabs p {
  margin: 0;
}
.update-email-tabs .bs-tabs-nav {
  margin-bottom: 1.5rem !important;
  display: flex;
  align-items: start !important;
}
.update-email-tabs .bs-tabs-nav::before {
  border-bottom: 0rem solid #e8e8e8 !important;
}
.update-email-tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  height: 1.875rem !important;
  align-self: auto !important;
  top: 0;
}
.update-email-tabs .bs-tabs-content-holder {
  max-height: calc(100vh - 221px);
  overflow-y: auto;
  padding-bottom: 1.5rem;
}
.update-email-tabs .sending-settings-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  width: 76%;
}
.update-email-tabs .sending-settings-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.update-email-tabs .sending-settings-card .emails-limit-wrapper {
  display: flex;
  align-items: center;
}
.update-email-tabs .sending-settings-card .emails-limit-wrapper .emails-limit-info {
  margin-right: 3.75rem;
}
.update-email-tabs .sending-settings-card .emails-limit-wrapper .emails-limit-info h3 {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #1f2937;
  margin-bottom: 0.3125rem;
}
.update-email-tabs .sending-settings-card .emails-limit-wrapper .emails-limit-info p {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #6b7280;
}
.update-email-tabs .sending-settings-card .number-input .bs-input-number-container .bs-input-number-input {
  width: 5.625rem;
  height: 2.25rem;
  background: #f9fafb;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #1f2937;
}
.update-email-tabs .sending-settings-card .number-input .bs-input-number-container .bs-input-number-handler-wrap {
  background: #f3f4f6;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper {
  margin-top: 0;
  width: 100%;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper .number-input-container {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper .number-input-container .bs-input-number-container .bs-input-number-input-wrap {
  width: 5.625rem;
  border-radius: 0.25rem;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper .number-input-container .bs-input-number-container .bs-input-number-input-wrap .bs-input-number-input {
  width: inherit;
  height: 2rem;
  background: #f9fafb;
  border-radius: 0.25rem;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper .number-input-container .bs-input-number-container .bs-input-number-handler-wrap {
  background: #f3f4f6;
  border-radius: 0.25rem;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper .error-wrapper {
  border-radius: 0.25rem;
  padding: 0.9375rem 0px;
  margin-top: 0.625rem;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper .time-interval-error-wrapper {
  background: #fef2f2;
  width: 22.25rem;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper .time-interval-warning-wrapper {
  background: #fffbeb;
  width: 43.5rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.update-email-tabs .sending-settings-card .time-interval-wrapper .disabled {
  cursor: not-allowed;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup-container {
  padding-left: 1.25rem;
  border-left: 0.1875rem solid #f3f4f6;
  border-radius: 0.25rem;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup-toggle .daily-rampup-toggle-switch {
  width: 2rem;
  height: 1rem;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup-toggle .switchToggle input:checked + label {
  background: #1d4ed8;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup-toggle h3 {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin: 0;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup-toggle .info-icon {
  cursor: pointer;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup-toggle .youtube-icon {
  cursor: pointer;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup-toggle .daily-ramup-toggle-tooltip .tooltip-inner {
  max-width: 100%;
  max-width: 13.25rem;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-action-radio-group {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: calc(2.5rem - 5px);
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-action-radio-group .ramp-up-action-radio-buttons .bs-radio-wrapper {
  display: flex;
  align-items: center;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-action-radio-group .ramp-up-action-radio-buttons .bs-radio-wrapper span:nth-of-type(2) {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-action-radio-group .ramp-up-action-radio-buttons .bs-radio-wrapper.bs-radio-wrapper-disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-action-radio-group .ramp-up-action-radio-buttons .rb-group {
  display: flex;
  gap: 1.5rem;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-action-radio-group .ramp-up-action-radio-buttons .rb-group .bs-radio-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-action-radio-group .ramp-up-action-radio-buttons .rb-group .bs-radio-wrapper.bs-radio-wrapper-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-action-radio-group .ramp-up-action-radio-buttons .rb-group .bs-radio-wrapper span {
  font-weight: 600;
  font-size: 0.675rem;
  line-height: 1.0525rem;
  color: #6b7280;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-warning-message {
  margin-top: 1rem;
  margin-left: 0.75rem;
  margin-bottom: 1rem;
  width: 90%;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-warning-message .alert-component {
  width: 100%;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-warning-message .alert-component .new-theme.warning-alert {
  padding: 4px 8px;
  border-radius: 0.25rem;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  border: 1px solid #fef3c7;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-warning-message .alert-component .new-theme .alert-body {
  display: flex;
  gap: 4px;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-warning-message .alert-component .new-theme .content-div {
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #1f2937;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .ramp-up-warning-message .alert-component .new-theme .content-div span {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup {
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup:last-of-type {
  margin-bottom: 0;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup p {
  margin: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1f2937;
  transition: all 0.2s ease;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup p span {
  color: #6b7280;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup .number-input {
  margin: 0 0.9375rem;
  transition: all 0.2s ease;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup .number-input .bs-input-number-container .bs-input-number {
  min-width: 0;
  border: 1px solid #e5e7eb;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup .number-input .bs-input-number-container .bs-input-number-input {
  width: 4.6875rem;
  height: 2rem;
  padding: 7px 15px;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup.disabled p {
  opacity: 0.35;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup.disabled .number-input {
  opacity: 0.35;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup:nth-of-type(2) {
  margin-bottom: 1rem;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup.rampup-result p {
  font-weight: 600;
}
.update-email-tabs .sending-settings-card.daily-rampup-wrapper .daily-rampup.rampup-result p span {
  color: #b45309;
  border-bottom: 0.125rem solid #d1d5db;
  border-radius: 0.125rem;
}
.update-email-tabs .sending-settings-card .sending-settings-section-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 1rem;
}
.update-email-tabs .sending-settings-card .section-save-btn.opacity-35 {
  opacity: 0.35;
}
.update-email-tabs .sending-settings-card .reset-to-default-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  gap: 8px;
  min-width: 122px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 4px;
  flex: none;
  flex-grow: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  margin-left: 5px;
}
.update-email-tabs .sending-settings-card .reset-to-default-btn:hover:not(:disabled) {
  background: #f3f4f6;
}
.update-email-tabs .sending-settings-card .reset-to-default-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.update-email-tabs .sending-settings-card .alert {
  margin: 0;
}
.update-email-tabs .block-page-container {
  height: 59vh;
}

.update-email-account-loading {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.update-email-account-loading .update-email-account-loading-spinner {
  border-color: #1d4ed8;
  border-right-color: transparent;
}
.update-email-account-loading.email-tab {
  height: 50vh;
}
.update-email-account-loading.email-tracking {
  height: 80vh;
}

.youtube-video-modal .modal-content {
  min-width: 38.625rem;
}

.delete-modal .modal-header {
  border-bottom: none;
}
.delete-modal .modal-body {
  margin-left: 0.2rem;
  padding-top: 0.4rem !important;
}
.delete-modal .bs-modal-footer-action-buttons button {
  min-width: 6.25rem;
}

.general-settings-wrapper {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 1.875rem 1.5rem;
}
.general-settings-wrapper .general-settings-wrapper-max-col-width {
  max-width: 436px;
}
.general-settings-wrapper .general-settings-input label {
  font-size: 12px;
}
.general-settings-wrapper .general-settings-input label.bs-input-label-prefix {
  font-weight: 600;
  line-height: 0.9375rem;
  color: #6b7280;
  margin-bottom: 0.3125rem;
}
.general-settings-wrapper .general-settings-input span.bs-input-affix-wrapper {
  background: #f9fafb;
  height: 2.25rem;
}
.general-settings-wrapper .general-settings-input span.bs-input-affix-wrapper input {
  background: #f9fafb;
  font-size: 14px;
  line-height: 1.0625rem;
  color: #1f2937;
}
.general-settings-wrapper .general-settings-input .bs-select-box {
  background: #f9fafb;
  height: 2.25rem;
}
.general-settings-wrapper .general-settings-input .editor {
  height: 7.875rem;
}
.general-settings-wrapper .disabled-save-email-info-btn {
  cursor: not-allowed;
  border: none;
}

.agency-dropdown .agency-client-wrapper {
  width: 25.375rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.agency-dropdown .agency-client-wrapper:hover {
  border-color: #346aff;
  border-right-width: 0.0625rem !important;
}
.agency-dropdown .agency-client-wrapper.agency-client-show {
  border-color: #346aff;
  border-right-width: 0.0625rem !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}

.email-health-score-factor-details-accordians .custom-accordion .custom-accordion-item.not-valid {
  border-color: #fecaca;
}

.disconnect-email-account-modal .modal-body .submit-btn.btn-solid {
  width: 5rem;
  margin-left: 0.5rem;
}

.warmup-pause-confirm-modal .bs-modal-footer {
  border-top: 1px solid #e5e7eb;
  background-color: #fff;
  padding: 16px 24px;
}
.warmup-pause-confirm-modal .warmup-pause-confirm-modal__body {
  padding: 0;
}
.warmup-pause-confirm-modal .warmup-pause-confirm-modal__body .alert-info-circle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.warmup-pause-confirm-modal .warmup-pause-confirm-modal__body .alert-info-circle .alert-info-circle-title {
  font-size: 16px;
  font-weight: 600;
}
.warmup-pause-confirm-modal .warmup-pause-confirm-modal__body .alert-info-circle-text {
  font-size: 14px;
  font-weight: 400;
}

.update-email-account-container {
  background: #fff;
  height: calc(100vh - 3.875rem);
  overflow-y: hidden;
  padding: 1.5rem;
}

.email-accounts-header .connected-email-accounts-badge {
  margin-top: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  background: #e5e7eb;
}
.email-accounts-header .connected-email-accounts-badge:hover {
  cursor: default;
}
.email-accounts-header .connected-email-accounts-badge span {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}

.email-accounts-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.email-accounts-actions .search-input {
  width: 12.625rem;
  height: 2rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0.3125rem 0.625rem;
  background: #fff;
  margin-right: 0.25rem;
}
.email-accounts-actions .search-input .input-icons-left {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  margin-right: 0.25rem !important;
}
.email-accounts-actions .search-input .input-icons-left .bs-input-prefix {
  color: #d1d5db;
  margin: 0;
  font-size: 1rem;
}
.email-accounts-actions .search-input .input-icons-right {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  margin-left: 0.25rem !important;
}
.email-accounts-actions .search-input .input-icons-right .bs-input-suffix {
  color: #6b7280;
  margin: 0;
  font-size: 1rem;
  cursor: pointer;
}
.email-accounts-actions .search-input .bs-input {
  background: #fff;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.email-accounts-actions .search-input .bs-input::placeholder {
  color: #d1d5db;
}
.email-accounts-actions .icon-container {
  margin: 0 1.25rem;
}
.email-accounts-actions .icon-container .icon {
  height: 2rem;
  width: 2rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1.5rem;
}
.email-accounts-actions .icon-container .icon svg {
  color: #6b7280;
}
.email-accounts-actions .icon-container .icon:hover {
  background-color: #dbeafe;
}
.email-accounts-actions .icon-container .icon:hover svg {
  color: #1d4ed8;
}
.email-accounts-actions .email-account-icons {
  margin-left: 1.25rem;
  gap: 1.25rem;
}
.email-accounts-actions .email-account-icons .icon {
  height: 2rem;
  width: 2rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.email-accounts-actions .email-account-icons .icon svg {
  color: #6b7280;
}
.email-accounts-actions .email-account-icons .icon:hover {
  background-color: #dbeafe;
}
.email-accounts-actions .email-account-icons .icon:hover svg {
  color: #1d4ed8;
}
.email-accounts-actions .email-account-icons .icon.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.email-accounts-actions .email-account-icons .icon.disabled:hover {
  background-color: #f3f4f6;
}
.email-accounts-actions .email-account-icons .icon.disabled:hover svg {
  color: #6b7280;
}
.email-accounts-actions .agency-client-email-accounts {
  margin-left: 1.25rem;
}
.email-accounts-actions .login-with-trulyinbox svg {
  height: 1.5rem;
  width: 1.5rem;
}

.active-sequences-popover {
  width: 13.75rem !important;
  max-height: 10.625rem;
  padding: 0.5rem 0rem !important;
}
.active-sequences-popover .popover-body {
  width: 100%;
}

.inbox-radar-test-popover {
  width: 207px !important;
  max-height: 12.625rem;
  padding: 0.5rem 0rem !important;
}
.inbox-radar-test-popover .popover-body {
  width: 100%;
}

.connected-email-accounts-popover,
.active-sequences-popover,
.inbox-radar-test-popover {
  display: flex;
  border-radius: 0.5rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
  background: #fff !important;
  box-shadow: 0.1875rem 0.5rem 1.5rem -0.375rem rgba(15, 34, 67, 0.16) !important;
}
.connected-email-accounts-popover .arrow,
.active-sequences-popover .arrow,
.inbox-radar-test-popover .arrow {
  display: none;
}
.connected-email-accounts-popover .bs-popover-inner-content,
.active-sequences-popover .bs-popover-inner-content,
.inbox-radar-test-popover .bs-popover-inner-content {
  padding: 0 !important;
}
.connected-email-accounts-popover .connected-email-accounts,
.active-sequences-popover .connected-email-accounts,
.inbox-radar-test-popover .connected-email-accounts {
  min-width: 11.063rem;
  padding: 0.75rem;
  border: 1px solid #f3f4f6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
}
.connected-email-accounts-popover .connected-email-accounts .connect-email-accounts-item,
.active-sequences-popover .connected-email-accounts .connect-email-accounts-item,
.inbox-radar-test-popover .connected-email-accounts .connect-email-accounts-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.connected-email-accounts-popover .connected-email-accounts .connect-email-accounts-item--inner,
.active-sequences-popover .connected-email-accounts .connect-email-accounts-item--inner,
.inbox-radar-test-popover .connected-email-accounts .connect-email-accounts-item--inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 8.125rem;
}
.connected-email-accounts-popover .connected-email-accounts .connect-email-accounts-item--inner .active,
.connected-email-accounts-popover .connected-email-accounts .connect-email-accounts-item--inner .inactive,
.connected-email-accounts-popover .connected-email-accounts .connect-email-accounts-item--inner .paused,
.active-sequences-popover .connected-email-accounts .connect-email-accounts-item--inner .active,
.active-sequences-popover .connected-email-accounts .connect-email-accounts-item--inner .inactive,
.active-sequences-popover .connected-email-accounts .connect-email-accounts-item--inner .paused,
.inbox-radar-test-popover .connected-email-accounts .connect-email-accounts-item--inner .active,
.inbox-radar-test-popover .connected-email-accounts .connect-email-accounts-item--inner .inactive,
.inbox-radar-test-popover .connected-email-accounts .connect-email-accounts-item--inner .paused {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #047857;
  background: #047857;
}
.connected-email-accounts-popover .connected-email-accounts .connect-email-accounts-item--inner .inactive,
.active-sequences-popover .connected-email-accounts .connect-email-accounts-item--inner .inactive,
.inbox-radar-test-popover .connected-email-accounts .connect-email-accounts-item--inner .inactive {
  border-color: #b91c1c;
  background: #b91c1c;
}
.connected-email-accounts-popover .connected-email-accounts .connect-email-accounts-item--inner .paused,
.active-sequences-popover .connected-email-accounts .connect-email-accounts-item--inner .paused,
.inbox-radar-test-popover .connected-email-accounts .connect-email-accounts-item--inner .paused {
  border-color: #9ca3af;
  background: #9ca3af;
}
.connected-email-accounts-popover .connected-email-accounts .connect-email-accounts-item p,
.active-sequences-popover .connected-email-accounts .connect-email-accounts-item p,
.inbox-radar-test-popover .connected-email-accounts .connect-email-accounts-item p {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}
.connected-email-accounts-popover .active-sequences-popover-content h2,
.active-sequences-popover .active-sequences-popover-content h2,
.inbox-radar-test-popover .active-sequences-popover-content h2 {
  display: flex;
  align-items: center;
  padding: 0.625rem 1rem;
  margin: 0;
  color: #4b5563;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.connected-email-accounts-popover .active-sequences-popover-content .active-sequences-wrapper,
.active-sequences-popover .active-sequences-popover-content .active-sequences-wrapper,
.inbox-radar-test-popover .active-sequences-popover-content .active-sequences-wrapper {
  max-height: 108px;
  overflow-y: auto;
}
.connected-email-accounts-popover .active-sequences-popover-content .inbox-radar-test-wrapper,
.active-sequences-popover .active-sequences-popover-content .inbox-radar-test-wrapper,
.inbox-radar-test-popover .active-sequences-popover-content .inbox-radar-test-wrapper {
  max-height: 145px;
  overflow-y: auto;
}
.connected-email-accounts-popover .active-sequences-popover-content .active-sequence,
.connected-email-accounts-popover .active-sequences-popover-content .inbox-radar-test-item,
.active-sequences-popover .active-sequences-popover-content .active-sequence,
.active-sequences-popover .active-sequences-popover-content .inbox-radar-test-item,
.inbox-radar-test-popover .active-sequences-popover-content .active-sequence,
.inbox-radar-test-popover .active-sequences-popover-content .inbox-radar-test-item {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0.5rem 1rem;
  height: 2.25rem;
}
.connected-email-accounts-popover .active-sequences-popover-content .active-sequence p,
.connected-email-accounts-popover .active-sequences-popover-content .inbox-radar-test-item p,
.active-sequences-popover .active-sequences-popover-content .active-sequence p,
.active-sequences-popover .active-sequences-popover-content .inbox-radar-test-item p,
.inbox-radar-test-popover .active-sequences-popover-content .active-sequence p,
.inbox-radar-test-popover .active-sequences-popover-content .inbox-radar-test-item p {
  color: #1d4ed8;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.connected-email-accounts-popover .inbox-radar-test-popover-content h2,
.active-sequences-popover .inbox-radar-test-popover-content h2,
.inbox-radar-test-popover .inbox-radar-test-popover-content h2 {
  display: flex;
  align-items: center;
  padding: 7px 1rem;
  margin: 0;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.connected-email-accounts-popover .inbox-radar-test-popover-content .active-sequences-wrapper,
.active-sequences-popover .inbox-radar-test-popover-content .active-sequences-wrapper,
.inbox-radar-test-popover .inbox-radar-test-popover-content .active-sequences-wrapper {
  max-height: 108px;
  overflow-y: auto;
}
.connected-email-accounts-popover .inbox-radar-test-popover-content .inbox-radar-test-wrapper,
.active-sequences-popover .inbox-radar-test-popover-content .inbox-radar-test-wrapper,
.inbox-radar-test-popover .inbox-radar-test-popover-content .inbox-radar-test-wrapper {
  max-height: 145px;
  overflow-y: auto;
}
.connected-email-accounts-popover .inbox-radar-test-popover-content .inbox-radar-test-item,
.active-sequences-popover .inbox-radar-test-popover-content .inbox-radar-test-item,
.inbox-radar-test-popover .inbox-radar-test-popover-content .inbox-radar-test-item {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0.5rem 1rem;
  height: 2.25rem;
}
.connected-email-accounts-popover .inbox-radar-test-popover-content .inbox-radar-test-item p,
.active-sequences-popover .inbox-radar-test-popover-content .inbox-radar-test-item p,
.inbox-radar-test-popover .inbox-radar-test-popover-content .inbox-radar-test-item p {
  color: #1d4ed8;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox-radar-test-popover {
  width: 256px !important;
}

.email-selection-info--wrapper {
  width: 100%;
  height: 2.5rem;
  border: 0.0625rem solid #fef3c7;
  background: #fffbeb;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.email-selection-info--wrapper p {
  margin: 0;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.email-selection-info--separator {
  width: 0.0625rem;
  height: 1.25rem;
  background: #9ca3af;
}
.email-selection-info--cta {
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.375rem;
  cursor: pointer;
}

.table-scroll-container {
  overflow-x: auto;
  width: 100%;
}
.table-scroll-container.selected .table-list {
  height: calc(100vh - var(--banner-height, 0px) - 12rem);
}
.table-scroll-container.not-selected .table-list {
  height: calc(100vh - var(--banner-height, 0px) - 10.875rem);
}
.table-scroll-container.trial-plan.not-selected .table-list {
  height: calc(100vh - var(--banner-height, 0px) - 14rem);
}
.table-scroll-container.trial-plan.selected .table-list {
  height: calc(100vh - var(--banner-height, 0px) - 16.5rem);
}

.email-accounts-table {
  min-width: 78.5rem;
  width: 100%;
}
.email-accounts-table.table-list {
  flex: 1;
  overflow-x: auto !important;
  min-width: 100%;
  height: calc(100vh - 90px - 11.5rem);
}
.email-accounts-table .table-organism-header {
  background-color: #f3f4f6 !important;
}
.email-accounts-table .table-organism-header tr:hover {
  background-color: inherit !important;
}
.email-accounts-table .table-organism-header tr > th .selection-cell-header {
  position: sticky;
  left: 0;
  z-index: 0;
  background-color: #f3f4f6 !important;
}
.email-accounts-table .table-organism-header .selection-cell-header {
  position: sticky;
  left: 0;
  z-index: 0;
  background-color: #f3f4f6 !important;
}
.email-accounts-table .table-organism-body > tr > td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.email-accounts-table .table-organism-body > tr > td:first-of-type {
  border-left: 0.0625rem solid #e5e7eb !important;
}
.email-accounts-table .table-organism-body > tr > td:last-of-type {
  border-right: 0.0625rem solid #e5e7eb !important;
  border-left: 0.0625rem solid #e5e7eb !important;
  position: sticky;
  right: 0;
  background-color: white;
  z-index: 1;
}
.email-accounts-table .table-organism-body tr {
  background: #fff;
}
.email-accounts-table .table-organism-body .warmup-status-cell div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 1.25rem;
  padding: 0.75rem 0.75rem;
  border-radius: 1rem;
  cursor: default;
}
.email-accounts-table .table-organism-body .warmup-status-cell div .badge-dot {
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  border-radius: 0.25rem;
}
.email-accounts-table .table-organism-body .warmup-status-cell div .badge-label {
  line-height: 1rem;
  font-weight: 400;
  line-height: 1rem;
}
.email-accounts-table .table-organism-body .warmup-status-cell .clickable {
  cursor: pointer;
}
.email-accounts-table .table-organism-body .warmup-status-cell .stopped {
  color: #1f2937;
  background-color: #fef2f2;
}
.email-accounts-table .table-organism-body .warmup-status-cell .stopped .badge-dot {
  background: #dc2626;
}
.email-accounts-table .table-organism-body .warmup-status-cell .running {
  color: #1f2937;
  background-color: #ecfdf5;
}
.email-accounts-table .table-organism-body .warmup-status-cell .running .badge-dot {
  background: #059669;
}
.email-accounts-table .table-organism-body .warmup-status-cell .paused {
  color: #1f2937;
  background-color: #f3f4f6;
}
.email-accounts-table .table-organism-body .warmup-status-cell .paused .badge-dot {
  background: #6b7280;
}
.email-accounts-table .table-organism-body .warmup-status-cell .suspended {
  color: #1f2937;
  background-color: #fffbeb;
}
.email-accounts-table .table-organism-body .warmup-status-cell .suspended .badge-dot {
  background: #d97706;
}
.email-accounts-table .table-organism-body .deliverability-score-cell {
  font-weight: 500;
  color: #1f2937;
}
.email-accounts-table .table-organism-body .selection-cell {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: white;
}
.email-accounts-table .table-organism-body tr:hover .selection-cell {
  background-color: #f9fafb;
  transition: all 0.2s ease;
}
.email-accounts-table .table-organism-body tr:hover .status-cell {
  background-color: #f9fafb;
  transition: all 0.2s ease;
}
.email-accounts-table .table-organism-body tr:hover .name-cell {
  background-color: #f9fafb;
  transition: all 0.2s ease;
}
.email-accounts-table .table-organism-body tr:hover td:last-of-type {
  background-color: #f9fafb;
  transition: all 0.2s ease;
}
.email-accounts-table .bs-table-content {
  margin-bottom: 0.875rem;
}
.email-accounts-table .bs-table-content .agency-client-switch-cell .switchToggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.email-accounts-table .bs-table-content .agency-client-switch-cell .switchToggle label {
  margin: 0;
}
.email-accounts-table .pagination-container-new {
  bottom: 0 !important;
  left: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: fixed !important;
  height: 2.5rem !important;
  background: #f9faf9 !important;
  width: 100%;
}
.email-accounts-table .pagination-container-new .pagination-row {
  width: 100%;
  justify-content: flex-end;
  height: 1.5rem;
}
.email-accounts-table .pagination-container-new .pagination-select-count {
  min-width: auto;
  width: 100%;
  height: 1.5rem;
  gap: 0.5rem;
  flex: 1;
  justify-content: flex-end;
}
.email-accounts-table .pagination-container-new .pagination-select-count span {
  margin: 0 !important;
}
.email-accounts-table .pagination-container-new .pagination-select-count .total-pagination-count {
  width: auto;
}
.email-accounts-table .email-account-switch-cell .switchToggle input:checked + label {
  background: #059669;
}
.email-accounts-table .email-account-switch-cell .switchToggle label {
  margin-bottom: 0 !important;
  margin-top: 0.3rem;
  border-radius: 1rem;
  background: #9ca3af;
}
.email-accounts-table .sender-name-cell .sender-name-field {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .fromName {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .fromEmail {
  color: #4b5563;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .type {
  width: 1rem;
  height: 1rem;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .type--azure {
  width: 0.9rem;
  height: 0.9rem;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .status {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .default-email-badge {
  display: flex;
  height: 1.125rem;
  padding: 0rem 0.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  border-radius: 6.25rem;
  background: #d1fae5;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .default-email-badge:hover {
  cursor: default;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .sender-name-field-smtp-label .smtp-label-container {
  width: 2.8125rem;
  height: 1.125rem;
  border-radius: 6.25rem;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .sender-name-field-smtp-label .smtp-label-container span {
  font-size: 0.625rem;
  line-height: 1rem;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .sender-name-field-smtp-label {
  transition: all 0.2s ease;
  cursor: default;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .sender-name-field-modify {
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  color: #6b7280;
  background: #fff;
  display: flex;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.3516rem;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.email-accounts-table .sender-name-cell .sender-name-field--inner .sender-name-field-modify:hover {
  background-color: #eff6ff;
  color: #1d4ed8 !important;
  border: 0.0625rem solid #93c5fd;
}
.email-accounts-table .bs-table-content .table-organism-body tr:hover .sender-name-field-modify {
  opacity: 1;
}
.email-accounts-table .setup-score-cell .shd-button--link,
.email-accounts-table .active-sequences-field .shd-button--link {
  padding: 0 !important;
  min-width: 7.5rem;
}
.email-accounts-table .setup-score-cell a:hover {
  text-decoration: none;
}
.email-accounts-table .active-sequences-field {
  display: flex;
}
.email-accounts-table .active-sequences-field .active-sequences-label {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}
.email-accounts-table .setup-score-field {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.5rem;
  width: 2rem;
  height: 1.5rem;
  border: 1px solid transparent;
  border-radius: 20px;
}
.email-accounts-table .setup-score-field span {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.email-accounts-table .setup-score-field.poor {
  background: #fef2f2;
  border-color: #dc2626;
}
.email-accounts-table .setup-score-field.poor span {
  color: #dc2626;
}
.email-accounts-table .setup-score-field.average {
  background: #fffbeb;
  border-color: #f59e0b;
}
.email-accounts-table .setup-score-field.average span {
  color: #f59e0b;
}
.email-accounts-table .setup-score-field.excellent {
  background: #ecfdf5;
  border-color: #2db482;
}
.email-accounts-table .setup-score-field.excellent span {
  color: #2db482;
}
.email-accounts-table .email-sent-field {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 8.875rem;
}
.email-accounts-table .email-sent-field .email-sent-progress-bar {
  width: 4rem;
  height: 0.375rem;
  border-radius: 0.5rem;
}
.email-accounts-table .email-sent-field .email-sent-progress-bar .progress-bar-wrapper {
  height: 100%;
}
.email-accounts-table .email-sent-field .email-sent-progress-bar.blue-13 .progress-bar-wrapper {
  background-color: #dbeafe;
  border-radius: 0.5rem;
}
.email-accounts-table .email-sent-field .email-sent-progress-bar.red-19 .progress-bar-wrapper {
  background-color: #fee2e2;
  border-radius: 0.5rem;
}
.email-accounts-table .email-sent-field .email-sent-progress-bar.red-bar .progress-bar-wrapper__bar {
  background-color: #f87171 !important;
}
.email-accounts-table .email-sent-field .email-sent-progress-bar.blue-bar .progress-bar-wrapper__bar {
  background-color: #3b82f6 !important;
}
.email-accounts-table .email-sent-field .email-sent-stat p {
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
  transition: all 0.2s ease;
}
.email-accounts-table .email-sent-field .email-sent-stat p span {
  color: #1f2937;
  font-size: 0.875rem;
}
.email-accounts-table .email-sent-field .email-sent-stat p:hover {
  color: #1d4ed8;
}
.email-accounts-table .email-sent-field .email-sent-stat p:hover span {
  color: #1d4ed8;
}
.email-accounts-table .added-by-field .shd-avatar {
  cursor: default;
}
.email-accounts-table .dropdown-menu-custom {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  width: 9.4375rem;
  padding: 0.5rem 0rem;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  position: absolute;
  left: 0;
  transform: translateX(-100%);
  /* dropdown */
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
}
.email-accounts-table .dropdown-menu-custom .dropdown-item-custom {
  width: 9.3125rem;
}
.email-accounts-table .dropdown-menu-custom .dropdown-item-custom:hover {
  background: #eff6ff;
}
.email-accounts-table .dropdown-menu-custom .dropdown-item-custom svg {
  color: #6b7280;
}
.email-accounts-table .dropdown-menu-custom .dropdown-item-custom span {
  line-height: 1.25rem;
  color: #374151;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin-right: 0 !important;
}

.email-account-client-associated-tooltip .arrow {
  position: absolute !important;
  left: 0px !important;
  transform: translate(11px, 0px) !important;
}

.no-search-ui {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.no-search-ui .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.no-search-ui h2 {
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.no-search-ui p {
  color: #6b7280;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
}

.mr-7px {
  margin-right: 0.4375rem;
}

.email-sent-stat-tooltip .tooltip-inner {
  width: 10.625rem;
  height: 4.625rem;
}
.email-sent-stat-tooltip .email-sent-stat-tooltip-content {
  display: flex;
  flex-direction: column;
}
.email-sent-stat-tooltip .email-sent-stat-tooltip-content span {
  display: block;
}

.bulk-email-update-modal {
  overflow: hidden !important;
}
.bulk-email-update-modal .modal-dialog {
  max-width: 28.375rem !important;
  min-height: 42.813rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.bulk-email-update-modal .modal-dialog .modal-content {
  max-height: 100%;
  flex: 1;
}
.bulk-email-update-modal .modal-dialog .modal-content .modal-content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.bulk-email-update-modal .modal-dialog .modal-header {
  padding: 1.5rem !important;
  border-bottom: none;
}
.bulk-email-update-modal .modal-dialog .modal-header .modal-title {
  color: #1f2937;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.bulk-email-update-modal .modal-dialog .modal-body {
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
}
.bulk-email-update-modal .modal-dialog .modal-body .bs-tabs-nav {
  margin: 0 1.5rem !important;
}
.bulk-email-update-modal .modal-dialog .modal-body .bs-tabs-nav-list {
  gap: 1.5rem;
}
.bulk-email-update-modal .modal-dialog .modal-body .bs-tabs-nav-list .bs-tabs-tab {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #8194ad;
  padding: 0;
  padding-bottom: 0.875rem;
  margin: 0;
}
.bulk-email-update-modal .modal-dialog .modal-body .bs-tabs-nav-list .bs-tabs-tab-active {
  color: #1d4ed8;
  font-weight: 600;
}
.bulk-email-update-modal .modal-dialog .modal-body .signature-editor {
  height: 11.225rem !important;
}
.bulk-email-update-modal .modal-dialog .modal-body .bs-tabs-content-holder {
  padding: 1.5rem !important;
  padding-bottom: 0.9rem !important;
}
.bulk-email-update-modal .modal-dialog .modal-body .editor {
  height: 9.125rem !important;
}
.bulk-email-update-modal .modal-dialog .modal-body .bs-input-label-prefix {
  margin-bottom: 0.25rem;
}
.bulk-email-update-modal .modal-dialog .modal-footer .btn-solid-primary {
  min-width: 65px;
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #1d4ed8 !important;
  color: #fff !important;
  border-radius: 0.25rem;
}
.bulk-email-update-modal .modal-dialog .modal-footer .btn-solid-primary:not(:disabled):hover {
  background: #1e3a8a !important;
}
.bulk-email-update-modal .modal-dialog .modal-footer .btn-ghost-primary,
.bulk-email-update-modal .modal-dialog .modal-footer .btn-ghost-outlined {
  min-width: 79px;
  height: 2rem;
  border: 0.0625rem solid #e5e7eb;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  color: #6b7280;
  background-color: #fff;
  border-radius: 0.25rem;
}
.bulk-email-update-modal .modal-dialog .modal-footer .btn-ghost-primary:focus, .bulk-email-update-modal .modal-dialog .modal-footer .btn-ghost-primary:hover,
.bulk-email-update-modal .modal-dialog .modal-footer .btn-ghost-outlined:focus,
.bulk-email-update-modal .modal-dialog .modal-footer .btn-ghost-outlined:hover {
  color: #6b7280;
  border-color: #e5e7eb;
  background-color: #f9fafb;
}
.bulk-email-update-modal .modal-dialog .modal-footer .bs-modal-footer-action-buttons {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
.bulk-email-update-modal .general-settings-wrapper {
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.bulk-email-update-modal .general-settings-wrapper .row {
  margin-bottom: 0 !important;
}
.bulk-email-update-modal .general-settings-wrapper .row .bcc-email-input {
  padding-bottom: 22px;
}
.bulk-email-update-modal .general-settings-wrapper .row .bcc-email-input .bs-input-label-suffix {
  position: absolute;
  display: flex;
}
.bulk-email-update-modal .general-settings-wrapper .row .general-settings-input {
  margin-bottom: 0 !important;
}
.bulk-email-update-modal .general-settings-wrapper .row .general-settings-input .bs-input-affix-wrapper {
  height: 2.25rem;
  padding: 0.5rem 0.75rem;
  box-shadow: none;
  min-width: 25.375rem;
}
.bulk-email-update-modal .general-settings-wrapper .row .general-settings-input .bs-input-affix-wrapper .bs-input {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.bulk-email-update-modal .general-settings-wrapper .row .general-settings-input .bs-input-affix-wrapper .bs-input::placeholder {
  color: #9ca3af;
}
.bulk-email-update-modal .general-settings-wrapper .row .general-settings-input .bs-select-box {
  height: 2.25rem;
  padding: 0.5rem 0.75rem;
  box-shadow: none;
  min-width: 25.375rem;
}
.bulk-email-update-modal .general-settings-wrapper .row .general-settings-input .editor {
  box-shadow: none;
  min-width: 25.375rem;
}
.bulk-email-update-modal .general-settings-wrapper .row .general-settings-input .editor .editor-editable-content-container {
  background-color: #fff;
}
.bulk-email-update-modal .general-settings-wrapper .row .bulk-agency-client-dropdown {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0rem;
}
.bulk-email-update-modal .general-settings-wrapper .row .bulk-agency-client-dropdown .agency-client-wrapper {
  margin-top: 0px;
  margin-bottom: 1.5rem;
  width: 406px;
  height: 38px;
}
.bulk-email-update-modal .general-settings-wrapper .row .bulk-agency-client-dropdown .agency-client-wrapper:hover, .bulk-email-update-modal .general-settings-wrapper .row .bulk-agency-client-dropdown .agency-client-wrapper.agency-client-show {
  border-color: #346aff;
  border-right-width: 0.0625rem !important;
}
.bulk-email-update-modal .sending-settings-wrapper {
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  /* Consistent input styling: light grey border, white background, rounded corners */
}
.bulk-email-update-modal .sending-settings-wrapper .bs-input-number,
.bulk-email-update-modal .sending-settings-wrapper .bs-input-number-input-wrap,
.bulk-email-update-modal .sending-settings-wrapper .bs-input-affix-wrapper {
  background-color: #fff !important;
  border-radius: 0.25rem !important;
  box-shadow: none !important;
}
.bulk-email-update-modal .sending-settings-wrapper .bs-input-number-input,
.bulk-email-update-modal .sending-settings-wrapper .bs-input {
  border-radius: 0.25rem;
}
.bulk-email-update-modal .sending-settings-wrapper {
  /* Modal-scoped overrides so daily sending limit layout fits the narrow modal */
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit {
  gap: 0px;
  width: 100%;
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .daily-sending-row,
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .inbox-placement-row {
  gap: 0;
  min-height: auto;
  justify-content: space-between;
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .daily-sending-row.inbox-placement-row,
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .inbox-placement-row.inbox-placement-row {
  margin-top: 24px !important;
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .daily-sending-row .col-md-8,
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .inbox-placement-row .col-md-8 {
  max-width: none;
  flex: 1;
  min-width: 0;
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .sending-limit-input {
  width: 5.625rem;
  min-width: 5.625rem;
  height: 2.25rem;
  flex-shrink: 0;
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .sending-limit-input .bs-input-number-container .bs-input-number {
  min-width: 5.625rem;
  width: 5.625rem;
  height: 2.25rem;
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .sending-limit-input .bs-input-number-container .bs-input-number-input-wrap {
  height: 100%;
  border: none;
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .sending-limit-input .bs-input-number-container .bs-input-number-input {
  height: 100%;
  background: #f9fafb;
  width: 5.5rem;
}
.bulk-email-update-modal .sending-settings-wrapper .email-account-daily-sending-limit .total-number-title {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.bulk-email-update-modal .sending-settings-wrapper {
  /* Time interval row: label + inputs with hyphen and "Seconds" */
}
.bulk-email-update-modal .sending-settings-wrapper .time-interval-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
}
.bulk-email-update-modal .sending-settings-wrapper .time-interval-wrapper .bulk-update-email-accounts-row--inner {
  align-items: center;
  margin-bottom: 0;
}
.bulk-email-update-modal .sending-settings-wrapper .time-interval-wrapper .setting-input-label {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.bulk-email-update-modal .sending-settings-wrapper .time-interval-wrapper .number-input-container {
  margin-top: 0;
}
.bulk-email-update-modal .sending-settings-wrapper .time-interval-wrapper .bs-input-number-container .bs-input-number,
.bulk-email-update-modal .sending-settings-wrapper .time-interval-wrapper .bs-input-number-input-wrap {
  border-radius: 0.25rem !important;
}
.bulk-email-update-modal .sending-settings-wrapper .time-interval-wrapper .bs-input-number-input {
  height: 2rem;
  background: #f9fafb;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row {
  margin: 0;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  /* Daily ramp-up toggle row */
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .daily-rampup-toggle.bulk-update-email-accounts-row--inner {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 !important;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .daily-rampup-toggle.bulk-update-email-accounts-row--inner .daily-rampup-toggle-switch {
  display: flex;
  align-items: center;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .daily-rampup-toggle.bulk-update-email-accounts-row--inner .daily-rampup-toggle-switch label {
  margin: 0;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .daily-rampup-toggle.bulk-update-email-accounts-row--inner .daily-rampup-toggle-switch.switchToggle input:checked + label {
  background: #1d4ed8;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row {
  /* Radio group when toggle is off: greyed appearance */
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .ramp-up-action-radio-group {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: calc(2.5rem - 5px);
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .ramp-up-action-radio-group .ramp-up-action-radio-buttons {
  opacity: 1;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .ramp-up-action-radio-group .ramp-up-action-radio-buttons .bs-radio-wrapper.bs-radio-wrapper-disabled {
  opacity: 0.35;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .ramp-up-action-radio-group .ramp-up-action-radio-buttons .bs-radio-wrapper.bs-radio-wrapper span:nth-of-type(2) {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container {
  padding-left: 0.5rem;
  border-left: 0.1875rem solid #f3f4f6 !important;
  border-radius: 0.25rem !important;
  margin: 0 0 0 2.5rem !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container .daily-rampup {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container .daily-rampup p {
  margin: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1f2937;
  transition: all 0.2s ease;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container .daily-rampup .bs-input-number {
  min-width: 100%;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container .daily-rampup .bs-input-number-input {
  background: #f9fafb;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #1f2937;
  width: 4.6875rem;
  height: 2rem;
  padding: 7px 15px;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container .bulk-update-email-error-wrapper {
  margin-top: 0.25rem !important;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container {
  /* Ramp-up inputs: light border, white background, rounded */
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container {
  /* Disabled ramp-up inputs/radios: greyed appearance when toggle is off */
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container .disabled,
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row.daily-rampup-container [disabled] {
  opacity: 0.35;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .col-md-8 {
  padding: 0;
  margin-bottom: 0.5rem;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row--inner {
  gap: 0.5rem;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .total-number-title,
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .setting-input-label {
  margin: 0 !important;
  color: #6b7280;
  font-size: 0.75rem !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.125rem !important;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .sending-limit-input {
  padding: 0;
  width: 5.625rem;
  height: 2.25rem;
  box-shadow: none;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .sending-limit-input .bs-input-number-input {
  height: 2.25rem;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .sending-limit-input .bs-input-number-error .bs-input-number {
  border-color: #b91c1c;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .number-input-container {
  margin-top: 0.5rem;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .number-input-container .bs-input-number-container {
  width: 5.625rem;
  height: 2.25rem;
  box-shadow: none;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .number-input-container .bs-input-number-container .bs-input-number-input-wrap {
  width: 100%;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .number-input {
  margin: 0rem 4px !important;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .daily-rampup {
  margin: 0rem !important;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .daily-rampup:nth-of-type(2) {
  margin-top: 10px;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .ramp-up-warning-message {
  margin-top: 1rem;
  margin-left: 0.75rem;
  margin-bottom: 1rem;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .ramp-up-warning-message .alert-component .new-theme {
  padding: 4px 8px;
  margin: 0;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .ramp-up-warning-message .alert-component .new-theme .alert-body {
  display: flex;
  align-items: center;
  gap: 4px;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-accounts-row .ramp-up-warning-message .alert-component .new-theme .alert-body .content-div span {
  display: flex;
  align-items: center;
  color: #1f2937;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper .icon svg {
  width: 100%;
  height: 100%;
  color: #b91c1c;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper .icon div {
  margin-left: 0 !important;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper .icon div .shd-alert {
  background: none;
  border: none;
  padding: 0;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper .icon div .shd-alert .shd-alert--text .shd-alert--description {
  color: #b91c1c;
  font-weight: 500;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #b91c1c;
  margin: 0;
  max-width: 23rem;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper.warning {
  align-items: flex-start;
  background-color: #fffbeb;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.bulk-email-update-modal .sending-settings-wrapper .bulk-update-email-error-wrapper.warning .icon {
  margin-top: 0.25rem;
}

.email-account-confirmation-popup .btn-solid-primary {
  min-width: 6.25rem;
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
}
.email-account-confirmation-popup .btn-ghost-outlined {
  min-width: 6.25rem;
  height: 2rem;
  border: 0.0625rem solid #e5e7eb;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  color: #6b7280;
}
.email-account-confirmation-popup .btn-ghost-outlined:focus, .email-account-confirmation-popup .btn-ghost-outlined:hover {
  color: #6b7280;
  border-color: #e5e7eb;
}
.email-account-confirmation-popup.delete p {
  margin: 0 !important;
}
.email-account-confirmation-popup.delete .btn-solid-primary {
  background-color: #b91c1c !important;
}
.email-account-confirmation-popup.delete .btn-solid-primary:focus, .email-account-confirmation-popup.delete .btn-solid-primary:hover {
  background-color: #991b1b !important;
}

.separator-line {
  width: 0.125rem;
  height: 2rem;
  background-color: #d1d5db;
}

.filter-count-badge {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  background-color: #346aff;
  color: white;
  border-radius: 50%;
  padding: 0.125rem 0.375rem;
  font-size: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
}

.globalSettings__Wrapper .globalSettings__Header {
  margin-bottom: 0.5rem !important;
}

.detail-page-tag {
  margin-bottom: 1.5rem;
  margin-left: 1.1875rem;
}
.detail-page-tag .tag-row-container {
  display: flex;
  align-items: center;
}
.detail-page-tag .tag-row-container .tag-icon {
  margin-left: 0.5rem;
  color: #4b5563;
}
.detail-page-tag .tag-row-container .prospect-tag-row {
  margin-left: 0.5rem !important;
}

.prospect-add-tag {
  color: #1d4ed8;
}

.upgrade-a {
  color: #0d1a33 !important;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}

.empty-block-email-account {
  text-align: center;
  width: 24.375rem;
  padding: 10% 0 3rem;
  margin: auto;
}

.table-scroll-container.selected .table-list {
  height: calc(100vh - 14rem);
}
.table-scroll-container.not-selected .table-list {
  height: calc(100vh - 11.5rem);
}

.cancel-btn {
  min-width: 4.9375rem;
  color: #6b7280;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.375rem 1rem;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  margin: 0 1rem 0 0;
}

.email-accounts-table .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 4px;
}
.email-accounts-table .switchToggle .label {
  margin-bottom: 0 !important;
  margin-top: 0.2rem;
}

.icon-trulyinbox path {
  fill: #f97316;
}

.icon-trulyinbox {
  margin-bottom: 0.0625rem;
}

.ready-for-outreach {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #dafad7;
  color: #047857;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #dafad7;
  border-radius: 200px;
  padding: 4px 12px;
  cursor: default;
}
.ready-for-outreach .badge-icon {
  color: #047857;
}
.ready-for-outreach .badge-icon svg {
  width: 14px;
  height: 14px;
}
.ready-for-outreach .badge-label {
  font-size: 14px;
  line-height: 1.2;
}

.needs-recovery {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 142px;
  border-radius: 200px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #b91c1c;
  background-color: #fef2f2;
  border: 1px solid #fee2e2;
  cursor: default;
}
.needs-recovery .badge-icon {
  color: #b91c1c;
  width: 12px;
}

.warming-up {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 122px;
  border-radius: 200px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #b45309;
  background-color: #fffbeb;
  border: 1px solid #fef3c7;
  cursor: default;
}
.warming-up .badge-dot {
  color: #b45309;
  width: 12px;
}

.trulyinbox {
  align-items: center;
  display: flex;
  gap: 0.25rem;
}

.info-icon-popover-btn {
  width: 0.875rem;
  height: 0.875rem;
  color: #6b7280;
  margin-left: 0.25rem;
  margin-bottom: 0.125rem;
  transition: all 0.2s ease;
}
.info-icon-popover-btn:hover {
  color: #1d4ed8;
}

.isInfoIconVisible {
  color: #1d4ed8 !important;
}

.isInfoIconNotVisible {
  color: #6b7280 !important;
}
.isInfoIconNotVisible:hover {
  color: #1d4ed8 !important;
}

.cross-icon {
  color: #1f2937 !important;
}

.status-cell {
  position: sticky;
  left: 3.6875rem;
  background-color: white;
  z-index: 1;
}

.name-cell {
  position: sticky;
  background-color: white;
  z-index: 1;
  box-shadow: none;
}

.name-header {
  position: sticky;
  top: 0;
  background-color: #f3f4f6 !important;
  z-index: 3;
  box-shadow: none;
}

.table-scroll-container.is-scrollable .name-header {
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.5);
}

.table-scroll-container.is-scrollable .name-cell {
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.5);
}

.status-header {
  position: sticky;
  left: 3.6875rem;
  top: 0;
  background-color: #f3f4f6 !important;
  z-index: 10;
}

.header-icon-component {
  display: flex;
  align-items: center;
  line-height: 1.25rem;
}

.submit-btn {
  min-width: 6.25rem !important;
  height: 2rem !important;
  border: none !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  background-color: #1d4ed8 !important;
}
.submit-btn:hover {
  background-color: #1e40af !important;
}

.email-account-cancel-btn {
  min-width: 6.25rem !important;
  height: 2rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  transition: all 0.2s ease !important;
  color: #6b7280 !important;
  margin-right: 1rem;
}
.email-account-cancel-btn:focus-visible {
  outline: none;
}
.email-account-cancel-btn:hover, .email-account-cancel-btn:active {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}

.tooltip-hidden {
  display: none;
}

.tooltip-visible {
  display: block;
}

.active-sequence-cell-header {
  padding-left: 1.5rem !important;
}

.check-cross-icon {
  height: 1.25rem;
  width: 1.25rem;
}

.dropdown-item-custom:hover {
  background-color: #eff6ff !important;
}

.with-toggle {
  left: 6.9375rem;
}

.color-red {
  color: #dc2626;
}

.color-green {
  color: #059669;
}

.color-orange {
  color: #d97706;
}

.inbox-radar-test-field {
  display: flex;
}
.inbox-radar-test-field .inbox-radar-test-label {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}
.inbox-radar-test-field .run-test-btn {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
}

.discard-signature-settings-modal .discard-unsaved-changes-modal-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content .discard-unsaved-changes-modal-header {
  padding: 16px 24px 0 24px;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content .discard-unsaved-changes-modal-header .header-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content .discard-unsaved-changes-modal-header span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content .discard-unsaved-changes-modal-body {
  padding: 24px 24px 0 24px;
  border-top: 1px solid #eee;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content .discard-unsaved-changes-modal-body .discard-unsaved-changes-modal-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-container .divider-line {
  height: 1px;
  width: 470px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-footer .cancel-button {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  text-align: center;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-footer .cancel-button:hover {
  background-color: #f8f9fa;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-footer .discard-btn .btn-solid {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.discard-signature-settings-modal .discard-unsaved-changes-modal-footer .discard-btn .btn-solid:hover {
  background-color: #1e40af;
}

.bs-dns-icon-clock {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #eff6ff;
  border: 1.5px solid #bfdbfe;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.12s, box-shadow 0.14s;
}
.bs-dns-icon-clock:hover {
  background-color: #dbeafe;
  box-shadow: 0 0 0 3px rgba(191, 219, 254, 0.5);
}

.blacklist-tooltip .tooltip-inner {
  white-space: nowrap !important;
  max-width: none !important;
}

.purchase-pre-warmed-accounts {
  zoom: 1.1;
}
.purchase-pre-warmed-accounts .pwm-back-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}
.purchase-pre-warmed-accounts .pwm-back-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #8c8c8c;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: background 0.15s, color 0.15s;
}
.purchase-pre-warmed-accounts .pwm-back-btn:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.purchase-pre-warmed-accounts .pwm-page-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1f2937;
}
.purchase-pre-warmed-accounts .bs-tabs-content-holder {
  background-color: #f9fafb;
  overflow-y: auto;
  height: calc(100% - 3.5rem);
}
.purchase-pre-warmed-accounts .bs-tabs-content {
  height: 100%;
}
.purchase-pre-warmed-accounts .bs-tabs-tabpane {
  height: 100%;
  overflow-y: auto;
}
.purchase-pre-warmed-accounts .create-email-infrastructure__footer {
  position: fixed;
  bottom: 0;
  left: calc(4.09rem - 4px);
  right: 0;
  z-index: 50;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0 -4px 12px -2px rgba(0, 0, 0, 0.06), 0 -1px 3px 0 rgba(0, 0, 0, 0.04);
}
.purchase-pre-warmed-accounts .create-email-infrastructure__footer--container {
  justify-content: space-between;
  align-items: center;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.purchase-pre-warmed-accounts .create-email-infrastructure__footer--left {
  margin-left: -18px;
  align-items: center;
}
.purchase-pre-warmed-accounts .create-email-infrastructure__footer--right {
  padding-left: 1.625rem;
}
.purchase-pre-warmed-accounts .pwm-footer-cart {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #8c8c8c;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin-left: -0.5rem;
  transition: background 0.15s;
}
.purchase-pre-warmed-accounts .pwm-footer-cart svg {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
}
.purchase-pre-warmed-accounts .pwm-footer-cart--empty {
  opacity: 0.55;
}
.purchase-pre-warmed-accounts .pwm-footer-empty-label {
  font-size: 0.875rem;
  color: #8c8c8c;
}

.purchase-email-accounts-tab {
  padding: 1.5rem;
  min-height: 100%;
}
.purchase-email-accounts-tab .pwm-browse-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.25rem;
  max-width: 76.5rem;
  margin-left: auto;
  margin-right: auto;
}
.purchase-email-accounts-tab .pwm-browse-header-left {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.purchase-email-accounts-tab .pwm-browse-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
  line-height: 1.5rem;
}
.purchase-email-accounts-tab .pwm-browse-subtitle {
  font-size: 0.75rem;
  color: #8c8c8c;
  margin: 0;
  line-height: 1.125rem;
}
.purchase-email-accounts-tab .pwm-set-forwarding-link {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  white-space: nowrap;
  margin-top: 0.25rem;
}
.purchase-email-accounts-tab .pwm-set-forwarding-link:hover {
  text-decoration: underline;
}
.purchase-email-accounts-tab .pwm-filters {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
  max-width: 76.5rem;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
.purchase-email-accounts-tab .pwm-search-wrapper {
  position: relative;
  flex: 1;
  max-width: 20rem;
}
.purchase-email-accounts-tab .pwm-search-wrapper .pwm-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #8c8c8c;
  pointer-events: none;
}
.purchase-email-accounts-tab .pwm-search-input {
  width: 100%;
  height: 2.25rem;
  padding: 0.375rem 1rem 0.375rem 2.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  color: #1f2937;
  background: #fff;
  outline: none;
  transition: border-color 0.2s;
}
.purchase-email-accounts-tab .pwm-search-input::placeholder {
  color: #8c8c8c;
}
.purchase-email-accounts-tab .pwm-search-input:focus {
  border-color: #1d4ed8;
}
.purchase-email-accounts-tab .pwm-warmup-dropdown-wrapper {
  position: relative;
}
.purchase-email-accounts-tab .pwm-filter-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 2.25rem;
  padding: 0 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  background: #fff;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.2s;
}
.purchase-email-accounts-tab .pwm-filter-btn:hover {
  border-color: #1d4ed8;
}
.purchase-email-accounts-tab .pwm-filter-btn svg {
  color: #8c8c8c;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-dropdown-menu {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  z-index: 100;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
  min-width: 10rem;
  overflow: hidden;
}
.purchase-email-accounts-tab .pwm-dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  color: #1f2937;
  transition: background 0.15s;
}
.purchase-email-accounts-tab .pwm-dropdown-item:hover {
  background: #eff6ff;
}
.purchase-email-accounts-tab .pwm-dropdown-item.active {
  color: #1d4ed8;
  font-weight: 500;
  background: #eff6ff;
}
.purchase-email-accounts-tab .pwm-provider-tabs {
  display: flex;
  align-items: center;
  gap: 0;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  overflow: hidden;
  width: fit-content;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-provider-tab {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 1rem;
  background: #fff;
  border: none;
  border-right: 1px solid #e5e7eb;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #8c8c8c;
  transition: background 0.15s, color 0.15s;
  height: 2rem;
}
.purchase-email-accounts-tab .pwm-provider-tab:last-child {
  border-right: none;
}
.purchase-email-accounts-tab .pwm-provider-tab:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.purchase-email-accounts-tab .pwm-provider-tab.active {
  background: #eff6ff;
  color: #1d4ed8;
}
.purchase-email-accounts-tab .pwm-provider-tab img {
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-gender-dropdown-wrapper {
  position: relative;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-domains-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  max-width: 76.5rem;
  margin: 0 auto;
  padding-bottom: 4rem;
}
.purchase-email-accounts-tab .pwm-domain-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 1.125rem 1.25rem;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}
.purchase-email-accounts-tab .pwm-domain-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.purchase-email-accounts-tab .pwm-domain-card.selected {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.14);
}
.purchase-email-accounts-tab .pwm-card-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-card-top-left {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1;
  min-width: 0;
}
.purchase-email-accounts-tab .pwm-card-top-name-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.purchase-email-accounts-tab .pwm-checkbox-col {
  width: 1.625rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.purchase-email-accounts-tab .pwm-select-indicator {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 0.1875rem;
  border: 1.5px solid #cbd5e1;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, border-color 0.15s;
  cursor: pointer;
}
.purchase-email-accounts-tab .pwm-select-indicator.checked {
  background: #1d4ed8;
  border-color: #1d4ed8;
}
.purchase-email-accounts-tab .pwm-select-indicator.indeterminate {
  background: #1d4ed8;
  border-color: #1d4ed8;
}
.purchase-email-accounts-tab .pwm-indeterminate-mark {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
}
.purchase-email-accounts-tab .pwm-domain-name {
  font-size: 1.03125rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.4;
  white-space: nowrap;
}
.purchase-email-accounts-tab .pwm-provider-logo {
  flex-shrink: 0;
  display: block;
}
.purchase-email-accounts-tab .pwm-warmup-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  font-size: 0.75rem;
  color: #64748b;
  white-space: nowrap;
  line-height: 1.4;
}
.purchase-email-accounts-tab .pwm-warmup-inline--right {
  margin-left: auto;
  align-self: flex-start;
}
.purchase-email-accounts-tab .pwm-warmup-inline--bottom-left {
  align-self: flex-start;
  margin-top: 0.4rem;
}
.purchase-email-accounts-tab .pwm-warmup-text {
  font-weight: 500;
}
.purchase-email-accounts-tab .pwm-card-subtitle {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
  line-height: 1.4;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-card-subtitle strong {
  color: #0f172a;
  font-weight: 600;
}
.purchase-email-accounts-tab .pwm-card-subtitle--footer {
  margin: 0;
}
.purchase-email-accounts-tab .pwm-card-divider {
  height: 1px;
  background: #e2e8f0;
  margin-bottom: 0.5rem;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-card-pricing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #e2e8f0;
  gap: 0.5rem;
}
.purchase-email-accounts-tab .pwm-card-pricing-breakdown {
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
}
.purchase-email-accounts-tab .pwm-card-pricing-total {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
}
.purchase-email-accounts-tab .pwm-email-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.purchase-email-accounts-tab .pwm-email-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.purchase-email-accounts-tab .pwm-email-avatar-img {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  background: #eff6ff;
}
.purchase-email-accounts-tab .pwm-email-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  gap: 0.0625rem;
}
.purchase-email-accounts-tab .pwm-email-name {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  font-weight: 600;
  color: #55575a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.35;
}
.purchase-email-accounts-tab .pwm-email-address {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.75rem;
  color: #4b5563;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.35;
}
.purchase-email-accounts-tab .pwm-admin-badge {
  flex-shrink: 0;
  margin-left: 8px;
  padding: 0 0.25rem;
  background: #f1f5f9;
  border: none;
  border-radius: 0.1875rem;
  font-size: 0.5625rem;
  color: #94a3b8;
  font-weight: 500;
  line-height: 1.4;
}
.purchase-email-accounts-tab .pwm-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-price-main {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
}
.purchase-email-accounts-tab .pwm-price-sub {
  font-size: 0.625rem;
  color: #94a3b8;
  line-height: 1.3;
}
.purchase-email-accounts-tab .pwm-filter-divider {
  width: 1px;
  height: 1.5rem;
  background: #e5e7eb;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-select-all-btn {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  height: 2.25rem;
  padding: 0 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  background: #fff;
  color: #1f2937;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.2s, background 0.15s;
}
.purchase-email-accounts-tab .pwm-select-all-btn:hover:not(:disabled) {
  border-color: #1d4ed8;
  background: #eff6ff;
}
.purchase-email-accounts-tab .pwm-select-all-btn.active {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background: #eff6ff;
}
.purchase-email-accounts-tab .pwm-select-all-btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.purchase-email-accounts-tab .pwm-select-all-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.125rem;
  height: 1.125rem;
  padding: 0 0.25rem;
  background: #1d4ed8;
  color: #fff;
  border-radius: 0.75rem;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1;
}
.purchase-email-accounts-tab .pwm-view-toggle {
  display: flex;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  overflow: hidden;
  flex-shrink: 0;
}
.purchase-email-accounts-tab .pwm-view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  background: #fff;
  border: none;
  border-right: 1px solid #e5e7eb;
  cursor: pointer;
  color: #8c8c8c;
  transition: background 0.15s, color 0.15s;
}
.purchase-email-accounts-tab .pwm-view-btn:last-child {
  border-right: none;
}
.purchase-email-accounts-tab .pwm-view-btn:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.purchase-email-accounts-tab .pwm-view-btn.active {
  background: #eff6ff;
  color: #1d4ed8;
}
.purchase-email-accounts-tab .pwm-mailbox-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: #f3f4f6;
  border: none;
  border-radius: 0.25rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.6875rem;
  color: #6b7280;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 0.4rem;
  transition: background 0.15s;
}
.purchase-email-accounts-tab .pwm-mailbox-toggle:hover {
  background: #e2e8f0;
  color: #1f2937;
}
.purchase-email-accounts-tab .pwm-mailbox-chevron {
  font-size: 0.75rem;
  transition: transform 0.15s;
  display: inline-block;
}
.purchase-email-accounts-tab .pwm-mailbox-chevron.open {
  transform: rotate(180deg);
}
.purchase-email-accounts-tab .pwm-list-view {
  max-width: 76.5rem;
  margin: 0 auto;
  padding-bottom: 4rem;
  overflow-x: auto;
}
.purchase-email-accounts-tab .pwm-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  overflow: hidden;
}
.purchase-email-accounts-tab .pwm-th {
  padding: 0.625rem 0.875rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #8c8c8c;
  background: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
  user-select: none;
}
.purchase-email-accounts-tab .pwm-th--sortable {
  cursor: pointer;
}
.purchase-email-accounts-tab .pwm-th--sortable:hover {
  color: #1f2937;
  background: #e9ebee;
}
.purchase-email-accounts-tab .pwm-th--check {
  width: 2.5rem;
}
.purchase-email-accounts-tab .pwm-sort-icon {
  display: inline-flex;
  align-items: center;
  margin-left: 0.3rem;
  vertical-align: middle;
  color: #1d4ed8;
}
.purchase-email-accounts-tab .pwm-sort-icon--neutral {
  color: #c8cfd8;
  opacity: 0;
  transition: opacity 0.15s;
}
.purchase-email-accounts-tab .pwm-th--sortable:hover .pwm-sort-icon--neutral {
  opacity: 1;
}
.purchase-email-accounts-tab .pwm-tr {
  cursor: pointer;
  border-bottom: 1px solid #e5e7eb;
  transition: background 0.1s;
}
.purchase-email-accounts-tab .pwm-tr:last-child {
  border-bottom: none;
}
.purchase-email-accounts-tab .pwm-tr:hover {
  background: #eff6ff;
}
.purchase-email-accounts-tab .pwm-tr.selected {
  background: rgb(93.666136725%, 96.3052464229%, 99.8240593535%);
}
.purchase-email-accounts-tab .pwm-tr--expanded {
  cursor: default;
  background: #fafbfc;
}
.purchase-email-accounts-tab .pwm-tr--expanded:hover {
  background: #fafbfc;
}
.purchase-email-accounts-tab .pwm-td {
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
  color: #1f2937;
  vertical-align: middle;
}
.purchase-email-accounts-tab .pwm-td--check {
  width: 2.5rem;
}
.purchase-email-accounts-tab .pwm-td--domain {
  font-weight: 600;
}
.purchase-email-accounts-tab .pwm-td--muted {
  color: #8c8c8c;
}
.purchase-email-accounts-tab .pwm-td--price {
  font-weight: 700;
  color: #0f172a;
}
.purchase-email-accounts-tab .pwm-expanded-emails {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.5rem 2.5rem 0.75rem;
}
.purchase-email-accounts-tab .pwm-empty-state {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem;
}
.purchase-email-accounts-tab .pwm-empty-state p {
  color: #8c8c8c;
  font-size: 0.875rem;
}
.purchase-email-accounts-tab .pwm-pagination {
  display: flex;
  justify-content: center;
  padding: 1rem 0 0.5rem;
}
.purchase-email-accounts-tab .pwm-out-of-stock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: calc(100vh - 16rem);
  padding: 2rem;
}
.purchase-email-accounts-tab .pwm-out-of-stock__illustration {
  margin-bottom: 2rem;
  opacity: 0.9;
}
.purchase-email-accounts-tab .pwm-out-of-stock__heading {
  color: #1f2937;
  margin: 0 0 0.375rem;
}
.purchase-email-accounts-tab .pwm-out-of-stock__alt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.375rem;
}
.purchase-email-accounts-tab .pwm-out-of-stock__alt-link {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1d4ed8;
  transition: color 0.15s;
}
.purchase-email-accounts-tab .pwm-out-of-stock__alt-link:hover {
  color: #0137fc;
  text-decoration: underline;
}
.purchase-email-accounts-tab .pwm-bottom-spacer {
  height: 1rem;
}

.purchase-pre-warmed-accounts .pwm-footer-pricing {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: nowrap;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin-left: -0.5rem;
  transition: background 0.15s;
}
.purchase-pre-warmed-accounts .pwm-footer-pricing:hover {
  background: #f3f4f6;
}
.purchase-pre-warmed-accounts .pwm-footer-pricing--empty {
  cursor: default;
  opacity: 0.5;
}
.purchase-pre-warmed-accounts .pwm-footer-pricing--empty:hover {
  background: transparent;
}
.purchase-pre-warmed-accounts .pwm-footer-summary-group {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
}
.purchase-pre-warmed-accounts .pwm-footer-summary-group svg {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
  flex-shrink: 0;
}
.purchase-pre-warmed-accounts .pwm-footer-summary-text {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
}
.purchase-pre-warmed-accounts .pwm-footer-total-inline {
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
}
.purchase-pre-warmed-accounts .pwm-footer-total-inline strong {
  color: #1d4ed8;
  font-weight: 600;
  font-size: 1rem;
}
.purchase-pre-warmed-accounts .pwm-footer-breakdown-text {
  font-size: 0.875rem;
  color: #6b7280;
  white-space: nowrap;
}
.purchase-pre-warmed-accounts .pwm-footer-breakdown-text strong {
  color: #1f2937;
  font-weight: 600;
}
.purchase-pre-warmed-accounts .pwm-footer-fee-sep {
  color: #d1d5db;
  font-size: 0.875rem;
  flex-shrink: 0;
  margin: 0 4px;
}
.purchase-pre-warmed-accounts .pwm-footer-fee-label {
  color: #6b7280;
  font-size: 0.875rem;
}
.purchase-pre-warmed-accounts .pwm-list-mailbox-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: #f3f4f6;
  border: none;
  border-radius: 0.25rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.6875rem;
  color: #8c8c8c;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.purchase-pre-warmed-accounts .pwm-list-mailbox-toggle:hover {
  background: #e2e8f0;
  color: #1f2937;
}
.purchase-pre-warmed-accounts .pwm-list-mailbox-toggle .pwm-mailbox-chevron {
  font-size: 0.75rem;
  transition: transform 0.15s;
  display: inline-block;
}
.purchase-pre-warmed-accounts .pwm-list-mailbox-toggle .pwm-mailbox-chevron.open {
  transform: rotate(180deg);
}
.purchase-pre-warmed-accounts .pwm-tr-expansion {
  cursor: default;
}
.purchase-pre-warmed-accounts .pwm-tr-expansion:hover {
  background: transparent;
}
.purchase-pre-warmed-accounts .pwm-td-expansion {
  padding: 0 !important;
  border-bottom: 1px solid #e5e7eb;
}
.purchase-pre-warmed-accounts .pwm-expansion-body {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  gap: 0.75rem;
  align-items: center;
  background: #f8fafc;
  padding: 0 1rem;
  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}
.purchase-pre-warmed-accounts .pwm-expansion-body.open {
  max-height: 12rem;
  opacity: 1;
  padding: 0.625rem 1rem;
}
.purchase-pre-warmed-accounts .pwm-expansion-body .pwm-email-info {
  flex: initial;
  min-width: 0;
}

.create-email-infrastructure-cart .pwm-cart-mailbox-avatar {
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid #e5e7eb;
  margin-top: 0.125rem;
}
.create-email-infrastructure-cart .pwm-cart-mailbox-price {
  white-space: nowrap;
}
.create-email-infrastructure-cart .pwm-cart-item {
  align-items: flex-start;
}
.create-email-infrastructure-cart .pwm-cart-item-left {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.create-email-infrastructure-cart .pwm-cart-item-logo {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.create-email-infrastructure-cart .pwm-cart-item-details {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.create-email-infrastructure-cart .pwm-cart-item-meta {
  font-size: 0.75rem;
  color: #8c8c8c;
  line-height: 1rem;
}
.create-email-infrastructure-cart .pwm-cart-item-pricing {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.125rem;
}
.create-email-infrastructure-cart .pwm-cart-item-recurring {
  font-size: 0.75rem;
  color: #8c8c8c;
  line-height: 1rem;
}
.create-email-infrastructure-cart .pwm-cart-billing-breakdown {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.create-email-infrastructure-cart .pwm-cart-billing-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
}
.create-email-infrastructure-cart .pwm-cart-billing-row:last-child {
  border-bottom: none;
}
.create-email-infrastructure-cart .pwm-cart-billing-row:first-child {
  background: #eff6ff;
}
.create-email-infrastructure-cart .pwm-cart-billing-row-label {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.create-email-infrastructure-cart .pwm-cart-billing-row-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.2;
}
.create-email-infrastructure-cart .pwm-cart-billing-row-desc {
  font-size: 0.6875rem;
  color: #6b7280;
  line-height: 1.3;
}
.create-email-infrastructure-cart .pwm-cart-billing-row-amount {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
  flex-shrink: 0;
}
.create-email-infrastructure-cart .pwm-cart-billing-row-amount--primary {
  font-size: 1rem;
  font-weight: 700;
}

.pwm-mb-tab {
  padding: 1.5rem;
  min-height: 100%;
}
.pwm-mb-tab .pwm-mb-page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.pwm-mb-tab .pwm-mb-page-title {
  color: #1f2937;
  margin: 0 0 0.25rem;
}
.pwm-mb-tab .pwm-mb-page-subtitle {
  color: #6b7280;
  margin: 0;
}
.pwm-mb-tab .pwm-mb-page-stats {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: #8c8c8c;
  flex-shrink: 0;
}
.pwm-mb-tab .pwm-mb-page-stats strong {
  font-weight: 600;
  color: #1f2937;
}
.pwm-mb-tab .pwm-mb-stats-dot {
  color: #e5e7eb;
}
.pwm-mb-tab .pwm-mb-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  zoom: 0.8;
}
.pwm-mb-tab .pwm-mb-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
}
.pwm-mb-tab .pwm-mb-domain-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #e5e7eb;
}
.pwm-mb-tab .pwm-mb-domain-identity {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.pwm-mb-tab .pwm-mb-domain-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
}
.pwm-mb-tab .pwm-mb-domain-logo {
  border-radius: 0.25rem;
}
.pwm-mb-tab .pwm-mb-domain-info {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.pwm-mb-tab .pwm-mb-domain-name {
  color: #1f2937;
  line-height: 1.4;
}
.pwm-mb-tab .pwm-mb-change-photo-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 2rem;
  padding: 0 0.75rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1f2937;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.15s, background 0.15s;
}
.pwm-mb-tab .pwm-mb-change-photo-btn svg {
  color: #8c8c8c;
  flex-shrink: 0;
}
.pwm-mb-tab .pwm-mb-change-photo-btn:hover {
  border-color: #1d4ed8;
  background: #eff6ff;
}
.pwm-mb-tab .pwm-mb-email-list {
  display: flex;
  flex-direction: column;
}
.pwm-mb-tab .pwm-mb-email-item {
  border-bottom: 1px solid #e5e7eb;
}
.pwm-mb-tab .pwm-mb-email-item:last-child {
  border-bottom: none;
}
.pwm-mb-tab .pwm-mb-email-item--editing .pwm-mb-email-row {
  border-bottom: 1px solid #e5e7eb;
}
.pwm-mb-tab .pwm-mb-email-row {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.75rem 1.25rem;
}
.pwm-mb-tab .pwm-mb-avatar-btn {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  flex-shrink: 0;
}
.pwm-mb-tab .pwm-mb-avatar-btn:hover .pwm-mb-avatar-overlay {
  opacity: 1;
}
.pwm-mb-tab .pwm-mb-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 1px solid #e5e7eb;
}
.pwm-mb-tab .pwm-mb-avatar-overlay {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.48);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s;
  color: #fff;
}
.pwm-mb-tab .pwm-mb-email-identity {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.pwm-mb-tab .pwm-mb-email-name {
  color: #1f2937;
  line-height: 1.4;
}
.pwm-mb-tab .pwm-mb-email-address {
  color: #1f2937;
  line-height: 1.4;
}
.pwm-mb-tab .pwm-mb-email-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
.pwm-mb-tab .pwm-mb-edit-btn {
  background: none;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  color: #8c8c8c;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  transition: color 0.15s, background 0.15s;
}
.pwm-mb-tab .pwm-mb-edit-btn:hover {
  color: #1f2937;
  background: #f3f4f6;
}
.pwm-mb-tab .pwm-mb-edit-btn--done {
  font-size: 0.875rem;
  font-weight: 500;
  color: #0137fc;
  padding: 0.25rem 0.5rem;
}
.pwm-mb-tab .pwm-mb-edit-btn--done:hover {
  color: #0137fc;
  background: #eff6ff;
}
.pwm-mb-tab .pwm-admin-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  background: #f3f4f6;
  border: none;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #9ca3af;
  line-height: 1.4;
  white-space: nowrap;
}
.pwm-mb-tab .pwm-mb-edit-panel {
  padding: 1rem 1.25rem 1.25rem;
  background: #f9fafb;
  border-top: none;
}
.pwm-mb-tab .pwm-mb-edit-fields {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.875rem;
}
.pwm-mb-tab .pwm-mb-field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  flex: 1;
  min-width: 9rem;
}
.pwm-mb-tab .pwm-mb-field-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1;
}
.pwm-mb-tab .pwm-mb-input {
  height: 2.25rem;
  padding: 0 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  color: #1f2937;
  background: #fff;
  outline: none;
  width: 100%;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.pwm-mb-tab .pwm-mb-input::placeholder {
  color: #595959;
}
.pwm-mb-tab .pwm-mb-input:focus {
  border-color: #0137fc;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.pwm-mb-tab .pwm-mb-input--username {
  border-right: none;
  border-radius: 0.25rem 0 0 0.25rem;
}
.pwm-mb-tab .pwm-mb-input--error {
  border-color: #f5222d;
}
.pwm-mb-tab .pwm-mb-input--error:focus {
  border-color: #f5222d;
  box-shadow: 0 0 0 3px rgba(245, 34, 45, 0.12);
}
.pwm-mb-tab .pwm-mb-field-error {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #f5222d;
  line-height: 1.4;
}
.pwm-mb-tab .pwm-mb-username-input-wrap {
  display: flex;
  align-items: stretch;
}
.pwm-mb-tab .pwm-mb-username-input-wrap:focus-within .pwm-mb-domain-suffix {
  border-color: #0137fc;
}
.pwm-mb-tab .pwm-mb-username-input-wrap--error .pwm-mb-input--username {
  border-color: #f5222d;
}
.pwm-mb-tab .pwm-mb-username-input-wrap--error .pwm-mb-input--username:focus {
  border-color: #f5222d;
  box-shadow: 0 0 0 3px rgba(245, 34, 45, 0.12);
}
.pwm-mb-tab .pwm-mb-username-input-wrap--error .pwm-mb-domain-suffix {
  border-color: #f5222d;
}
.pwm-mb-tab .pwm-mb-domain-suffix {
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-left: none;
  border-radius: 0 0.25rem 0.25rem 0;
  font-size: 0.875rem;
  color: #6b7280;
  white-space: nowrap;
  transition: border-color 0.15s;
}
.pwm-mb-tab .pwm-mb-template-btn {
  gap: 0.25rem;
  align-items: center;
}
.pwm-mb-tab .pwm-mb-template-btn svg {
  display: block;
  flex-shrink: 0;
}

.pwm-tpl-modal .modal-dialog {
  max-width: 52rem;
}
.pwm-tpl-modal .modal-content {
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.pwm-tpl-modal .modal-header {
  padding: 0;
  border-bottom: 1px solid #e5e7eb;
}
.pwm-tpl-modal .modal-body {
  padding: 1.25rem;
  max-height: 60vh;
  overflow-y: auto;
}
.pwm-tpl-modal .modal-footer {
  padding: 0;
  border-top: 1px solid #e5e7eb;
}
.pwm-tpl-modal .pwm-tpl-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  width: 100%;
}
.pwm-tpl-modal .pwm-tpl-modal-title {
  color: #1f2937;
  margin: 0 0 0.25rem;
}
.pwm-tpl-modal .pwm-tpl-modal-subtitle {
  color: #6b7280;
  margin: 0;
}
.pwm-tpl-modal .pwm-tpl-close-btn {
  background: none;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  color: #8c8c8c;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  flex-shrink: 0;
  transition: color 0.15s;
}
.pwm-tpl-modal .pwm-tpl-close-btn:hover {
  color: #1f2937;
}
.pwm-tpl-modal .pwm-tpl-positions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pwm-tpl-modal .pwm-tpl-position-card {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1rem;
  background: #fff;
}
.pwm-tpl-modal .pwm-tpl-position-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}
.pwm-tpl-modal .pwm-tpl-position-title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pwm-tpl-modal .pwm-tpl-position-label {
  color: #1f2937;
}
.pwm-tpl-modal .pwm-tpl-position-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.pwm-tpl-modal .pwm-tpl-select-domains-wrapper {
  position: relative;
}
.pwm-tpl-modal .pwm-tpl-select-domains-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
  transition: color 0.15s;
}
.pwm-tpl-modal .pwm-tpl-select-domains-btn:hover {
  color: #1d4ed8;
}
.pwm-tpl-modal .pwm-tpl-domains-dropdown {
  position: absolute;
  top: calc(100% + 0.375rem);
  right: 0;
  z-index: 200;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 14rem;
  overflow: hidden;
}
.pwm-tpl-modal .pwm-tpl-select-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.875rem;
  border-bottom: 1px solid #e5e7eb;
}
.pwm-tpl-modal .pwm-tpl-select-count {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
}
.pwm-tpl-modal .pwm-tpl-select-clear-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1d4ed8;
  transition: color 0.15s;
}
.pwm-tpl-modal .pwm-tpl-select-clear-btn:hover {
  color: #0137fc;
}
.pwm-tpl-modal .pwm-tpl-domain-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.875rem;
  cursor: pointer;
  user-select: none;
  transition: background 0.12s;
}
.pwm-tpl-modal .pwm-tpl-domain-option:hover {
  background: #f9fafb;
}
.pwm-tpl-modal .pwm-tpl-domain-option-name {
  font-size: 0.875rem;
  color: #1f2937;
  flex: 1;
}
.pwm-tpl-modal .pwm-tpl-domain-check {
  color: #0137fc;
  flex-shrink: 0;
}
.pwm-tpl-modal .pwm-tpl-domain-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.875rem;
}
.pwm-tpl-modal .pwm-tpl-domain-pill {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  padding: 0 0.625rem;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  color: #1f2937;
  white-space: nowrap;
}
.pwm-tpl-modal .pwm-tpl-domain-pill--more {
  color: #8c8c8c;
}
.pwm-tpl-modal .pwm-tpl-fields-row {
  display: flex;
  align-items: flex-end;
  gap: 0.875rem;
}
.pwm-tpl-modal .pwm-tpl-avatar-upload-btn {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1.5px dashed #e5e7eb;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.15s, background 0.15s;
  overflow: hidden;
  padding: 0;
}
.pwm-tpl-modal .pwm-tpl-avatar-upload-btn:hover {
  border-color: #1d4ed8;
  background: #eff6ff;
}
.pwm-tpl-modal .pwm-tpl-avatar-upload-btn:hover .pwm-tpl-upload-icon {
  color: #1d4ed8;
}
.pwm-tpl-modal .pwm-tpl-upload-icon {
  color: #8c8c8c;
  transition: color 0.15s;
}
.pwm-tpl-modal .pwm-tpl-avatar-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pwm-tpl-modal .pwm-tpl-name-fields {
  display: flex;
  gap: 0.75rem;
  flex: 1;
}
.pwm-tpl-modal .pwm-tpl-field {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  min-width: 0;
}
.pwm-tpl-modal .pwm-tpl-field-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1;
}
.pwm-tpl-modal .pwm-tpl-input {
  height: 2.25rem;
  padding: 0 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  color: #1f2937;
  background: #fff;
  outline: none;
  width: 100%;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.pwm-tpl-modal .pwm-tpl-input::placeholder {
  color: #595959;
}
.pwm-tpl-modal .pwm-tpl-input:focus {
  border-color: #0137fc;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.pwm-tpl-modal .pwm-tpl-add-position-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.875rem;
  background: #fff;
  border: 1.5px dashed #e5e7eb;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #8c8c8c;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.pwm-tpl-modal .pwm-tpl-add-position-btn:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background: #eff6ff;
}
.pwm-tpl-modal .pwm-tpl-delete-btn {
  background: none;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  color: #8c8c8c;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  transition: color 0.15s;
}
.pwm-tpl-modal .pwm-tpl-delete-btn:hover {
  color: #f5222d;
}
.pwm-tpl-modal .pwm-tpl-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  width: 100%;
}

.purchase-email-accounts-tab .pwm-card-skeleton {
  pointer-events: none;
}
.purchase-email-accounts-tab .pwm-skeleton-line,
.purchase-email-accounts-tab .pwm-skeleton-row {
  border-radius: 4px;
  background: #eef2f6;
  background-image: linear-gradient(90deg, #eef2f6 0px, #f7f9fb 200px, #eef2f6 400px);
  background-size: 800px 100%;
  animation: pwm-shimmer 1.4s infinite linear;
}
.purchase-email-accounts-tab .pwm-skeleton-name {
  height: 14px;
  width: 60%;
}
.purchase-email-accounts-tab .pwm-skeleton-row {
  height: 28px;
  width: 100%;
  margin-bottom: 8px;
}
.purchase-email-accounts-tab .pwm-skeleton-price {
  height: 14px;
  width: 40%;
  margin-top: 8px;
}
.purchase-email-accounts-tab .pwm-no-matches {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: calc(100vh - 22rem);
  gap: 0.75rem;
}
.purchase-email-accounts-tab .pwm-no-matches__heading {
  margin: 0.5rem 0 0;
}
.purchase-email-accounts-tab .pwm-no-matches__clear {
  border: none;
  background: none;
  color: #1d4ed8;
  font-weight: 500;
  cursor: pointer;
  padding: 0;
}
.purchase-email-accounts-tab .pwm-scroll-sentinel {
  width: 100%;
  height: 1px;
}
.purchase-email-accounts-tab .pwm-load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: #64748b;
  font-size: 0.875rem;
}

@keyframes pwm-shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.email-accounts-container {
  padding: 0;
  height: 100%;
}

.main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #f9fafb;
  overflow: auto;
}

.create-connect-email-account-container {
  display: flex;
  flex-direction: row;
  width: min-content;
  background: white;
  border-radius: 0.5rem;
  margin-top: 2.625rem;
  padding: 1.75rem 2.5rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0px 2px 20px 0px rgba(4, 21, 76, 0.1);
}
.create-connect-email-account-container p {
  margin: 0 !important;
}
.create-connect-email-account-container .email-section-one {
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  width: 27.5rem;
}
.create-connect-email-account-container .email-section-two {
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  width: 27.5rem;
}
.create-connect-email-account-container .vertical-divider {
  background-color: #e5e7eb;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  align-self: stretch;
  width: 0.0625rem;
}
.create-connect-email-account-container .email-section-one-btn {
  width: 12.25rem;
  height: 2rem;
  margin-top: 1.5rem;
}
.create-connect-email-account-container .email-section-one-btn span {
  color: white;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-connect-email-account-container .email-account-method-wrap {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.create-connect-email-account-container .email-account-method-wrap .email-account {
  cursor: pointer;
  width: 8.25rem;
  height: 7rem;
  background: #fff;
  border: none;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.create-connect-email-account-container .email-account-method-wrap .email-account .email-label {
  margin-top: 0.375rem;
  margin-left: 0;
}
.create-connect-email-account-container .email-account-method-wrap .email-account .email-account__description {
  width: 7rem;
  text-align: center;
  line-height: 0.875rem;
  margin-top: 0.25rem;
}
.create-connect-email-account-container .email-account-method-wrap .email-account:hover {
  border-color: #346aff;
  background: #eff6ff;
}
.create-connect-email-account-container .email-account-method-wrap .email-account:hover .email-label {
  color: #1d4ed8;
}
.create-connect-email-account-container .email-account-connect-notes {
  margin-top: 1rem;
}
.create-connect-email-account-container .email-account-connect-notes p {
  margin: 0 !important;
}
.create-connect-email-account-container .email-section-two-btn {
  width: 11.5625rem;
  height: 2rem;
  margin-top: 1.5rem;
}
.create-connect-email-account-container .email-section-two-btn span {
  color: white;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-connect-email-account-container .create-connect-email-account-title {
  display: flex;
  align-items: center;
  color: black;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin-top: 0.75rem !important;
  gap: 0.25rem;
}
.create-connect-email-account-container .create-connect-email-account-title svg {
  color: #9ca3af;
}
.create-connect-email-account-container .new-feature-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.0625rem 0.375rem;
  margin-left: 0.375rem;
  background: #f59e0b;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 0.875rem;
  border-radius: 3px;
  vertical-align: middle;
}
.create-connect-email-account-container .create-connect-email-account-description {
  color: black;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  width: 27rem;
  height: auto;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.create-connect-email-account-container .create-connect-email-account-learn-more {
  display: flex;
  align-items: center;
  color: #1d4ed8;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  gap: 0.25rem;
  outline: none;
}
.create-connect-email-account-container .features-title {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: 1.5rem !important;
  gap: 0.25rem;
}
.create-connect-email-account-container .features-list {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0.75rem 0 0 0;
  list-style: none;
}
.create-connect-email-account-container .features-group {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  width: 100%;
}
.create-connect-email-account-container .features-list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.create-connect-email-account-container .features-list li svg {
  display: block;
}
.create-connect-email-account-container .feature-text {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-wrap: nowrap;
}
.create-connect-email-account-container .calculate-cost-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 1rem;
}
.create-connect-email-account-container .calculate-cost-container .calculate-cost {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1d4ed8;
}
.create-connect-email-account-container .calculate-cost-container .calculate-cost span {
  color: #1d4ed8;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-connect-email-account-container .calculate-cost-container .calculate-cost span:hover {
  text-decoration: underline;
}
.create-connect-email-account-container .calculate-cost-container span {
  color: #6b7280;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}

.pre-warmed-mailboxes-container {
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin-top: 0.75rem;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-coming-soon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 138px;
  width: 34px;
  margin-right: 0;
  background: #dbeafe;
  border-radius: 0.25rem 0 0 0.25rem;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-coming-soon-badge span {
  display: inline-block;
  color: #2563eb;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 0.25rem 0.1875rem;
  transform: rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  width: 136px;
  text-align: center;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0px 2px 20px 0px rgba(4, 21, 76, 0.1);
  padding: 1rem;
  width: 100%;
  gap: 0;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-left-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-left-section .pre-warmed-mailboxes-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-left-section .pre-warmed-mailboxes-icon-wrapper svg {
  color: #1d4ed8;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-left-section .pre-warmed-mailboxes-title-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 223px;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-left-section .pre-warmed-mailboxes-title-section .pre-warmed-mailboxes-title-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-left-section .pre-warmed-mailboxes-title-section .pre-warmed-mailboxes-title-row .pre-warmed-mailboxes-title {
  color: black;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
  white-space: pre;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-left-section .pre-warmed-mailboxes-title-section .pre-warmed-mailboxes-title-row .pre-warmed-mailboxes-title svg {
  color: #9ca3af;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-left-section .pre-warmed-mailboxes-title-section .pre-warmed-mailboxes-description {
  color: black;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
  white-space: pre-wrap;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-divider {
  width: 0;
  height: 104px;
  border-left: 1px solid #e5e7eb;
  margin: 0 0.5rem;
  flex-shrink: 0;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-features {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  width: 281px;
  flex: 0 0 auto;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-features .pre-warmed-mailboxes-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-features .pre-warmed-mailboxes-feature-item .pre-warmed-mailboxes-check-icon {
  color: #10b981;
  flex-shrink: 0;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-features .pre-warmed-mailboxes-feature-item .pre-warmed-mailboxes-feature-text {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  white-space: pre;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-pricing {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: center;
  justify-content: center;
  width: 258px;
  flex: 0 0 auto;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-pricing .pre-warmed-mailboxes-pricing-card {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 0.25rem;
  padding: 0.5rem;
  width: 100%;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-pricing .pre-warmed-mailboxes-pricing-card .pre-warmed-mailboxes-pricing-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-pricing .pre-warmed-mailboxes-pricing-card .pre-warmed-mailboxes-pricing-row .pre-warmed-mailboxes-pricing-label {
  color: #6b7280;
  flex: 1;
  white-space: pre-wrap;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-pricing .pre-warmed-mailboxes-pricing-card .pre-warmed-mailboxes-pricing-row .pre-warmed-mailboxes-pricing-value {
  color: black;
  white-space: nowrap;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-pricing .pre-warmed-mailboxes-interested-btn {
  width: 100%;
  height: 2rem;
  border: 1px solid #1d4ed8;
  border-radius: 0.25rem;
  background: #fff;
  color: #1d4ed8;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-pricing .pre-warmed-mailboxes-interested-btn:hover:not(.form-filled) {
  background: #eff6ff;
}
.pre-warmed-mailboxes-container .pre-warmed-mailboxes-content .pre-warmed-mailboxes-pricing .pre-warmed-mailboxes-interested-btn.form-filled {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}

.pre-warmed-mailboxes-tooltip .tooltip-inner {
  max-width: 17rem;
}

.recommendation-container {
  display: flex;
  align-items: flex-start;
  background: #eef2ff;
  padding: 0.5rem 0.75rem;
  width: fit-content;
  border: 0.0625rem solid #e0e7ff;
  border-radius: 0.25rem;
  margin-top: 2rem;
  margin-bottom: 1.875rem;
}
.recommendation-container p {
  margin: 0;
}
.recommendation-container .recommendation-icon {
  color: #4f46e5;
  margin-right: 0.5rem;
  display: block;
}
.recommendation-container .recommendation-content .recommendation-header {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.recommendation-container .recommendation-content .recommendation-description {
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  width: 57.6875rem;
  height: 2rem;
  margin-top: 0.25rem;
}

.create-new-sending-infrastructure-modal {
  align-content: center;
}
.create-new-sending-infrastructure-modal .modal-dialog {
  max-width: 47.375rem;
}
.create-new-sending-infrastructure-modal .modal-dialog .modal-header .modal-title {
  display: flex;
  color: #1f2937;
  width: auto;
}
.create-new-sending-infrastructure-modal .modal-dialog .modal-header .close {
  font-size: 1.5rem !important;
  color: #1f2937 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.create-new-sending-infrastructure-modal .infrastructure-modal__wrapper {
  display: grid;
  grid-template-columns: 180px repeat(4, 1fr);
}
.create-new-sending-infrastructure-modal .infrastructure-modal__features-spacer {
  width: 11.25rem;
  height: 10.5rem;
}
.create-new-sending-infrastructure-modal .infrastructure-modal__features-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.create-new-sending-infrastructure-modal .infrastructure-modal__features-item {
  padding: 0.875rem 0.5rem 0.875rem 1.25rem;
  align-self: stretch;
  color: #202020;
}
.create-new-sending-infrastructure-modal .infrastructure-modal__features-item.bg {
  background: #f9fafb;
}
.create-new-sending-infrastructure-modal .provider-card {
  display: flex;
  flex-direction: column;
  width: 16.5rem;
}
.create-new-sending-infrastructure-modal .provider-card:last-of-type .provider-card__header {
  border-right: 0.0625rem solid #f3f4f6;
}
.create-new-sending-infrastructure-modal .provider-card.sub-plans:hover .provider-card__pricing {
  background: #f3f4f6;
}
.create-new-sending-infrastructure-modal .provider-card.sub-plans .provider-card__name {
  margin-bottom: 7.5px;
}
.create-new-sending-infrastructure-modal .provider-card.sub-plans .pricing-spacer {
  height: 2rem;
  margin-bottom: 0.625rem;
}
.create-new-sending-infrastructure-modal .provider-card.sub-plans .provider-card__pricing {
  padding: 5px;
  margin-bottom: 0.625rem;
  cursor: pointer;
  margin: 0 0.6875rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3.5rem;
}
.create-new-sending-infrastructure-modal .provider-card__header {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  height: 10.5rem;
  border: 0.0625rem solid #f3f4f6;
  border-right: none;
  position: relative;
}
.create-new-sending-infrastructure-modal .provider-card__header .shd-button {
  transition: all 0.2s ease;
}
.create-new-sending-infrastructure-modal .provider-card__header .shd-button:hover {
  background-color: #1d4ed8;
  color: #fff;
}
.create-new-sending-infrastructure-modal .provider-card__logo {
  width: 1.875rem;
  height: 1.875rem;
  margin-bottom: 0.5rem;
}
.create-new-sending-infrastructure-modal .provider-card__logo img,
.create-new-sending-infrastructure-modal .provider-card__logo svg {
  width: 100%;
  height: 100%;
}
.create-new-sending-infrastructure-modal .provider-card__badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 0.0625rem 0.1875rem;
  color: #fff;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.75rem;
  border-radius: 3px;
  background: #f59e0b;
}
.create-new-sending-infrastructure-modal .provider-card__name {
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 0.75rem;
}
.create-new-sending-infrastructure-modal .provider-card__pricing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.create-new-sending-infrastructure-modal .provider-card__pricing .pricing-inner {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.create-new-sending-infrastructure-modal .provider-card__price {
  color: #202020;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.create-new-sending-infrastructure-modal .provider-card__price-description {
  color: #848484;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
.create-new-sending-infrastructure-modal .provider-card__feature {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
  height: 3rem;
  padding: 0.875rem 1rem;
}
.create-new-sending-infrastructure-modal .provider-card__feature svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.create-new-sending-infrastructure-modal .provider-card__feature svg.cross {
  color: #b91c1c;
}
.create-new-sending-infrastructure-modal .provider-card__feature svg.check {
  color: #047857;
}
.create-new-sending-infrastructure-modal .provider-card__feature span,
.create-new-sending-infrastructure-modal .provider-card__feature .desc-with-tooltip {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  text-wrap: nowrap;
}
.create-new-sending-infrastructure-modal .provider-card__feature .desc-with-tooltip {
  cursor: help;
  border-bottom: 0.0625rem dashed #9ca3af;
}
.create-new-sending-infrastructure-modal .provider-card__feature.bg {
  background: #f9fafb;
}
.create-new-sending-infrastructure-modal .provider-card .sub-plans-icon {
  display: flex;
  cursor: pointer;
}
.create-new-sending-infrastructure-modal .email-account {
  cursor: pointer;
  width: 9.375rem;
  height: 7.625rem;
  background: #f3f4f6;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.create-new-sending-infrastructure-modal .email-account .email-label {
  margin-left: 0.375rem;
}
.create-new-sending-infrastructure-modal .email-account__description {
  width: 7.375rem;
  text-align: center;
  line-height: 0.875rem;
  margin-top: 0.5rem;
}
.create-new-sending-infrastructure-modal .email-account:hover {
  border-color: #346aff;
  background: #eff6ff;
}
.create-new-sending-infrastructure-modal .email-account:hover .email-label {
  color: #1d4ed8;
}
.create-new-sending-infrastructure-modal .email-account.active {
  border-color: #346aff;
}
.create-new-sending-infrastructure-modal .email-account-select-service {
  color: #1f2937;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.create-new-sending-infrastructure-modal .email-account-method {
  display: flex;
  justify-content: space-around;
}
.create-new-sending-infrastructure-modal .email-account-message {
  letter-spacing: 0em;
  text-align: left;
  color: #6b7280;
}
.create-new-sending-infrastructure-modal .email-account-note {
  letter-spacing: 0em;
  text-align: left;
  color: #6b7280;
}

.service-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #f3f4f6;
  border-radius: 0.25rem;
  padding: 1rem 1.5rem;
  border: 1px solid #f3f4f6;
  width: 13.4469rem;
}
.service-card .service-card-logo {
  margin-bottom: 0.5rem;
  width: 1.875rem;
  height: 1.875rem;
}
.service-card .service-card-logo img {
  width: auto;
  height: auto;
}
.service-card .service-card-title {
  color: #374151;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 0.5rem;
}
.service-card .service-card-subtitle {
  color: #6b7280;
  text-align: center;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
}
.service-card:hover {
  border-color: #346aff;
  background: #eff6ff;
}
.service-card:hover .service-card-title {
  color: #1d4ed8;
}

.coming-soon-service-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #f3f4f6;
  border-radius: 0.25rem;
  padding: 1rem 1.5rem;
}
.coming-soon-service-card .coming-soon-service-card-logo {
  margin-bottom: 0.5rem;
}
.coming-soon-service-card .coming-soon-service-card-logo img {
  width: 1.875rem;
  height: 1.875rem;
}
.coming-soon-service-card .coming-soon-service-card-title {
  color: #9ca3af;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 1rem;
  width: 6.125rem;
}
.coming-soon-service-card .coming-soon-tag {
  display: flex;
  background-color: #dbeafe;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  padding: 0.125rem 0.5rem;
  height: 1.125rem;
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  text-wrap: nowrap;
  width: 6rem;
}

.shd-modal.forwarding-domain-modal .modal-content {
  border: none !important;
}

.forwarding-domain-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.forwarding-domain-modal .shd-modal--header {
  padding-bottom: 1.5rem !important;
}
.forwarding-domain-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.forwarding-domain-modal .bs-input-affix-wrapper {
  background-color: #f9fafb;
  max-width: 402px !important;
}
.forwarding-domain-modal .bs-input-affix-wrapper:focus,
.forwarding-domain-modal .bs-input-affix-wrapper:focus-within {
  box-shadow: none;
  border-color: #1d4ed8;
}
.forwarding-domain-modal .bs-input-affix-wrapper.input-error:focus,
.forwarding-domain-modal .bs-input-affix-wrapper.input-error:focus-within {
  box-shadow: none;
  border-color: #f5222d;
}
.forwarding-domain-modal .bs-input {
  background-color: #f9fafb;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.forwarding-domain-modal .bs-input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.forwarding-domain-modal .shd-modal--body {
  margin-bottom: 1.5rem !important;
}
.forwarding-domain-modal .shd-modal--body p {
  margin-bottom: 0 !important;
}
.forwarding-domain-modal .shd-modal--body .forwarding-domain-error-message {
  color: #b91c1c;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  margin-top: 0.25rem;
}
.forwarding-domain-modal .shd-modal--divider {
  height: 1px !important;
}
.forwarding-domain-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
}

.watch-video-modal .modal-dialog {
  width: 60%;
  max-width: 42.5rem;
}
.watch-video-modal .modal-dialog .modal-content {
  height: 37.625rem;
  max-height: 37.625rem;
  border-radius: 1rem !important;
  overflow: hidden;
}
.watch-video-modal .modal-dialog .bs-modal-body {
  max-height: 100% !important;
  padding: 0px;
}
.watch-video-modal .modal-dialog .watch-video-modal-text-container {
  padding: 2.5rem 5.375rem;
}
.watch-video-modal .modal-dialog .watch-video-modal-body .watch-video-modal-text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display: flex;
  align-items: center;
  color: #4b5563;
  line-height: 1.25rem;
  font-variant-numeric: stacked-fractions;
  font-feature-settings: "hlig" on, "dlig" on;
}

.video-modal {
  margin-left: 1.25rem;
}
.video-modal .modal-dialog {
  max-width: 42.5rem;
  max-height: 24.1875rem;
}
.video-modal .modal-dialog .modal-content {
  max-height: 37.625rem;
  border-radius: 1rem !important;
  overflow: hidden;
}
.video-modal .modal-dialog .bs-modal-body {
  max-height: 100% !important;
  padding: 0px;
}
.video-modal .modal-dialog .watch-video-modal-text-container {
  padding: 2.5rem 5.375rem;
}

.authorize-steps {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  line-height: 20px;
  justify-content: left;
  padding-right: 53px;
  align-self: flex-start;
}

.billing-summary-modal-email {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: flex-start;
}
.billing-summary-modal-email .bs-checkbox-wrapper {
  display: flex;
  align-items: center;
}
.billing-summary-modal-email .bs-checkbox-wrapper .bs-checkbox {
  display: flex;
  align-items: center;
}
.billing-summary-modal-email .terms-and-conditions {
  display: flex;
  color: #1f2937;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 0.0625rem;
}

.sub-plans-popover {
  padding: 0 !important;
  top: -4px !important;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24) !important;
  border-radius: 0.5rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  width: 14.0625rem;
}
.sub-plans-popover .arrow {
  display: none;
}
.sub-plans-popover .popover-body .bs-popover-inner-content {
  padding: 0 !important;
}
.sub-plans-popover .popover-body .bs-popover-inner-content .sub-plans-content {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5rem 0rem;
  width: 100%;
}
.sub-plans-popover .popover-body .bs-popover-inner-content .sub-plans-content .sub-plans-item {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  padding: 0.4375rem 1rem;
  gap: 0.375rem;
  height: 2.0625rem;
  cursor: pointer;
}
.sub-plans-popover .popover-body .bs-popover-inner-content .sub-plans-content .sub-plans-item:hover {
  background-color: #eff6ff;
}
.sub-plans-popover .popover-body .bs-popover-inner-content .sub-plans-content .sub-plans-item span:first-of-type {
  color: #202020;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.sub-plans-popover .popover-body .bs-popover-inner-content .sub-plans-content .sub-plans-item span:last-of-type {
  color: #848484;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.plan-type-chip {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  margin-left: 14px;
  font-weight: 500;
  white-space: nowrap;
  color: #1f2937;
  background: #f5f5f5;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.connect-page-content {
  display: flex;
  flex-direction: column;
  width: min-content;
  gap: 1rem;
}

.connect-existing-strip-help {
  color: #8c8c8c;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.125rem;
  margin-top: 0.5rem;
}
.connect-existing-strip-help .connect-existing-strip-link {
  color: #2563eb;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}
.connect-existing-strip-help .connect-existing-strip-link:hover {
  text-decoration: underline;
}

.delete-domain-confirmation-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.delete-domain-confirmation-modal .shd-modal--header {
  padding: 1.25rem 1.5rem !important;
}
.delete-domain-confirmation-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
  text-wrap: nowrap !important;
}
.delete-domain-confirmation-modal .shd-modal--body {
  padding-bottom: 24px !important;
}
.delete-domain-confirmation-modal .shd-modal--body p {
  margin-bottom: 0;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.delete-domain-confirmation-modal .shd-modal--body .section-one {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.delete-domain-confirmation-modal .shd-modal--body .section-two {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  margin-top: 24px;
}
.delete-domain-confirmation-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
}
.delete-domain-confirmation-modal .shd-modal--footer .shd-button--primary {
  background-color: #b91c1c;
}

.revoke-cancellation-confirmation-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.revoke-cancellation-confirmation-modal .shd-modal--header {
  padding-bottom: 1rem !important;
}
.revoke-cancellation-confirmation-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.revoke-cancellation-confirmation-modal .shd-modal--body {
  padding-bottom: 1.5rem !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.revoke-cancellation-confirmation-modal .shd-modal--body p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.revoke-cancellation-confirmation-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
}

.domains-container {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.domains-container .domains-content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1.5rem;
  height: 100%;
  padding: 1.5rem;
}
.domains-container .domains-actions-container .bs-input-affix-wrapper:focus,
.domains-container .domains-actions-container .bs-input-affix-wrapper:focus-within {
  box-shadow: none;
  border-color: #1d4ed8;
}
.domains-container .domains-actions-container .search-input {
  width: 12.625rem;
  height: 2rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0.3125rem 0.625rem;
  background: #fff;
  margin-right: 0.25rem;
}
.domains-container .domains-actions-container .search-input .input-icons-left {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  margin-right: 0.25rem !important;
}
.domains-container .domains-actions-container .search-input .input-icons-left .bs-input-prefix {
  color: #d1d5db;
  margin: 0;
  font-size: 1rem;
}
.domains-container .domains-actions-container .search-input .input-icons-right {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  margin-left: 0.25rem !important;
}
.domains-container .domains-actions-container .search-input .input-icons-right .bs-input-suffix {
  color: #6b7280;
  margin: 0;
  font-size: 1rem;
  cursor: pointer;
}
.domains-container .domains-actions-container .search-input .bs-input {
  background: #fff;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.domains-container .domains-actions-container .search-input .bs-input::placeholder {
  color: #d1d5db;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr:hover {
  background-color: transparent !important;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th {
  border: 1px solid #f3f4f6;
  border-left: none !important;
  padding: 0 !important;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th:first-of-type {
  border-left: 1px solid #f3f4f6 !important;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th:last-of-type {
  width: 4.4375rem;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th {
  height: 2.875rem;
  max-height: 46px;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th div {
  align-items: center;
  height: 100%;
  padding: 0 1rem;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th span {
  color: #6b7280;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1rem !important;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th.table-header-loading > span {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr.disable-row td .table-cell-text {
  color: #9ca3af !important;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover {
  box-shadow: none;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover td {
  background-color: #f9fafb;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover td .add-more-maildoso-emails {
  visibility: visible;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td {
  padding: 0 1rem !important;
  background-color: white;
  height: 2.5rem;
  max-height: 2.5rem;
  border: none;
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type {
  border-left: 1px solid #f3f4f6;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-wrap: nowrap;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text.domain-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text.domain-name .domain-esp {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text.domain-name .domain-esp img {
  width: 1rem;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .domains-mailboxes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 7.6rem;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .domains-mailboxes-count.active, .domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .domains-mailboxes-count:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-maildoso-emails {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 6.5625rem;
  min-width: 6.5625rem;
  height: 1.625rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  visibility: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-maildoso-emails span {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-wrap: nowrap;
  transition: all 0.2s ease;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-maildoso-emails svg {
  color: #1f2937;
  width: 0.875rem;
  transition: all 0.2s ease;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-maildoso-emails:hover {
  color: #1d4ed8;
  border-color: #1d4ed8;
  background-color: #dbeafe;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-maildoso-emails:hover svg,
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-maildoso-emails:hover span {
  color: #1d4ed8;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled {
  cursor: default !important;
  opacity: 0.3;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled:hover {
  cursor: default !important;
  background-color: transparent;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled svg {
  cursor: default !important;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  color: #6b7280;
}
.domains-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element:hover {
  background-color: #f3f4f6;
}
.domains-container .domains-table-container .table-list .grid-flex {
  justify-content: center;
}

.domains-mailboxes-popover {
  padding: 0.5rem !important;
  border-radius: 0.25rem !important;
  box-shadow: 0px 0px 20px 0px rgba(0, 13, 56, 0.12) !important;
  max-width: unset;
  max-height: 250px;
  overflow-y: auto;
}
.domains-mailboxes-popover .bs-popover-inner-content {
  padding: 0 !important;
  display: flex;
}
.domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes .domains-mailbox-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes .domains-mailbox-item__profile {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
}
.domains-mailboxes-popover .bs-popover-inner-content .domains-mailboxes .domains-mailbox-item__email {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.domains-empty-list {
  display: flex;
  flex: 1;
  height: auto;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.domains-empty-list .empty-list {
  display: flex;
  height: 100%;
  width: 554px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.domains-empty-list .empty-list img {
  padding: 8px;
}
.domains-empty-list .empty-list .empty-list-header {
  width: 554px;
  margin-top: 16px;
  margin-bottom: 8px;
  color: #1f2937;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-wrap: nowrap;
}
.domains-empty-list .empty-list .empty-list-note {
  width: 554px;
  color: #6b7280;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.inframailIps-container {
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  background-color: #fff;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header tr:hover {
  background-color: transparent !important;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th {
  border: 1px solid #f3f4f6;
  border-left: none !important;
  padding: 0 !important;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th:first-of-type {
  border-left: 1px solid #f3f4f6 !important;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th:last-of-type {
  width: 4.4375rem;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th {
  height: 2.875rem;
  max-height: 46px;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th div {
  align-items: center;
  height: 100%;
  padding: 0 1rem;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th span {
  color: #6b7280;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1rem !important;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-header th.table-header-loading > span {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr.disable-row td .table-cell-text {
  color: #9ca3af !important;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover {
  box-shadow: none;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover td {
  background-color: #f9fafb;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover td .add-more-btn-infra {
  visibility: visible;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover td:last-of-type {
  background-color: white;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td {
  padding: 0 1rem !important;
  background-color: white;
  height: 2.5rem;
  max-height: 2.5rem;
  border: none;
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type {
  border-left: 1px solid #f3f4f6;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-wrap: nowrap;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text.domain-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text.domain-name .domain-esp {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .table-cell-text.domain-name .domain-esp img {
  width: 1rem;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .domains-mailboxes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 7.6rem;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .domains-mailboxes-count.active, .inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .domains-mailboxes-count:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-btn-infra {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 6.5625rem;
  min-width: 6.5625rem;
  height: 1.625rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  visibility: hidden;
  cursor: pointer;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-btn-infra span {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-wrap: nowrap;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-btn-infra svg {
  color: #1f2937;
  width: 0.875rem;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-btn-infra:hover {
  color: #1d4ed8;
  border-color: #1d4ed8;
  background-color: #dbeafe;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-btn-infra:hover svg,
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .add-more-btn-infra:hover span {
  color: #1d4ed8;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled {
  cursor: default !important;
  opacity: 0.3;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled:hover {
  cursor: default !important;
  background-color: transparent;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element.disabled svg {
  cursor: default !important;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  color: #6b7280;
}
.inframailIps-container .domains-table-container .table-list .react-bootstrap-table .table-organism .table-organism-body td .icon-element:hover {
  background-color: #f3f4f6;
}
.inframailIps-container .domains-table-container .table-list .grid-flex {
  justify-content: center;
}

.agency-client-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  flex-grow: 1;
  background-color: #fff;
}
.agency-client-container .agency-empty-list-container {
  overflow-y: auto;
}
.agency-client-container .agency-empty-list-container img {
  height: 378px;
  margin-top: 2rem;
}
.agency-client-container .agency-empty-list-container .content .title {
  font-size: 1rem;
  font-weight: 700;
  color: #1f2937;
  margin: 1.5rem 0 0 0;
  line-height: 1.5rem;
}
.agency-client-container .agency-empty-list-container .content .sub-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
  margin: 1rem 0 0 0;
  line-height: 1.25rem;
}
.agency-client-container .agency-empty-list-container .content .add-client-btn {
  margin-top: 2rem;
}

.client-table {
  height: 100%;
}
.client-table .search-bar {
  width: 12.5rem;
}
.client-table .bs-table-content {
  padding: 0 1.5rem;
  background-color: #f9fafb;
}
.client-table .table-list .react-bootstrap-table .table-organism .switchToggle input:checked + label {
  background-color: #1d4ed8;
}
.client-table .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background: #f3f4f6 !important;
  box-shadow: none !important;
  border: 1px solid #e5e7eb;
}
.client-table .table-list .react-bootstrap-table .table-organism .table-organism-header tr:hover {
  background: #f3f4f6 !important;
  box-shadow: none !important;
}
.client-table .table-list .react-bootstrap-table .table-organism .table-organism-header tr:last-of-type {
  padding-right: 1.1rem !important;
}
.client-table .table-list .react-bootstrap-table .table-organism .table-organism-header:hover {
  background: #f3f4f6 !important;
  box-shadow: none !important;
}
.client-table .table-list .react-bootstrap-table .table-organism .table-organism-body tr {
  background-color: #ffffff;
}
.client-table .table-list .react-bootstrap-table .table-organism .table-organism-body tr td {
  padding: 0.625rem 0.75rem !important;
}
.client-table .table-list .react-bootstrap-table .table-organism .table-organism-body tr td:first-of-type {
  padding-left: 2rem !important;
  border-left: 0.0625rem solid #e5e7eb !important;
  vertical-align: center !important;
}
.client-table .table-list .react-bootstrap-table .table-organism .table-organism-body tr td:last-of-type {
  padding-right: 1.1rem !important;
  border-right: 0.0625rem solid #e5e7eb !important;
  vertical-align: center !important;
}
.client-table .table-list .react-bootstrap-table .switchToggle {
  display: flex;
  align-items: center;
  justify-content: end;
}
.client-table .table-list .react-bootstrap-table .switchToggle label {
  margin-bottom: 0 !important;
}
.client-table .table-list .react-bootstrap-table tr:hover {
  box-shadow: 0px 0px 0.25rem rgba(31, 41, 55, 0.16) !important;
}
.client-table .table-list .react-bootstrap-table .hoverable-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.client-table .table-list .react-bootstrap-table .hoverable-cell .hoverable-cell--actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.client-table .table-list .react-bootstrap-table .hoverable-cell .hoverable-cell--actions div {
  height: 2rem;
  width: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  gap: 1rem;
  color: #6b7280;
}
.client-table .table-list .react-bootstrap-table .hoverable-cell .hoverable-cell--actions div:hover {
  background-color: #dbeafe;
  color: #1d4ed8 !important;
}
.client-table .table-list .client-name-field .name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.25rem;
}
.client-table .table-list .client-name-field .email {
  font-size: 0.75rem;
  font-weight: 400;
  color: #4b5563;
  line-height: 1.25rem;
}
.client-table .table-list .active-email-account-field,
.client-table .table-list .active-sequence-field,
.client-table .table-list .company-name-field,
.client-table .table-list .creat-on-field,
.client-table .table-list .total-email-sent-field,
.client-table .table-list .client-access-type-field,
.client-table .table-list .totel-prospect-field {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1f2937;
  line-height: 1.125rem;
  white-space: nowrap;
}

.agency-client-actions {
  padding: 1.375rem 1.5rem;
}
.agency-client-actions .search-input {
  background-color: #fff;
}
.agency-client-actions .search-input input {
  background-color: #fff;
}

.add-client .modal-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}
.add-client .client-form-container .modal-title {
  font-size: 1rem;
  font-weight: 600;
}
.add-client .client-form-container .add-client-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.add-client .client-form-container .add-client-form .bs-input-container {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.add-client .client-form-container .add-client-form .bs-input-label-suffix {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #b91c1c;
  margin: 0rem;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper h1 {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 0.75rem;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper .agency-client-permission .rb-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper .agency-client-permission .rb-group .bs-radio-wrapper {
  display: flex;
  gap: 0.5rem;
  margin: 0;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper .agency-client-permission .rb-group .bs-radio-wrapper .bs-radio {
  top: 0;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper .agency-client-permission .rb-group .bs-radio-wrapper .bs-radio .bs-radio-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0.125rem;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper .agency-client-permission .rb-group .bs-radio-wrapper .bs-radio .bs-radio-inner::after {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper .agency-client-permission .rb-group .bs-radio-wrapper .agency-client-radio-btn {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper .agency-client-permission .rb-group .bs-radio-wrapper .agency-client-radio-btn h2 {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}
.add-client .client-form-container .add-client-form .agency-client-permissions-wrapper .agency-client-permission .rb-group .bs-radio-wrapper .agency-client-radio-btn p {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}
.add-client .btn-solid-primary:disabled {
  background-color: #1d4ed8 !important;
  color: #ffffff;
  border: 0;
}
.add-client .agency-cancel-btn {
  min-width: 6.25rem !important;
  height: 2rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  transition: all 0.2s ease !important;
  color: #6b7280 !important;
}
.add-client .agency-cancel-btn:focus-visible {
  outline: none;
}
.add-client .agency-cancel-btn:hover, .add-client .agency-cancel-btn:active {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}
.add-client .agency-submit-btn {
  min-width: 6.25rem;
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #1d4ed8;
}
.add-client .agency-submit-btn:focus-visible {
  outline: none;
}
.add-client .modal-content {
  width: 28.125rem !important;
  min-height: 26.063rem !important;
}
.add-client .modal-content .bs-modal-body {
  padding: 1.5rem;
}
.add-client .modal-content .modal-title {
  gap: 0.625rem;
}
.add-client .modal-content .modal-title svg {
  color: #1d4ed8;
}
.add-client .modal-content .modal-title .title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.5rem;
}
.add-client .modal-content .bs-input-label-prefix {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: #6b7280;
  margin-bottom: 0.25rem;
}
.add-client .modal-content .bs-input {
  font-size: 0.875rem;
}
.add-client .modal-content .modal-footer {
  padding: 0;
  max-height: 4.5rem;
  min-height: 4.5rem;
  margin: 0 1.5rem;
}
.add-client .modal-content .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}

.agency-client-delete-modal.confirmation-modal-v3 .modal-dialog {
  width: 100% !important;
}
.agency-client-delete-modal .modal-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}
.agency-client-delete-modal .modal-content {
  max-height: 16.813rem !important;
  width: 28.125rem !important;
}
.agency-client-delete-modal .modal-content .modal-content-container {
  height: 100%;
}
.agency-client-delete-modal .modal-content .modal-content-container .modal-header {
  min-height: 0 !important;
}
.agency-client-delete-modal .modal-content .modal-content-container .confirmation-modal-v3--title {
  padding-top: 1.5rem;
}
.agency-client-delete-modal .modal-content .modal-content-container .confirmation-modal-v3--title h2 {
  line-height: 1.5rem !important;
  margin-left: 0.625rem !important;
}
.agency-client-delete-modal .modal-content .bs-modal-body {
  padding: 1rem 1.5rem 1.5rem 1.5rem !important;
}
.agency-client-delete-modal .modal-content .bs-modal-body .confirmation-modal-v3--body__contents p:nth-child(2) {
  margin-top: 1rem !important;
}
.agency-client-delete-modal .modal-content .client-header .title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
}
.agency-client-delete-modal .modal-content .client-header {
  margin-bottom: 1rem;
}
.agency-client-delete-modal .modal-content .agency-sub-title-two {
  margin-top: 1rem;
}
.agency-client-delete-modal .modal-content .bs-modal-footer .btn-ghost {
  border: 1px solid #e5e7eb !important;
  line-height: 0;
  width: 6.25rem;
}
.agency-client-delete-modal .modal-content .bs-modal-footer .btn-solid {
  width: 6.25rem;
}
.agency-client-delete-modal .modal-content .bs-modal-footer .btn-loading.btn-solid-primary:disabled {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
}

.agency-client-wrapper {
  border: 2px solid green;
  display: flex;
  width: 480px;
  height: 36px;
  padding-right: 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
  padding: 0.5rem;
}

.agency-client-disabled {
  cursor: not-allowed;
}

.agency-client-main {
  display: flex;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.agency-client-main .agency-client-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.agency-client-main .agency-client-content-wrapper span {
  width: 1px;
  height: 22px;
  background: #e5e7eb;
}
.agency-client-main .agency-client-content-wrapper .agency-cross {
  cursor: pointer;
}
.agency-client-main .agency-client-content-wrapper .agency-cross-disabled {
  cursor: not-allowed;
}

.tooltip-client.bs-popover-inner {
  background-color: #1f2937;
  width: 250px;
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.tooltip-client.bs-popover-inner .bs-popover-inner-content {
  padding: 0;
}
.tooltip-client.bs-popover-inner .arrow::after,
.tooltip-client.bs-popover-inner .arrow::before {
  border-right-color: #1f2937;
}

.btn-white {
  background: #fff;
  border-color: #d1d5db;
}

.w-1 {
  width: 11.6875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0.375rem 0.75rem;
}

.agency-client-dropdown.sequence-associated-client.transfer-overlay {
  padding: 0.1875rem 0 0 0;
}

.agency-filter-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.agency-filter-dropdown .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
}
.agency-filter-dropdown .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
}
.agency-filter-dropdown .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.agency-filter-dropdown .transfer-container .transfer-body .transfer-list li:hover, .agency-filter-dropdown .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.agency-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.agency-filter-dropdown .transfer-container .transfer-body .transfer-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  border: 0.0625rem solid #e5e7eb;
}
.agency-filter-dropdown .transfer-container .transfer-body .transfer-footer .bs-checkbox-wrapper {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.agency-filter-dropdown.agency-filter .transfer-container {
  width: 26.25rem !important;
}
.agency-filter-dropdown.agency-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}

.agency-enable-disable-modal .modal-body .submit-btn.btn-solid {
  width: 5rem;
  margin-left: 0.5rem;
}

.active-sequences-popover .active-sequences-popover-content .active-sequences-wrapper .sequences-snipper-container {
  height: 3.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.active-sequences-popover .active-sequences-popover-content .active-sequences-wrapper .sequences-snipper-container .spinner-border {
  border-color: #1d4ed8;
  border-right-color: transparent;
}

.agency-client-switch-cell {
  text-align: end;
}
.agency-client-switch-cell .spinner-border {
  height: 1.2rem !important;
  width: 1.2rem !important;
  display: inline-block;
  vertical-align: text-bottom;
  border: 0.15rem solid #1d4ed8;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.permission-popover-btn {
  width: 0.875rem;
  height: 0.875rem;
  color: #9ca3af;
  margin-left: 0.25rem;
  transition: all 0.2s ease;
}
.permission-popover-btn:hover {
  color: #1d4ed8;
}

.permission-popover {
  padding: 0 !important;
  border-radius: 0.25rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
  background: #fff !important;
}
.permission-popover .bs-popover-inner-content {
  padding: 0.625rem 0.5rem 0.625rem 0.75rem !important;
  display: flex;
  justify-content: center;
  gap: 0.375rem;
}
.permission-popover .bs-popover-inner-content div.content {
  width: 14.625rem;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.permission-popover .bs-popover-inner-content div.content a {
  text-decoration: none;
  color: #1d4ed8;
}
.permission-popover .bs-popover-inner-content div.content a:hover {
  text-decoration-color: #1d4ed8;
  text-decoration: underline;
}
.permission-popover .bs-popover-inner-content div.icon {
  width: 1rem;
  height: 1rem;
}
.permission-popover .bs-popover-inner-content div.icon svg {
  color: #9ca3af;
}

.inbox-radar-create-test-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.create-test-header {
  padding: 1.5rem;
  background-color: #f9fafb;
  flex: 0 0 auto;
}
.create-test-header__back-button {
  cursor: pointer;
  color: #1f2937;
}
.create-test-header__title {
  color: #1f2937;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.create-test-header__name {
  flex: 1;
  overflow: hidden;
  position: relative;
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  max-width: 350px;
}
.create-test-header__name .hidden-span {
  visibility: hidden;
  white-space: pre; /* Prevent collapsing spaces */
  position: absolute;
  font-family: inherit;
  font-size: 1rem;
}
.create-test-header__name-input {
  width: auto;
  min-width: 3.125rem;
  height: 100%;
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1f2937;
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
  background-color: transparent;
}
.create-test-header__name-input:hover, .create-test-header__name-input:focus, .create-test-header__name-input:focus-within {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: none;
  appearance: none;
}
.create-test-header__name-input.disabled:hover, .create-test-header__name-input.disabled:focus, .create-test-header__name-input.disabled:focus-within {
  border-color: transparent;
}
.create-test-header__name-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.test-configuration {
  display: flex;
  padding: 24px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #e8eff5;
  background: #fff;
}
.test-configuration-inner-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.test-configuration-inner-container span {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.test-configuration-inner-container p {
  margin-bottom: 0rem;
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.test-configuration .input-container {
  width: 100%;
  max-width: 35.125rem;
}
.test-configuration .input-container .test-name-input,
.test-configuration .input-container .test-description-input {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0rem;
  width: 100%;
  max-width: 35.125rem;
}
.test-configuration .input-container .test-name-input .bs-input-label-prefix,
.test-configuration .input-container .test-description-input .bs-input-label-prefix {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 0rem;
}
.test-configuration .input-container .test-name-input .bs-input-affix-wrapper,
.test-configuration .input-container .test-description-input .bs-input-affix-wrapper {
  display: flex;
  padding: 0.375rem 1rem;
  flex: 1 0 0;
  border-radius: 0.25rem;
  border: 1px solid #d1d5db;
  background: #fff;
  max-width: 562px !important;
}
.test-configuration .input-container .test-name-input .bs-input-affix-wrapper .bs-input .placeholder,
.test-configuration .input-container .test-description-input .bs-input-affix-wrapper .bs-input .placeholder {
  color: #9ca3af;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.test-configuration .input-container .test-name-input .bs-input-affix-wrapper .bs-input,
.test-configuration .input-container .test-description-input .bs-input-affix-wrapper .bs-input {
  display: flex;
  align-self: flex-start;
}
.test-configuration .input-container .test-name-input .bs-input-affix-wrapper:focus, .test-configuration .input-container .test-name-input .bs-input-affix-wrapper:focus-within,
.test-configuration .input-container .test-description-input .bs-input-affix-wrapper:focus,
.test-configuration .input-container .test-description-input .bs-input-affix-wrapper:focus-within {
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.test-configuration .input-container .test-name-input.test-description-error,
.test-configuration .input-container .test-description-input.test-description-error {
  border: 1px solid #ef4444;
}
.test-configuration .input-container .test-name-input.test-description-error:focus, .test-configuration .input-container .test-name-input.test-description-error:focus-within,
.test-configuration .input-container .test-description-input.test-description-error:focus,
.test-configuration .input-container .test-description-input.test-description-error:focus-within {
  border: 1px solid #ef4444;
}
.test-configuration .input-container .description-container .bs-input-affix-wrapper {
  min-height: 7rem;
}
.test-configuration .input-container .test-description {
  height: 112px;
}
.test-configuration .form-group-label-desc {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.test-configuration .form-group-label-desc .error-message {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #ef4444;
  padding-top: 4px;
  margin: 0;
}
.test-configuration .form-group-label-desc .error-name, .test-configuration .form-group-label-desc .error-desc {
  border: 1px solid #b91c1c;
}
.test-configuration .form-group-label-desc .error-name:hover, .test-configuration .form-group-label-desc .error-desc:hover {
  border: 1px solid #b91c1c;
}
.test-configuration .form-group-label-desc .error-name:focus-within, .test-configuration .form-group-label-desc .error-desc:focus-within {
  border: 1px solid #b91c1c;
  box-shadow: none;
}
.test-configuration .form-group-label-desc .label-icon {
  display: flex;
  justify-content: space-between;
}
.test-configuration .form-group-label-desc label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
  padding-bottom: 4px;
}
.test-configuration .form-group-label-desc .label-input {
  font-weight: 500;
}
.test-configuration .form-group-label-desc input, .test-configuration .form-group-label-desc textarea {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 16px;
  outline: none;
  border: 1px solid #d1d5db;
  transition: 0.2s ease-in-out;
  color: #1f2937;
  resize: none;
}
.test-configuration .form-group-label-desc input:focus-within, .test-configuration .form-group-label-desc textarea:focus-within {
  border: 1px solid #2563eb;
}
.test-configuration .form-group-label-desc input::placeholder, .test-configuration .form-group-label-desc textarea::placeholder {
  color: #9ca3af;
}

.seed-esp-account {
  display: flex;
  padding: 24px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #e8eff5;
  background: #fff;
}
.seed-esp-account-inner-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.seed-esp-account-inner-container span {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.seed-esp-account-inner-container p {
  margin-bottom: 0rem;
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.seed-esp-account-inner-container .seed-account-title {
  display: flex;
  gap: 0.5rem;
}
.seed-esp-account-inner-container .seed-account-title__count {
  display: flex;
  padding: 0.125rem 0.375rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  border-radius: 0.25rem;
  background: #e5e7eb;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  color: #6b7280;
}
.seed-esp-account .esp-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: row;
  gap: 12px;
}
@media screen and (max-width: 1160px) {
  .seed-esp-account .esp-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.seed-esp-account .esp-list .esp-chip-container {
  display: flex;
  padding: 14px 16px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  min-width: 290px;
  height: 2.75rem;
}
.seed-esp-account .esp-list .esp-chip-container:hover {
  border: 1px solid #dbeafe;
  background: #eff6ff;
}
.seed-esp-account .esp-list .esp-chip-container .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.seed-esp-account .esp-list .esp-chip-container .esp-label-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 0.25rem;
}
.seed-esp-account .esp-list .esp-chip-container .esp-label-wrapper .esp-label {
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.seed-esp-account .esp-list .esp-chip-container .esp-count {
  color: #9ca3af;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.create-test-content-container {
  padding: 0rem 1.5rem;
  flex: 1 1 auto;
  overflow: hidden;
}

.create-test-content {
  background-color: #f9fafb;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-right: -7px;
}
.create-test-content__left-container {
  position: sticky;
  top: 0;
  height: max-content;
}
.create-test-content__left-container .sequence-settings-sidebar {
  width: 10.125rem;
  transition: all 0.3s;
}
.create-test-content__left-container .sequence-settings-sidebar__item {
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
}
.create-test-content__left-container .sequence-settings-sidebar__item:not(:first-child) {
  margin-top: 0.375rem;
  white-space: nowrap;
}
.create-test-content__left-container .sequence-settings-sidebar .active {
  background-color: #eff6ff;
  border: 1px solid #dbeafe;
  border-left: 3px solid #1d4ed8;
  border-radius: 1px 0.25rem 0.25rem 1px;
  box-shadow: 1px 1px 4px #f3f4f6;
  padding-left: 0.625rem;
  width: 10.125rem;
}
.create-test-content__right-container {
  width: calc(100% - 11.125rem);
}
.create-test-content__right-container .create-test-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-x: hidden;
}
.create-test-content__right-container .card {
  border: 1px solid #e5e7eb;
}
.create-test-content__right-container .card.highlight {
  border: 1px solid #1d4ed8;
  transition: border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  box-shadow: 0px 0px 0px 4px #eaf0ff;
}
.create-test-content__right-container .card .card-body {
  padding: 0rem;
}
.create-test-content__right-container .card .card-body .sequence-setting-description {
  color: #6b7280;
}
.create-test-content__right-container .card .card-body .title-subtitle {
  gap: 0.25rem;
  width: 100%;
}
.create-test-content__right-container .card .card-body .title-subtitle .sequence-view-email-btn {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.create-test-content__right-container .card .card-body .title-subtitle .sequence-view-email-btn.disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.create-test-content__right-container .card .card-body .how-it-works-container {
  display: flex;
  height: 24px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #4b5563;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 100px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  cursor: pointer;
}
.create-test-content__right-container .card .card-body .how-it-works-container.focused, .create-test-content__right-container .card .card-body .how-it-works-container:hover {
  color: #1d4ed8;
  border: 1px solid #1d4ed8;
  background: #eff6ff;
}
.create-test-content__right-container .card .sender-email-accounts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.create-test-content__right-container .card .sender-email-accounts .no-email-account-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0;
  border-radius: 4px;
  background: #f9fafb;
}
.create-test-content__right-container .card .sender-email-accounts .no-email-account-container .no-email-account-title {
  color: #1f2937;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0.25rem;
}
.create-test-content__right-container .card .sender-email-accounts .no-email-account-container .no-email-account-description {
  color: #6b7280;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 1rem;
}
.create-test-content__right-container .card .sender-email-accounts .external-test-link-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.create-test-content__right-container .card .sender-email-accounts .external-test-link-container .external-test-link {
  color: #1d4ed8;
}
.create-test-content__right-container .card .test-frequency-options .test-frequency-options-radio-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: row;
  gap: 12px;
}
@media screen and (max-width: 1160px) {
  .create-test-content__right-container .card .test-frequency-options .test-frequency-options-radio-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.create-test-content__right-container .card .test-frequency-options .test-frequency-options-radio-group .bs-radio-wrapper {
  display: inline-flex;
  align-items: center;
  margin: 0;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 1rem 1.5rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
}
.create-test-content__right-container .card .test-frequency-options .test-frequency-options-radio-group .bs-radio-wrapper .bs-radio {
  top: auto;
}
.create-test-content__right-container .card .test-frequency-options .test-frequency-options-radio-group .bs-radio-wrapper:hover {
  border-color: #1d4ed8;
}
.create-test-content__right-container .card .test-frequency-options .test-frequency-options-radio-group .bs-radio-wrapper:has(.bs-radio.bs-radio-checked) {
  border-color: #1d4ed8;
}
.create-test-content__right-container .card .test-frequency-message {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.create-test-content__right-container .card .test-start-time {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.create-test-content__right-container .card .test-start-time-message-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-content: flex-start;
  align-self: stretch;
}
.create-test-content__right-container .card .test-start-time-message-container .test-start-time-message {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #111827;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters {
  width: 10.5rem;
  padding: 0.25rem 1rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  height: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters:hover {
  border-color: #1d4ed8;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters:focus-visible {
  outline-color: #1d4ed8;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters.time-error {
  border-color: #b91c1c;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .hh-mm-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .hh-mm-container .react-time-picker__wrapper {
  border: none;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .hh-mm-container .react-time-picker__wrapper .react-time-picker__inputGroup {
  min-width: none;
  padding: 0;
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .hh-mm-container .react-time-picker__wrapper .react-time-picker__inputGroup .react-time-picker__inputGroup__input {
  outline: none;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .hh-mm-container .react-time-picker__wrapper .react-time-picker__inputGroup .react-time-picker__inputGroup__divider {
  margin: 0rem 0.5rem;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .hh-mm-container .react-time-picker__inputGroup__amPm {
  display: none;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .am-pm-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  position: relative;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .am-pm-container .am-pm-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.5rem;
  padding: 0.125rem 0.25rem;
  color: #9ca3af;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  border: 0.0625rem solid transparent;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .am-pm-container .am-pm-text.active {
  color: #1d4ed8;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .am-pm-container .active-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.75rem;
  height: 1.5rem;
  border: 0.0625rem solid rgb(191, 219, 254);
  border-radius: 0.125rem;
  transition: left 0.2s ease-out;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .am-pm-container .active-border.am {
  left: 0%;
}
.create-test-content__right-container .card .test-start-time-message-container .custom-time-input-filters .am-pm-container .active-border.pm {
  left: 54%;
}
.create-test-content__right-container .card .test-start-time-message-container .test-start-time-timezone {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.create-test-content__right-container .card .test-id__container {
  display: flex;
  padding: 0.375rem 1rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex: 1 0 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  min-width: 16.8125rem;
  width: 16.8125rem;
}
.create-test-content__right-container .card .test-id__container span {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-test-content__right-container .card .test-id__container .test-id-copy-icon {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
  cursor: pointer;
}
.create-test-content__right-container .card .test-id__container .test-id-copy-icon:hover {
  color: #4b5563;
}
.create-test-content__right-container .card .seed-accounts .copy-download-button:hover .copy-download-icon,
.create-test-content__right-container .card .seed-accounts .copy-download-button:hover .copy-download-text {
  color: #4b5563;
}
.create-test-content__right-container .card .seed-accounts .copy-download-icon {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
}
.create-test-content__right-container .card .seed-accounts .copy-download-text {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.create-test-content__right-container .card .seed-accounts .divider-seed-accounts {
  width: 0.125rem;
  height: 32px;
  border-radius: 0.1875rem;
  background: #f3f4f6;
}
.create-test-content__right-container .card .seed-accounts .bs-select-box {
  display: flex;
  padding: 0.375rem 1rem;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  width: 9.875rem;
  height: 2rem;
}
.create-test-content__right-container .card .seed-accounts .bs-select-box:focus {
  border: 0.0625rem solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.create-test-content__right-container .card .seed-accounts .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.create-test-content__right-container .card .seed-accounts .transfer-overlay {
  padding: 0rem;
}
.create-test-content__right-container .card .seed-accounts .transfer-overlay .transfer-container .transfer-body .transfer-content .transfer-list div > li {
  padding: 0.375rem 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.create-test-content__right-container .card .seed-accounts-container {
  display: flex;
  flex-direction: column;
}
.create-test-content__right-container .card .seed-accounts-container span {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.create-test-content__right-container .card .seed-accounts-container .seed-accounts-inner-container {
  display: flex;
  padding: 0.375rem 1rem;
  justify-content: space-between;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  flex: 1 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  max-height: calc(100vh - 37rem);
  overflow-y: auto;
}
.create-test-content__right-container .card .seed-accounts-container .seed-accounts-inner-container:focus, .create-test-content__right-container .card .seed-accounts-container .seed-accounts-inner-container:focus-visible {
  border: 0.0625rem solid #1d4ed8;
  outline: none;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.create-test-content__right-container .card .seed-accounts-container .seed-accounts-inner-container .seed-account-list {
  margin: 0;
  width: 100%;
  min-height: 20px;
}
.create-test-content__right-container .card .email-setup {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  margin-top: 1.25rem;
  width: 100%;
  margin: 0px;
}
.create-test-content__right-container .card .email-setup .email-setup-item {
  padding: 0px;
}
.create-test-content__right-container .card .email-setup .email-setup-item .bs-select-box {
  max-width: calc((100vw - 24.5625rem) / 3);
}
.create-test-content__right-container .card .email-setup .email-setup-item .bs-select-box .selected-sequence-option {
  display: flex;
}
.create-test-content__right-container .card .email-setup .email-setup-item .bs-select-box .selected-sequence-option .email-subsequence {
  padding-left: 0;
}
.create-test-content__right-container .card .email-setup .title {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.create-test-content__right-container .card .email-setup .bs-select-box {
  display: flex;
  padding: 0.375rem 1rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  height: 2rem;
}
.create-test-content__right-container .card .email-setup .bs-select-box:hover:not(.bs-select-box-disabled) {
  border-color: #1d4ed8;
}
.create-test-content__right-container .card .email-setup .bs-select-box .placeholder {
  color: #9ca3af;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.create-test-content__right-container .card .email-setup .bs-select-box:focus {
  box-shadow: 0px 0px 0px 2px #dbeafe;
  border: 0.0625rem solid #2563eb;
}
.create-test-content__right-container .card .email-setup .step-variant-disabled {
  opacity: 0.35;
}
.create-test-content__right-container .card .trigger-notification {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  white-space: nowrap;
}
.create-test-content__right-container .card .trigger-notification .switchToggle input:checked + label {
  background: #1d4ed8;
}
.create-test-content__right-container .card .trigger-notification label {
  min-width: 2rem;
  height: 1rem;
  margin-bottom: 0rem;
  background: #9ca3af;
}
.create-test-content__right-container .card .trigger-notification label span {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  left: 2.5rem;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  border-left: 2.931px solid #f3f4f6;
  border-radius: 0.25rem;
  padding-left: 1.25rem;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop span,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop span {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .bs-input-number-container,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .bs-input-number-container {
  width: 4.6875rem;
  min-width: 4.6875rem;
  height: 2rem;
  border-radius: 0.25rem;
  background: #fff;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .disabled-text,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .disabled-text {
  opacity: 0.4;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .bs-input-number-container .bs-input-number-disabled,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .bs-input-number-container .bs-input-number-disabled {
  background-color: #fff;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .bs-input-number-container .bs-input-number,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .bs-input-number-container .bs-input-number {
  border: 0.0625rem solid #e5e7eb;
  min-width: 4.6875rem;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .bs-input-number-container .bs-input-number.drop-error,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .bs-input-number-container .bs-input-number.drop-error {
  border: 1px solid #ef4444;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .bs-input-number-container .bs-input-number.drop-error:focus, .create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .bs-input-number-container .bs-input-number.drop-error:focus-within,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .bs-input-number-container .bs-input-number.drop-error:focus,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .bs-input-number-container .bs-input-number.drop-error:focus-within {
  box-shadow: none;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .bs-input-number-input,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .bs-input-number-input {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  width: 4.6875rem;
  height: 2rem;
}
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-email-drop .bs-input-number-input:disabled,
.create-test-content__right-container .card .trigger-notification .inbox-placemnet-drop-category .pause-sequence-drop .bs-input-number-input:disabled {
  opacity: 0.4;
}
.create-test-content__right-container .card .trigger-notification .drop-level-error {
  color: #ef4444;
  margin: 0;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.create-test-content__right-container .card .card > .card-body {
  padding: 0;
}
.create-test-content__right-container .card .card > .card-body .cst-disable.shd-button {
  opacity: 0.3;
  cursor: not-allowed;
}
.create-test-content__right-container .card .card > .card-body .table-list .empty-list {
  display: none;
}

.placement-type-loader {
  border-radius: 60px !important;
}

.info-icon-trigger {
  color: #6b7280;
  cursor: pointer;
}

.scheduling-custom-modal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.scheduling-custom-modal .title {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.scheduling-custom-modal .week-select button {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.scheduling-custom-modal .week-select button.selected {
  color: #1d4ed8;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.scheduling-custom-modal .bs-input-number-container .bs-input-number {
  border: 0.0625rem solid #e5e7eb;
}
.scheduling-custom-modal .bs-input-number-container.bs-input-number-error .bs-input-number {
  border: 1px solid #ef4444;
}
.scheduling-custom-modal .bs-input-number .bs-input-number-handler-wrap {
  background: #f3f4f6;
}
.scheduling-custom-modal .bs-input-number .bs-input-number-handler-wrap .bs-input-number-handler .bs-input-number-handler-up-inner,
.scheduling-custom-modal .bs-input-number .bs-input-number-handler-wrap .bs-input-number-handler-down-inner {
  color: #4b5563;
}
.scheduling-custom-modal .bs-input-number-input {
  width: 90px;
  border-radius: 4px;
  padding: 6px 16px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.scheduling-custom-modal .input-text-error {
  color: #ef4444;
  margin-bottom: 0;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.scheduling-custom-modal .bs-select-box {
  padding: 0.375rem 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  height: 2rem;
}

.single-date-picker .react-datepicker__tab-loop .react-datepicker-popper {
  position: fixed !important;
}

.single-date-picker-wrapper {
  transition: opacity 0.3s ease;
  margin-bottom: 0.25rem;
}
.single-date-picker-wrapper .react-datepicker__input-container input {
  background: #fff !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.single-date-picker-wrapper .react-datepicker__input-container {
  height: 2rem;
}
.single-date-picker-wrapper .react-datepicker__input-container .bs-input {
  padding: 0.375rem 1rem;
}
.single-date-picker-wrapper .react-datepicker__input-container .bs-input:focus {
  box-shadow: none;
}
.single-date-picker-wrapper .date-picker-container {
  padding-left: 1rem !important;
}
.single-date-picker-wrapper .date-picker-container .calendar-icon {
  color: #1f2937;
}
.single-date-picker-wrapper .date-picker-container .input {
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
}

.single-date-picker-wrapper.disabled {
  opacity: 0.35;
  pointer-events: none;
}

.single-date-picker-wrapper.enabled {
  opacity: 1;
  pointer-events: auto;
}

.test-scheduling-interval-error .bs-input-number:focus-within {
  border: 1px solid #f5222d;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}

.test-scheduling-error-container .bs-input-number-container .bs-input-number-inner {
  border: 1px solid #f5222d !important;
}

.custom-repeat-modal.shd-modal .modal-content {
  border: none !important;
  width: 27.9375rem;
}
.custom-repeat-modal.shd-modal .modal-body {
  padding: 0 1.5rem 1.5rem 1.5rem !important;
  overflow-y: visible;
}

.email-setup-table .inbox-test-email-account-table-wrapper {
  height: 100%;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-header {
  background: #ffffff;
  box-shadow: none;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-header div span {
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-header > tr:hover {
  background-color: transparent !important;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 0.875rem 1rem;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type {
  border-right: 0.0625rem solid #f3f4f6;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover {
  box-shadow: none;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover .update-sending-limit {
  visibility: visible;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td {
  border-right: 0.0625rem solid #f3f4f6;
  border-bottom: 0.0625rem solid #f3f4f6;
  padding: 0.625rem 1rem;
  line-height: 1;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-sender-name, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-sender-email {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-sender-email img {
  height: 16px;
  width: 16px;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-placement-test-daily-limit, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-outreach-daily-limit, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-account-health {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-placement-test-daily-limit .available-quota, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-outreach-daily-limit .available-quota, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-account-health .available-quota {
  color: #1f2937;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-placement-test-daily-limit .total-daily-limit, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-outreach-daily-limit .total-daily-limit, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-account-health .total-daily-limit {
  color: #9ca3af;
  font-size: 12px;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-placement-test-daily-limit .daily-limit-container, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-outreach-daily-limit .daily-limit-container, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-account-health .daily-limit-container {
  cursor: pointer;
}
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-placement-test-daily-limit .daily-limit-container:hover .available-quota,
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-placement-test-daily-limit .daily-limit-container:hover .total-daily-limit, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-outreach-daily-limit .daily-limit-container:hover .available-quota,
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-outreach-daily-limit .daily-limit-container:hover .total-daily-limit, .email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-account-health .daily-limit-container:hover .available-quota,
.email-setup-table .inbox-test-email-account-table-wrapper.table-list .react-bootstrap-table .table-organism .table-organism-body tr td.test-email-account-account-health .daily-limit-container:hover .total-daily-limit {
  color: #1d4ed8 !important;
}

.see-more-account-table {
  position: absolute;
  width: 100%;
  height: 5.1875rem;
  right: 0;
  bottom: -1px;
  background: linear-gradient(hsla(0, 0%, 100%, 0.5) 43.56%, #f9fafb 63.83%);
}

.email-subsequence {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 1.25rem;
  overflow: hidden;
}

.email-subsequence-icon {
  color: #6b7280;
}

.email-sequence-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.seed-list-changed-modal .modal-content {
  width: 28.125rem;
}
.seed-list-changed-modal .modal-header {
  padding: 1.5rem 1.5rem 1rem 1.5rem !important;
}
.seed-list-changed-modal .modal-body {
  padding: 0 1.5rem 1.5rem 1.5rem !important;
}
.seed-list-changed-modal .modal-body span {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.seed-list-changed-modal .modal-footer {
  padding: 1.25rem 1.5rem 1.25rem 1.5rem !important;
}
.seed-list-changed-modal .modal-footer .shd-button {
  line-height: 1.25rem;
}
.seed-list-changed-modal .shd-modal--footer__right .shd-button--secondary.cancel-btn {
  visibility: hidden;
}

.schedule-select .transfer-container .transfer-body .transfer-content .transfer-list div > li {
  color: #374151;
  padding: 0.5rem 1rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.schedule-select {
  padding: 0rem !important;
}

.custom-ends-option {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  margin-top: 0.125rem;
}

.email-sequences-select .transfer-container .transfer-body .transfer-content .transfer-list div > li {
  color: #374151;
  padding: 0.5rem 1rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.repeat-test-on-monthly .bs-select-box {
  width: 20.125rem;
}

.custom-modal-cancel-btn {
  min-width: 4.9375rem !important;
  color: #6b7280;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.375rem 1rem;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}
.custom-modal-cancel-btn:hover {
  background-color: #fff;
  border: 0.0625rem solid #1d4ed8;
  color: #1d4ed8;
}

.custom-modal-submit-btn {
  min-width: 4.25rem !important;
}

.inbox-analyzer-add-email-account {
  line-height: 1.125rem;
  flex: none;
  justify-content: flex-end;
  padding: 0;
}

.seed-account-option .transfer-container .transfer-body .transfer-content .transfer-list div > li {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #1f2937;
}
.seed-account-option .transfer-container .transfer-body .transfer-content .transfer-list div > li.active {
  background-color: #fff;
  color: #1d4ed8;
}

.shd-button.launch-test-btn {
  padding: 0.375rem 0.75rem;
}
.shd-button.launch-test-btn span {
  line-height: 20px;
}

.optional {
  color: #9ca3af;
}

.drop-error {
  border: 1px solid #ef4444;
}

.how-it-works-popover.bs-popover-inner {
  padding: 0px;
  min-width: 334px;
  max-width: 334px;
}
.how-it-works-popover.bs-popover-inner .bs-popover-inner-content {
  padding: 16px;
}
.how-it-works-popover.bs-popover-inner .bs-popover-inner-content .how-it-works-popover-content .step-number {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  border-radius: 100px;
  background: #f3f4f6;
}
.how-it-works-popover.bs-popover-inner .bs-popover-inner-content .how-it-works-popover-content .step-title {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.how-it-works-popover.bs-popover-inner .bs-popover-inner-content .how-it-works-popover-content .step-description {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.how-it-works-popover.bs-popover-inner .arrow {
  display: none;
}

.sequence-option-tooltip {
  margin-left: 0.25rem;
}

.email-sending-safety-check-modal .modal-dialog {
  max-width: 54.25rem;
}
.email-sending-safety-check-modal .shd-modal--header {
  align-items: flex-start !important;
}
.email-sending-safety-check-modal .shd-modal--header .email-sending-safety-check-modal-title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.email-sending-safety-check-modal .shd-modal--header .email-sending-safety-check-modal-title p {
  margin-bottom: 0;
}
.email-sending-safety-check-modal .shd-modal--header .email-sending-safety-check-modal-title .modal-title-description {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.email-sending-safety-check-modal .shd-modal--close-btn {
  height: 1.25rem;
  width: 1.25rem;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .email-sending-safety-check-warning-banner-loader {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  line-height: 1;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .alert-component .alert {
  padding: 0.25rem 0.5rem;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .alert-component .alert.alert-primary {
  border: 1px solid #dbeafe;
  background-color: #eff6ff;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .alert-component .alert.alert-warning {
  border: 1px solid #fef3c7;
  background-color: #fffbeb;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .alert-component .alert span {
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container {
  height: 23.5rem;
  overflow: auto;
  margin-right: -7px;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list {
  height: auto;
  overflow: unset;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-header {
  background: #ffffff;
  box-shadow: none;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-header div span {
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-header > tr:hover {
  background-color: transparent !important;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-header > tr > th {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 0.875rem 1rem;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-header > tr > th:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-header > tr > th:last-of-type {
  border-right: 0.0625rem solid #f3f4f6;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-body tr:hover {
  box-shadow: none;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-body tr:hover .update-sending-limit {
  visibility: visible;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-body tr td {
  border-right: 0.0625rem solid #f3f4f6;
  border-bottom: 0.0625rem solid #f3f4f6;
  padding: 0.625rem 1rem;
  line-height: 1;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-body tr td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-body .email-sending-safety-check-email-account {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 11rem;
  cursor: default;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-body .sending-limit {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: default;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-body .update-sending-limit {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  visibility: hidden;
  cursor: pointer;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .table-organism-body .update-sending-limit:hover {
  color: #1d4ed8;
}
.email-sending-safety-check-modal .email-sending-safety-check-modal-content .table-list-container .table-list .empty-list {
  height: 100%;
}

.update-sending-limit-tooltip {
  width: 102px;
}

.sending-limit-alert-tooltip .tooltip-inner {
  width: 230px;
  max-width: 230px;
}

.conditionally-animated-components {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.slide-up-enter {
  opacity: 0;
  transform: translateY(20px);
}

.slide-up-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 500ms, transform 500ms;
}

.slide-up-exit {
  opacity: 1;
  transform: translateY(0);
}

.slide-up-exit-active {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 500ms, transform 500ms;
}

.dashboard-container {
  display: flex;
  flex-direction: column;
  line-height: 1;
  height: 100%;
}
.dashboard-container .dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem 1.5rem 1.5rem;
}
.dashboard-container .dashboard-header.opacity-60 {
  opacity: 0.6;
}
.dashboard-container .dashboard-header .dashboard-header-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dashboard-container .dashboard-header .dashboard-header-left .dashboard-header-search-input-wrap {
  width: 195px;
}
.dashboard-container .dashboard-header .dashboard-header-left .dashboard-header-search-input-wrap .input-icons-left {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.dashboard-container .dashboard-header .dashboard-header-left .dashboard-header-search-input-wrap .input-icons-left .bs-input-prefix {
  color: #9ca3af;
  font-size: 1rem;
}
.dashboard-container .dashboard-header .dashboard-header-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dashboard-container .dashboard-header .dashboard-header-right .date-filter-select-wrap {
  min-width: 10.1875rem;
  max-width: 15.1875rem;
  height: 2rem;
  width: fit-content;
}
.dashboard-container .dashboard-content {
  height: 89%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.dashboard-container .dashboard-content.opacity-60 {
  opacity: 0.6;
}
.dashboard-container .dashboard-content.dashboard-content-demo {
  max-height: calc(100vh - 154px);
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 0 1.5rem;
  margin-right: -7px;
}
@media screen and (max-width: 768px) {
  .dashboard-container .dashboard-content .dashboard-summary-graph-container {
    flex-direction: column;
  }
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container .dashboard-summary-card {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #ffffff;
  width: 229px;
  cursor: default;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container .dashboard-summary-card:hover {
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container .dashboard-summary-card .dashboard-summary-card-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container .dashboard-summary-card .dashboard-summary-card-percentage {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container .dashboard-summary-card.inbox {
  color: #059669;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container .dashboard-summary-card.spam {
  color: #dc2626;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container .dashboard-summary-card.other {
  color: #d97706;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-summary-container .dashboard-summary-card.undelivered {
  color: #4b5563;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-graph-container {
  padding: 1rem 1rem 0rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #f3f4f6;
  background-color: #ffffff;
  flex: auto;
  position: relative;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-graph-container .vertical-line {
  height: 69%;
  top: 1.5rem;
}
.dashboard-container .dashboard-content .dashboard-summary-graph-container .dashboard-graph-container .apexcharts-legend {
  padding-top: 24px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container {
  background-color: #f9fafb;
  display: flex;
  flex-direction: column;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list {
  padding: 0rem 1.5rem 1.5rem 1.5rem;
  flex-grow: 1;
  overflow-y: hidden;
  margin-right: -7px;
  margin-top: 1.5rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list.dashboard-test-list-demo {
  height: calc(100vh - 154px);
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .test-table-body.no-data tr:hover {
  background: #fff !important;
  background-color: #fff !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .test-table-body.no-data tr .empty-list {
  height: auto;
  margin-top: 3rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .test-table-body.no-data tr .empty-list .empty-list__photo-vertical img {
  width: 80px;
  height: 80px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .test-table-body.no-data tr .empty-list .empty-list__content-vertical {
  margin-top: 12px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .test-table-body.no-data tr .empty-list .empty-list__content-vertical .empty-list__title-vertical {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .bs-table-tbody .align-avatar-left {
  display: flex;
  justify-content: flex-end;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list {
  height: 95%;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .test-table-header {
  height: 2.75rem;
  background: #fff !important;
  box-shadow: none !important;
  z-index: 15 !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism tr:hover {
  background-color: #fff !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th {
  height: 1.25rem;
  max-height: 1.25rem;
  border-color: #f3f4f6;
  border-right: 1px solid #f3f4f6;
  padding: 0.5rem 1rem;
  vertical-align: middle;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type {
  border-right: none !important;
  position: sticky;
  vertical-align: middle;
  left: 0;
  top: 0;
  z-index: 4;
  background-color: #fff;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type.test-name-header {
  border-right: 1px solid #f3f4f6 !important;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type:hover {
  background-color: #fff;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
  border: 0.0625rem solid #9ca3af;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type {
  position: sticky;
  right: 0;
  z-index: 3;
  top: 0;
  padding: 0 !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type.created-by-header {
  position: relative;
  padding: 0.5rem 1rem !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type:hover {
  background-color: #fff;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th div {
  display: flex;
  align-items: center;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:hover {
  background-color: #f9fafb;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:hover.created-by-header:hover {
  background-color: transparent;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th.created-by-header {
  border-right: none !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th .test-progress-custom-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #6b7280;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th .inbox-count-custom-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #059669;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th .spam-count-custom-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #f87171;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th .other-count-custom-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #fbbf24;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th .undelivered-count-custom-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #9ca3af;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-header div span {
  font-weight: 700;
  color: #6b7280;
  line-height: 1rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr {
  height: 4.5rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td {
  height: 3.75rem;
  max-height: 20px !important;
  background: #fff;
  z-index: 10;
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 0px !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:first-of-type {
  padding-left: 1rem !important;
  border-left: 0.0625rem solid #f3f4f6;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 10;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
@media only screen and (min-width: 2500px) {
  .dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:first-of-type {
    width: 40% !important;
  }
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:last-of-type {
  position: sticky;
  right: 0;
  background: #fff;
  z-index: 1;
  padding: 0 !important;
  border-left: 0.0625rem solid #e5e7eb;
  border-bottom: 0.0625rem solid #e5e7eb;
  border-right: 0.0625rem solid #e5e7eb;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:last-of-type.action-btn {
  z-index: 3;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell {
  min-width: 350px;
  max-width: 350px;
  cursor: pointer;
  padding: 0px !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  text-decoration: none !important;
  color: inherit;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-link .test-name-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-link .test-name-container .test-name-container-inner {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-link .test-name-container .test-name-container-inner .test-name {
  max-width: max-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #1f2937;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-link .test-name-container .test-name-container-inner .test-name:hover {
  color: #1d4ed8;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-link .test-name-container .test-type {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-link .test-name-container .test-type .test-type-text {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin: 2px 0px;
  margin-left: -0.25rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-link .test-name-container .test-type .test-type-divider {
  width: 2px;
  height: 16px;
  border-radius: 1px;
  background: #e5e7eb;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-skeleton {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-name-cell .test-name-skeleton .test-type {
  display: flex;
  gap: 8px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td:hover {
  background: #f3f4f6 !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-progress-cell .test-progress-container {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-progress-cell .test-progress-container .test-progress-count .sent {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-progress-cell .test-progress-container .test-progress-count .total {
  color: #9ca3af;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.created-by-cell {
  border-right: none !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.created-by-cell .created-by-wrap {
  min-width: 9rem;
  max-width: 9rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.created-by-cell .created-by-wrap .sequence-created-by {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td .inbox-count-container .inbox-count-text {
  color: #1f2937;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td .inbox-count-container .inbox-count-percentage {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td .test-redirect-link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  text-decoration: none !important;
  color: inherit;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.test-progress-cell {
  min-width: 9.25rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.inbox-score-cell {
  min-width: 7.0625rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.inbox-count-cell {
  min-width: 8.0625rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.spam-count-cell {
  min-width: 8.0625rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.other-count-cell {
  min-width: 8.0625rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.undelivered-count-cell {
  min-width: 8.25rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.last-run-on-cell {
  min-width: 12.5rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr > td.created-by-cell {
  min-width: 10.5rem;
  border-right: none !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body.no-data > tr > td:hover {
  background-color: #fff !important;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr:hover {
  box-shadow: none;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .react-bootstrap-table .table-organism .table-organism-body > tr:hover td {
  background: #f9fafb;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .sequence-avatar .bs-avatar-string {
  color: #1d4ed8 !important;
  font-size: 0.8rem;
}
.dashboard-container .dashboard-content .dashboard-test-list-container .dashboard-test-list .table-list .pagination-container {
  position: fixed !important;
  left: 0;
  width: 100%;
}
.dashboard-container .inbox-radar-welcome-modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -50px;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.15);
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 340px;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-left .inbox-radar-welcome-modal-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-left .inbox-radar-welcome-modal-text .inbox-radar-welcome-modal-title {
  color: #1f2937;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-left .inbox-radar-welcome-modal-text .inbox-radar-welcome-modal-description {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-left .inbox-radar-welcome-modal-text .inbox-radar-welcome-modal-description .inbox-radar-welcome-modal-description-link {
  color: #1d4ed8;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-left .inbox-radar-welcome-modal-text .inbox-radar-welcome-modal-description .inbox-radar-welcome-modal-description-link:hover {
  text-decoration: underline;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-left .inbox-radar-welcome-modal-text .inbox-radar-welcome-modal-description .inbox-radar-welcome-modal-description-link .spinner-border-sm {
  height: 12px;
  width: 12px;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-left .inbox-radar-welcome-modal-action {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-right .inbox-radar-welcome-modal-content-right-video {
  position: relative;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-right .inbox-radar-welcome-modal-content-right-video img {
  width: 340px;
  height: 200px;
  border-radius: 12px;
}
.dashboard-container .inbox-radar-welcome-modal-container .inbox-radar-welcome-modal-content .inbox-radar-welcome-modal-content-right .inbox-radar-welcome-modal-content-right-video .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dashboard-summary-card-popover.bs-popover-inner {
  padding: 0px;
  width: 273px;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content {
  padding: 8px;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100px;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-icon .card-popover-emoji {
  font-size: 20px;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-icon.good {
  background: #eff6ff;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-icon.average {
  background: #fffbeb;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-icon.bad {
  background: #fef2f2;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-title,
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-description {
  color: #000000;
  line-height: 16px;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-title {
  font-size: 14px;
  font-weight: 700;
}
.dashboard-summary-card-popover.bs-popover-inner .bs-popover-inner-content .card-popover-description {
  font-size: 12px;
  font-weight: 400;
}
.dashboard-summary-card-popover .tooltip-inner .card-popover-title {
  font-weight: 700;
}
.dashboard-summary-card-popover .tooltip-inner .card-popover-description {
  font-weight: 400;
}

.test-badge-dot {
  z-index: auto;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: absolute;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
  margin-left: -0.25rem;
}
.test-badge-dot.draft {
  background: #9ca3af;
}
.test-badge-dot.paused {
  background: #d97706;
}
.test-badge-dot.active {
  background: #3b82f6;
}
.test-badge-dot.completed {
  background: #10b981;
}
.test-badge-dot.stopped {
  background: #b91c1c;
}

.create-test-button-tooltip {
  width: 150px;
}

.inbox-radar-action-dropdown .dropdown-item {
  color: #6b7280;
  line-height: 1.25rem;
}

.dashboard-summary-card-popover.tooltip {
  width: 273px;
}
.dashboard-summary-card-popover.tooltip .tooltip-inner {
  max-width: 273px;
}

.inbox-radar-graph-container {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  min-height: 362px;
}
.inbox-radar-graph-container .inbox-radar-graph-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inbox-radar-graph-container .inbox-radar-graph-header .graph-filters__middle .time-frame {
  display: flex;
  gap: 0.25rem;
}
.inbox-radar-graph-container .inbox-radar-graph-header .graph-filters__middle .time-frame__item {
  padding: 0.1875rem 1.3125rem;
  line-height: 1.25rem;
}
.inbox-radar-graph-container .inbox-radar-graph-header .graph-filters__middle .time-frame__item__text {
  color: #d1d5db;
}
.inbox-radar-graph-container .inbox-radar-graph-header .graph-filters__middle .time-frame__active {
  border-radius: 0.25rem;
  outline: 1px solid #eff6ff;
  background: #eff6ff;
}
.inbox-radar-graph-container .inbox-radar-graph-header .graph-filters__middle .time-frame__disabled {
  pointer-events: none;
}
.inbox-radar-graph-container .inbox-radar-graph-header .graph-filters__right .date-filter-select-wrap {
  width: 16rem;
}
.inbox-radar-graph-container .inbox-radar-graph-header .graph-filters__dashboard .date-filter-select-wrap {
  width: 12.625rem;
}
.inbox-radar-graph-container .inbox-radar-chart-container {
  display: flex;
  justify-content: right;
  width: 100%;
}
.inbox-radar-graph-container .inbox-radar-chart-container .inbox-radar-chart {
  position: relative;
  width: 97%;
}
.inbox-radar-graph-container .inbox-radar-chart-container .inbox-radar-chart .vertical-line {
  height: 72%;
  width: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: -1.5rem;
  top: 3.25rem;
}
.inbox-radar-graph-container .inbox-radar-chart-container .inbox-radar-chart .vertical-line .timeline-line {
  width: 2px;
  flex: 1;
  background-color: #60a5fa;
  position: relative;
  border-radius: 0.25rem;
}
.inbox-radar-graph-container .inbox-radar-chart-container .inbox-radar-chart .vertical-line .timeline-label {
  flex: 1.5;
  transform: rotate(-90deg);
  right: 0;
  display: flex;
  align-items: center;
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  width: max-content;
}
.inbox-radar-graph-container .no-data-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  border-radius: 0.25rem;
  background: rgba(217, 217, 217, 0.1);
  width: 100%;
  height: 319px;
  margin-top: 12px;
  margin-bottom: 16px;
}
.inbox-radar-graph-container .no-data-container .no-data-text {
  color: #6b7280;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
}
.inbox-radar-graph-container .no-data-container .refresh-button {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  cursor: pointer;
  color: #1d4ed8;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.inbox-radar-graph-container .apexchartsgraph-report {
  width: 100% !important;
  display: flex;
  justify-content: center;
}
.inbox-radar-graph-container .apexchartsgraph-report .apexcharts-svg {
  width: 100% !important;
}
.inbox-radar-graph-container .apexchartsgraph-report .apexcharts-legend {
  display: flex;
  gap: 1rem;
}
.inbox-radar-graph-container .apexchartsgraph-report .apexcharts-legend .apexcharts-legend-series {
  margin: 0px !important;
}
.inbox-radar-graph-container .apexchartsgraph-report .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
  color: #4b5563 !important;
  font-family: "Inter" !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}
.inbox-radar-graph-container .apexchartsgraph-report .apexcharts-xaxis-label {
  color: #4b5563 !important;
  line-height: 14px !important;
  letter-spacing: 0.2px !important;
}
.inbox-radar-graph-container .apexchartsgraph-report .apexcharts-xaxis-label:nth-of-type(1) {
  transform: translateX(1.375rem);
}
.inbox-radar-graph-container .graph-loading-container {
  position: relative;
  min-height: 357px;
}
.inbox-radar-graph-container .graph-loading-container .graph-loading-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1); /* Semi-transparent background */
  backdrop-filter: blur(2px); /* Blurring effect */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.inbox-radar-graph-container .graph-loading-container .graph-loading-inner .spinner-border {
  border-color: #1d4ed8;
  border-right-color: transparent;
}

.test-report-container {
  display: flex;
  flex-direction: column;
  line-height: 1;
  height: calc(100vh - 50px);
}
.test-report-container .test-report-header-container {
  display: flex;
  padding: 16px 24px;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  width: 100%;
}
.test-report-container .test-report-header-container .test-report-header-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-title .test-report-header-left-back-button,
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-title .test-report-header-left-info {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-title .test-report-header-left-info {
  color: #6b7280;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-title .test-report-header-left-title-text {
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-divider {
  width: 1px;
  height: 16px;
  border-radius: 3px;
  background: #d1d5db;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-switch-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-switch-button .test-pause-switch {
  display: flex;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-switch-button .test-pause-switch label {
  margin: 0px;
}
.test-report-container .test-report-header-container .test-report-header-left .test-report-header-left-switch-button .switchToggle input:checked + label {
  background-color: #1d4ed8;
}
.test-report-container .test-report-header-container .test-report-header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.test-report-container .test-report-header-container .test-report-header-right .test-report-header-right-divider {
  width: 2px;
  height: 32px;
  border-radius: 3px;
  background: #f3f4f6;
}
.test-report-container .test-report-header-container .test-report-header-right .test-report-header-re-run-button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.test-report-container .test-report-header-container .test-report-header-right .test-report-header-re-run-button:hover {
  border-radius: 2px;
  background: #f3f4f6;
}
.test-report-container .test-report-header-container .test-report-header-right .test-report-header-icon-button {
  cursor: pointer;
  color: #6b7280;
  padding: 6px;
}
.test-report-container .test-report-header-container .test-report-header-right .test-report-header-icon-button:hover {
  color: #1d4ed8;
  border-radius: 4px;
  background: #eff6ff;
}
.test-report-container .test-report-header-container .test-report-header-right .test-report-header-right-share-button .shd-button span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.test-report-container .reconnect-email-account-alert.shd-alert--lg {
  width: 100%;
  align-items: center;
  justify-content: center;
}
.test-report-container .reconnect-email-account-alert.shd-alert--lg .shd-alert--description {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.test-report-container .test-report-email-accounts-filter-btn {
  width: 16.25rem !important;
}
.test-report-container .test-report-email-accounts-filter-btn:hover {
  border-color: #1d4ed8;
}
.test-report-container .test-report-email-accounts-filter-btn:focus {
  box-shadow: 0px 0px 0px 2px #dbeafe;
  border-color: #1d4ed8;
}
.test-report-container .test-report-content-container {
  height: calc(100vh - 114px);
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.test-report-container .test-report-content-container.test-report-content-container-demo {
  height: calc(100vh - 154px);
}
.test-report-container .test-report-content-container .test-report-graph-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 24px 0px 24px;
  margin-right: -7px;
}
.test-report-container .test-report-content-container .test-report-graph-container .test-report-graph-header {
  display: flex;
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 8px 0px;
}
.test-report-container .test-report-content-container .test-report-graph-container .test-report-graph {
  background-color: #fff;
  padding: 16px 24px 0px 24px;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  position: relative;
}
.test-report-container .test-report-content-container .test-report-graph-container .test-report-graph .vertical-line {
  height: 69%;
  top: 1.5rem;
}
.test-report-container .test-report-content-container .test-report-graph-container .test-report-graph .apexcharts-legend {
  padding-top: 24px;
}
.test-report-container .test-report-content-container .test-report-summary-container {
  display: flex;
  flex-direction: column;
  padding: 16px 24px 24px 24px;
  margin-right: -7px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header {
  display: flex;
  background-color: #f9fafb;
  justify-content: space-between;
  padding: 1rem;
  background-color: #fff;
  top: 0;
  z-index: 2;
  border-radius: 0.25rem;
  border: 0.0625rem solid #f3f4f6;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header.active-test {
  padding: 0.625rem 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header.skeleton-header {
  padding: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .email-sent {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .test-progress-bar {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .test-progress-bar .progress-bar-wrapper {
  width: 14.125rem;
  height: 0.375rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .test-progress-bar .progress-bar-wrapper span {
  background-color: #2563eb !important;
  border-radius: 1.25rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .test-progress-bar .test-sent-count {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .test-progress-bar .test-count-divider {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .test-progress-bar .test-total-count {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .test-report-refresh-icon-button {
  display: flex;
  cursor: pointer;
  color: #6b7280;
  padding: 6px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-report-email-sent .test-report-refresh-icon-button:hover {
  color: #1d4ed8;
  border-radius: 4px;
  background: #eff6ff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-run-on-dropdown-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-run-on-dropdown-container .test-run-on-dropdown-label {
  color: #6b7280;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-run-on-dropdown-container .test-run-on-dropdown-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-run-on-dropdown-container .test-run-on-dropdown-btn .test-run-on-dropdown-btn-value {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header .test-run-on-dropdown-container .test-run-on-without-dropdown-btn-value {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header-left-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header-left-container .test-report-status-action-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  height: 32px;
  background-color: #ffffff;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary-header-left-container .test-report-status-action-btn:hover {
  background-color: #f3f4f6;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: auto;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper {
  position: sticky;
  top: 0px;
  z-index: 9;
  padding-top: 16px;
  background: #f9fafb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  justify-content: center;
  align-items: flex-start;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
  position: sticky;
  top: 16px;
  z-index: 2;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header {
  display: flex;
  gap: 0.25rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .test-report-summary-card-title {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .test-report-summary-card-subtitle {
  color: #9ca3af;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip {
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 9999px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip .bs-badge:not(.bs-badge-not-a-wrapper) {
  margin-right: 0;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip .inbox-score-badge {
  display: flex;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: relative;
  transform: none;
  transform-origin: initial;
  top: 0;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip .inbox-score-text {
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip.active {
  background: #eff6ff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip.active .inbox-score-badge {
  background: #3b82f6;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip.paused {
  background: #fffbeb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip.paused .inbox-score-badge {
  background: #d97706;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip.completed {
  background: #ecfdf5;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip.completed .inbox-score-badge {
  background: #047857;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip.stopped {
  background: #fef2f2;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-card-header .inbox-score-chip.stopped .inbox-score-badge {
  background: #dc2626;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container .test-progress-title {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container .test-progress-bar {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container .test-progress-bar .progress-bar-wrapper {
  width: 13rem;
  height: 0.375rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container .test-progress-bar .progress-bar-wrapper span {
  background-color: #2563eb !important;
  border-radius: 1.25rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container .test-progress-bar .test-sent-count {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container .test-progress-bar .test-total-count {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container .test-report-refresh-icon-button {
  cursor: pointer;
  color: #9ca3af;
  padding: 3px;
  display: flex;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-progress-bar-container .test-report-refresh-icon-button:hover {
  color: #1d4ed8;
  border-radius: 4px;
  background: #eff6ff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 12px 16px;
  align-items: center;
  flex: 1;
  background: #f9fafb;
  border-radius: 4px;
  height: 60px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card .test-report-summary-card-value {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card .test-report-summary-card-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card .test-report-summary-card-label .inbox-value {
  display: flex;
  padding: 4px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card .test-report-summary-card-finding {
  display: flex;
  align-items: baseline;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card .test-report-summary-card-finding .loader {
  width: 16px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side, #000 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
}
@keyframes l1 {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.skeleton-loading {
  background: #f9fafb;
  border: 1px solid #f3f4f6;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.inbox-placement {
  background: #ecfdf5;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.inbox-placement .test-report-summary-card-value,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.inbox-placement .test-report-summary-card-label {
  color: #059669;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.inbox-placement .test-report-summary-card-value .inbox-value,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.inbox-placement .test-report-summary-card-label .inbox-value {
  background: #d1fae5;
  color: #047857;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.inbox-placement .test-report-summary-card-finding {
  color: #34d399;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.inbox-placement .test-report-summary-card-finding .loader {
  background: radial-gradient(circle closest-side, #34d399 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.spam-placement {
  background: #fef2f2;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.spam-placement .test-report-summary-card-value,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.spam-placement .test-report-summary-card-label {
  color: #dc2626;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.spam-placement .test-report-summary-card-value .inbox-value,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.spam-placement .test-report-summary-card-label .inbox-value {
  background: #fee2e2;
  color: #dc2626;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.spam-placement .test-report-summary-card-finding {
  color: #f87171;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.spam-placement .test-report-summary-card-finding .loader {
  background: radial-gradient(circle closest-side, #f87171 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.other-placement {
  background: #fffbeb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.other-placement .test-report-summary-card-value,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.other-placement .test-report-summary-card-label {
  color: #d97706;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.other-placement .test-report-summary-card-value .inbox-value,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.other-placement .test-report-summary-card-label .inbox-value {
  background: #fef3c7;
  color: #d97706;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.other-placement .test-report-summary-card-finding {
  color: #fbbf24;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.other-placement .test-report-summary-card-finding .loader {
  background: radial-gradient(circle closest-side, #fbbf24 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.not-delivered-placement {
  background: #f9fafb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.not-delivered-placement .test-report-summary-card-value,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.not-delivered-placement .test-report-summary-card-label {
  color: #4b5563;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.not-delivered-placement .test-report-summary-card-value .inbox-value,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.not-delivered-placement .test-report-summary-card-label .inbox-value {
  background: #e5e7eb;
  color: #1f2937;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.not-delivered-placement .test-report-summary-card-finding {
  color: #9ca3af;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container-wrapper .test-report-summary-card-container .test-report-summary-cards .test-report-summary-card.not-delivered-placement .test-report-summary-card-finding .loader {
  background: radial-gradient(circle closest-side, #9ca3af 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: auto;
  align-items: flex-start;
  border-radius: 4px;
  background: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-header .sender-email-accounts-header-title {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-header .sender-email-accounts-header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-header .sender-email-accounts-header-actions .sender-email-accounts-header-actions-icon {
  transform: rotate(90deg);
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header:hover {
  background: #f9fafb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header:hover .inbox-placement-item.inbox-placement {
  color: #059669;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header:hover .inbox-placement-item.spam-placement {
  color: #ef4444;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header:hover .inbox-placement-item.other-placement {
  color: #d97706;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header:hover .inbox-placement-item.not-delivered-placement {
  color: #4b5563;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-account-email-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 16px;
  cursor: pointer;
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-account-email-container .sender-email-account-email {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-account-email-container .sender-email-account-email .sender-email-account-email-address {
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-account-email-container .sender-email-account-email .total-sent-count {
  display: flex;
  padding: 0px 6px;
  justify-content: center;
  align-items: baseline;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e5e7eb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-account-email-container .sender-email-account-email .total-sent-count .total-sent {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-account-email-container .sender-email-account-email .total-sent-count .total-count {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-account-email-container .sender-email-account-email .sender-email-account-total-count {
  display: flex;
  border-radius: 4px;
  background: #e5e7eb;
  padding: 2px 6px;
  align-items: center;
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin-left: 0.25rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-accounts-list-item-header-inbox-placement {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-accounts-list-item-header-inbox-placement .inbox-placement-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-accounts-list-item-header-inbox-placement .inbox-placement-item .inbox-placement-item-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item .sender-email-accounts-list-item-header .sender-email-accounts-list-item-header-inbox-placement .inbox-placement-item-divider {
  width: 2px;
  height: 16px;
  border-radius: 1px;
  background: #e5e7eb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .auth-spam-header {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .auth-spam-header .spamassassin-score-analysis-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-container,
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-container {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-container {
  flex: auto;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-container {
  width: 304px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-content {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-content .authentication-item {
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
  cursor: pointer;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-content .authentication-item .authentication-item-label {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-content .authentication-item .authentication-item-status {
  display: flex;
  padding: 2px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-content .authentication-item .authentication-item-status.pass {
  background: #d1fae5;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-content .authentication-item .authentication-item-status.fail {
  background: #fee2e2;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .authentication-content .authentication-item:hover {
  border: 1px solid #dbeafe;
  background: #eff6ff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content {
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
  cursor: pointer;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content:hover {
  border: 1px solid #dbeafe;
  background: #eff6ff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassassin-score-analysis-label {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassassin-score {
  color: #1f2937;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassassin-score.extremely-safe {
  color: #2563eb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassassin-score.safe {
  color: #059669;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassassin-score.warning {
  color: #d97706;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassassin-score.spam-risk {
  color: #dc2626;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassasin-score-tag {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 2px 8px;
  border-radius: 100px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassasin-score-tag.extremely-safe {
  background: #dbeafe;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassasin-score-tag.safe {
  background: #d1fae5;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassasin-score-tag.warning {
  background: #fef3c7;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-analysis-content .spamassasin-score-tag.spam-risk {
  background: #fee2e2;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .auth-spam-container .spamassassin-score-note {
  color: #9ca3af;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list-container .sender-email-account-esp-list-header {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-accounts-list-item-header:hover {
  background: #fff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-accounts-list-item-header .inbox-placement-item.inbox-placement {
  color: #059669;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-accounts-list-item-header .inbox-placement-item.spam-placement {
  color: #ef4444;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-accounts-list-item-header .inbox-placement-item.other-placement {
  color: #d97706;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-accounts-list-item-header .inbox-placement-item.not-delivered-placement {
  color: #4b5563;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table {
  padding: 0px 16px 16px 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list {
  height: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-header .sort-button {
  margin-top: -2px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-header span {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-header tr:hover {
  background: #fff !important;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-header > tr > th {
  border-color: #f3f4f6;
  border-right: 1px solid #f3f4f6;
  padding: 0.79rem 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-header th:first-of-type {
  padding-left: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td {
  border-color: #f3f4f6;
  border-right: 1px solid #f3f4f6;
  padding: 0.54rem 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td span {
  color: #1f2937;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td span.inbox {
  color: #059669;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td span.spam {
  color: #dc2626;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td span.other {
  color: #d97706;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td span.undelivered {
  color: #4b5563;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td span.email-cell {
  font-weight: 400;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body > tr > td span.delivered-to-cell {
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
  min-width: 350px;
  padding-left: 16px;
  min-width: 273px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body td:nth-of-type(2) {
  min-width: 295.6px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body td:nth-of-type(3) {
  min-width: 295.6px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .table-organism-body td:last-of-type {
  border-right: 0.0625rem solid #f3f4f6;
  min-width: 295.6px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-item.expanded .sender-email-accounts-list-item-content .sender-email-account-esp-list .sender-email-account-esp-item .sender-email-account-esp-item-table .table-list .empty-list {
  height: auto;
  margin-top: 2rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-summary-content-container .sender-email-accounts-container .sender-email-accounts-list .sender-email-accounts-list-loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-header {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list {
  height: 100%;
  max-height: 15.5rem;
  padding-right: 5px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header tr:hover {
  background: #fff !important;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  border-bottom: 0.0625rem solid #f3f4f6;
  border-top: 0.0625rem solid #f3f4f6;
  padding-left: 0rem;
  padding: 0.875rem 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th span {
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th:first-of-type {
  border-right: none;
  border-left: 0.0625rem solid #f3f4f6;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th:first-of-type span {
  color: #6b7280;
  font-weight: 700;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th:nth-of-type(2) span {
  color: #6b7280;
  font-weight: 700;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th:nth-of-type(3) span {
  color: #059669;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th:nth-of-type(4) span {
  color: #dc2626;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th:nth-of-type(5) span {
  color: #d97706;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-header > tr > th:last-of-type span {
  color: #1f2937;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body tr:hover {
  box-shadow: none;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body > tr > td {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  border-bottom: 0.0625rem solid #f3f4f6;
  padding: 0.535rem 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body > tr > td span {
  color: #111827;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body > tr > td .empty-list {
  height: 40vh;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
  border-right: none;
  min-width: 242px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:first-of-type span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:first-of-type .esp-icon {
  width: 16px;
  height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:nth-of-type(2) {
  min-width: 242px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:nth-of-type(2) span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:nth-of-type(2) .esp-icon {
  width: 16px;
  height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:nth-of-type(3) {
  min-width: 191.5px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:nth-of-type(4) {
  min-width: 191.5px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:nth-of-type(5) {
  min-width: 191.5px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .esp-placement-report-container .esp-placement-report-table .table-list .table-organism-body td:last-of-type {
  min-width: 191.5px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-header {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs {
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .bs-tabs-top > .bs-tabs-nav::before {
  border-bottom: none;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .bs-tabs-tab {
  color: #9ca3af;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .bs-tabs-tab.bs-tabs-tab-active {
  color: #1d4ed8;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list {
  height: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header tr:hover {
  background: #fff !important;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  border-bottom: 0.0625rem solid #f3f4f6;
  padding-left: 0rem;
  padding: 0.875rem 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th span {
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th:first-of-type span {
  color: #6b7280;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th:nth-of-type(2) span {
  color: #059669;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th:nth-of-type(3) span {
  color: #dc2626;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th:nth-of-type(4) span {
  color: #d97706;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th:nth-of-type(5) span {
  color: #1f2937;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th:nth-of-type(6) span {
  color: #6b7280;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-header > tr > th:last-of-type span {
  color: #6b7280;
  font-weight: 600;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body tr:hover {
  box-shadow: none;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body > tr > td {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  border-bottom: 0.0625rem solid #f3f4f6;
  padding: 0.535rem 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body > tr > td span {
  color: #111827;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body > tr > td .empty-list {
  height: 40vh;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
  min-width: 250px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:first-of-type span {
  color: #1f2937;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(2) {
  min-width: 162.3px;
  max-width: 162.3px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(3) {
  min-width: 162.3px;
  max-width: 162.3px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(4) {
  min-width: 162.3px;
  max-width: 162.3px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(5) {
  min-width: 162.3px;
  max-width: 162.3px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(6) {
  min-width: 162.3px;
  max-width: 162.3px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(6) .score-cell {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(6) .score-cell.extremely-safe {
  color: #2563eb;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(6) .score-cell.safe {
  color: #059669;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(6) .score-cell.warning {
  color: #d97706;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:nth-of-type(6) .score-cell.spam-risk {
  color: #dc2626;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:last-of-type {
  min-width: 162.3px;
  max-width: 162.3px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:last-of-type .risk-level-tag {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 2px 12px;
  border-radius: 100px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:last-of-type .risk-level-tag.extremely-safe {
  background: #dbeafe;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:last-of-type .risk-level-tag.safe {
  background: #d1fae5;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:last-of-type .risk-level-tag.warning {
  background: #fef3c7;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .overview-container .overview-table-container .table-list .table-organism-body td:last-of-type .risk-level-tag.spam-risk {
  background: #fee2e2;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list {
  height: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-header tr:hover {
  background: #fff !important;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-header > tr > th {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 14px 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-header > tr > th span {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body > tr > td {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 8.5px 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body > tr > td .email-address {
  display: flex;
  align-items: center;
  gap: 8px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body > tr > td .email-address .esp-icon {
  width: 16px;
  height: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body > tr > td .email-address .email-name {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body > tr > td span.name-cell {
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body > tr > td span.description-cell {
  color: #6b7280;
  font-weight: 500;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body > tr > td span.score-cell {
  font-weight: 500;
  color: #6b7280;
  font-size: 0.875rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body > tr > td .empty-list {
  height: 40vh;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
  min-width: 250px;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body td:nth-of-type(2) {
  min-width: 194.8px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body td:nth-of-type(3) {
  min-width: 194.8px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body td:nth-of-type(4) {
  min-width: 194.8px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body td:nth-of-type(5) {
  min-width: 194.8px;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .email-authentication-table-container .table-list .table-organism-body td:last-of-type {
  min-width: 194.8px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .manual-external-no-data-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 585px);
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .manual-external-no-data-container .manual-external-no-data-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .manual-external-no-data-container .manual-external-no-data-content .no-data-heading {
  color: #1f2937;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .account-results-container .account-results-tabs .manual-external-no-data-container .manual-external-no-data-content .no-data-description {
  color: #6b7280;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container {
  display: flex;
  padding: 0px 16px 16px 16px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
  top: 16px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-header {
  display: flex;
  align-items: center;
  align-self: flex-start;
  padding-top: 16px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  gap: 0.25rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .locked-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-plan-upgrade-content {
  position: absolute;
  top: 25%;
  width: 743px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 15px 0;
  z-index: 10;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-plan-upgrade-content .test-report-key-summary-plan-upgrade-header {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-plan-upgrade-content .test-report-key-summary--plan-upgrade-messsage {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  margin-bottom: 8px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-plan-upgrade-content .test-report-key-summary-plan-upgrade-btn {
  background: #1d4ed8 !important;
  padding: 6px 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 4px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-plan-upgrade-content .test-report-key-summary-plan-upgrade-btn:hover {
  background: #1e40af !important;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .locked-blur-card-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  position: relative;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .blurred-content {
  flex: 1;
  min-height: 120px;
  filter: blur(13px);
  opacity: 0.5;
  pointer-events: none;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: row;
  gap: 16px;
  width: 100%;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container .test-report-key-summary-card {
  display: flex;
  padding: 18px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #eaedef;
  background: #f9fafb;
  justify-content: space-between;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container .test-report-key-summary-card .test-report-key-summary-card-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container .test-report-key-summary-card .test-report-key-summary-card-message {
  color: #374151;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container .test-report-key-summary-card .test-report-key-summary-card-list {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 7px;
  align-self: stretch;
  flex-wrap: wrap;
  color: #dc2626;
  font-family: Inter;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container .test-report-key-summary-card .test-report-key-summary-card-cta {
  color: #1d4ed8;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container .test-report-key-summary-card .test-report-key-summary-card-cta:hover {
  cursor: pointer;
  text-decoration: underline;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container .test-report-key-summary-card .test-report-key-summary-card-cta.clickable {
  cursor: pointer;
}
.test-report-container .test-report-content-container .test-report-summary-container .test-report-summary .test-report-key-summary-container .test-report-key-summary-card-container .test-report-key-summary-card .test-report-key-summary-card-cta.clickable:hover {
  text-decoration: underline;
}
.test-report-container .test-report-content-container.recurring-test .test-report-summary-container {
  padding: 0px 24px 24px 24px;
}
.test-report-container .test-report-content-container.recurring-test .test-report-summary-container .test-report-summary .test-report-summary-content-container .test-report-summary-card-container {
  top: 16px;
}
.test-report-container .test-report-content-container.recurring-test .test-report-summary-container .test-report-summary .test-report-key-summary-container {
  top: 16px;
}

.test-report-email-accounts-filters.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.test-report-email-accounts-filters .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
  width: 20.25rem;
}
.test-report-email-accounts-filters .transfer-container .transfer-body {
  padding-bottom: 0px;
}
.test-report-email-accounts-filters .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
}
.test-report-email-accounts-filters .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.test-report-email-accounts-filters .transfer-container .transfer-body .transfer-list li:hover, .test-report-email-accounts-filters .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.test-report-email-accounts-filters .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.test-report-email-accounts-filters .transfer-container .transfer-body .transfer-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  border: 0.0625rem solid #e5e7eb;
}
.test-report-email-accounts-filters .transfer-container .transfer-body .transfer-footer .bs-checkbox-wrapper {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.test-run-on-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.test-run-on-dropdown .transfer-container {
  min-width: 11.5625rem;
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 4px;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.test-run-on-dropdown .transfer-container .transfer-body .transfer-list li {
  display: flex;
  padding: 0.5rem 1rem;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.test-run-on-dropdown .transfer-container .transfer-body .transfer-list li:hover {
  background: #eff6ff;
}
.test-run-on-dropdown .transfer-container .transfer-body .transfer-list li .test-run-on-dropdown-option {
  color: #374151;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sender-email-accounts-esp-popover .arrow {
  display: none;
}
.sender-email-accounts-esp-popover.bs-popover-inner {
  padding: 0px;
}
.sender-email-accounts-esp-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
}
.sender-email-accounts-esp-popover .sender-email-accounts-esp-popover-content {
  max-height: 17rem;
  overflow-y: scroll;
  overflow-x: hidden;
  justify-content: flex-start;
}
.sender-email-accounts-esp-popover .sender-email-accounts-esp-popover-content .progress-single-tab .progress-title-bar {
  width: 12.5rem !important;
}
.sender-email-accounts-esp-popover .sender-email-accounts-esp-popover-content .progress-single-tab .progress-score {
  min-width: 4rem !important;
}

.spamassassin-score-analysis-tooltip .tooltip-inner {
  max-width: 215px;
}
.spamassassin-score-analysis-tooltip .tooltip-inner .spamassassin-score-analysis-tooltip-list {
  padding-left: 24px;
  margin-bottom: 0px;
}

.spam-assassin-report-modal-container .modal-dialog {
  max-width: 937px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-content {
  max-height: 570px;
  min-height: 570px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-header .spam-assassin-report-modal-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  margin-top: 16px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-header .spam-assassin-report-modal-header strong {
  color: #1f2937;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-header .spam-assassin-report-modal-header p {
  color: #6b7280;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0 !important;
}
.spam-assassin-report-modal-container .modal-dialog .modal-header .close {
  margin-top: -104px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-header {
  padding-left: 16px;
  padding-right: 16px;
  min-height: auto;
  border-bottom: none;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body {
  padding: 0px 16px 16px 16px !important;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .spam-assassin-report-modal-spam-score {
  color: #4b5563;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .score-cell {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .score-cell.extremely-safe {
  color: #2563eb;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .score-cell.safe {
  color: #059669;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .score-cell.warning {
  color: #d97706;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .score-cell.spam-risk {
  color: #dc2626;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .spamassasin-score-tag {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 2px 12px;
  border-radius: 100px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .spamassasin-score-tag.extremely-safe {
  background: #dbeafe;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .spamassasin-score-tag.safe {
  background: #d1fae5;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .spamassasin-score-tag.warning {
  background: #fef3c7;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .total-spam-score .spamassasin-score-tag.spam-risk {
  background: #fee2e2;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list {
  height: 100%;
  max-height: 410px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-header tr:hover {
  background: #fff !important;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-header > tr > th {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding-left: 0rem;
  padding: 0.5rem 1rem;
  height: 2.875rem;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td {
  border-color: #f3f4f6;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td span {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td span.name-cell {
  line-height: 20px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td span.description-cell {
  color: #6b7280;
  font-weight: 500;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td span.score-cell {
  font-weight: 500;
  color: #6b7280;
  font-size: 0.875rem;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td .empty-list {
  height: 36vh;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td {
  padding: 0.5rem 1rem;
  height: 2.5rem;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  min-width: 337px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:nth-of-type(2) {
  min-width: 367px;
}
.spam-assassin-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:last-of-type {
  border-right: 0.0625rem solid #f3f4f6;
  border-left: 0.0625rem solid #f3f4f6;
  min-width: 194px;
}

.spam-assassin-report-modal-tooltip .tooltip-inner {
  max-width: 281px;
}

.email-authentication-report-modal-container .modal-dialog {
  max-width: 1233px;
}
.email-authentication-report-modal-container .modal-dialog .modal-content {
  min-height: 32.625rem;
}
.email-authentication-report-modal-container .modal-dialog .modal-header .spam-assassin-report-modal-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.email-authentication-report-modal-container .modal-dialog .modal-header .spam-assassin-report-modal-header strong {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.email-authentication-report-modal-container .modal-dialog .modal-header {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  min-height: auto;
  border-bottom: none;
}
.email-authentication-report-modal-container .modal-dialog .modal-body {
  padding: 0px 16px 16px 16px !important;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table {
  max-height: 27.875rem;
  overflow: auto;
  margin-right: -7px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list {
  height: auto;
  overflow: unset;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-header {
  background: #fff;
  box-shadow: none;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-header tr:hover {
  background: #fff !important;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-header > tr > th {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 12px 16px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-header > tr > th span {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  padding: 8.5px 16px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td .email-address {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td .email-address .esp-icon {
  width: 16px;
  height: 16px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td .email-address .email-name {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td span.name-cell {
  line-height: 20px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td span.description-cell {
  color: #6b7280;
  font-weight: 500;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td span.score-cell {
  font-weight: 500;
  color: #6b7280;
  font-size: 0.875rem;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body > tr > td .empty-list {
  height: 40vh;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
  min-width: 280px;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:nth-of-type(2) {
  min-width: 184.2px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:nth-of-type(3) {
  min-width: 184.2px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:nth-of-type(4) {
  min-width: 184.2px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:nth-of-type(5) {
  min-width: 184.2px;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.email-authentication-report-modal-container .modal-dialog .modal-body .spam-assassin-report-modal-table .table-list .table-organism-body td:last-of-type {
  min-width: 184.2px;
}

.test-report-config-popover.bs-popover-inner {
  padding: 0px;
  border-radius: 4px;
  width: 243px;
}
.test-report-config-popover.bs-popover-inner .bs-popover-inner-content {
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
}
.test-report-config-popover.bs-popover-inner .bs-popover-inner-content .test-config-popover-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 203px;
}
.test-report-config-popover.bs-popover-inner .bs-popover-inner-content .test-config-popover-content .test-config-item {
  display: flex;
  flex-direction: column;
}
.test-report-config-popover.bs-popover-inner .bs-popover-inner-content .test-config-popover-content .test-config-item span {
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.test-report-config-popover.bs-popover-inner .bs-popover-inner-content .test-config-popover-content .test-config-item span.label {
  color: #6b7280;
}
.test-report-config-popover.bs-popover-inner .bs-popover-inner-content .test-config-popover-content .test-config-item .copy-icon {
  display: flex;
  padding: 4px;
  height: 24px;
  border-radius: 4px;
  color: #6b7280;
  cursor: pointer;
}
.test-report-config-popover.bs-popover-inner .bs-popover-inner-content .test-config-popover-content .test-config-item .copy-icon:hover {
  background: #dbeafe;
  color: #1d4ed8;
}

.delete-test-modal .modal-content {
  width: 28.125rem;
}

.pause-test-modal .modal-content {
  width: 30.625rem;
}

.delete-test-modal .modal-header,
.pause-test-modal .modal-header {
  padding: 1.5rem 1.5rem 1rem 1.5rem !important;
}
.delete-test-modal .modal-body,
.pause-test-modal .modal-body {
  padding: 0 1.5rem 1.5rem 1.5rem !important;
}
.delete-test-modal .modal-body span,
.pause-test-modal .modal-body span {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.delete-test-modal .modal-footer,
.pause-test-modal .modal-footer {
  padding: 1.25rem 1.5rem 1.25rem 1.5rem !important;
}
.delete-test-modal .modal-footer .shd-button,
.pause-test-modal .modal-footer .shd-button {
  line-height: 1.25rem;
}

.share-report-link-modal .modal-content {
  width: 28.125rem;
}
.share-report-link-modal .modal-body {
  padding: 0 1.5rem 1.5rem 1.5rem !important;
}
.share-report-link-modal .modal-body span {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.share-report-link-modal .modal-body .share-report-link {
  display: flex;
  padding: 0.375rem 0.75rem;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #fff;
  font-size: 0.875rem;
  color: #1f2937;
  font-weight: 400;
  line-height: 1.25rem;
}
.share-report-link-modal .modal-footer {
  padding: 1.25rem 1.5rem 1.25rem 1.5rem !important;
}
.share-report-link-modal .modal-footer .shd-button {
  line-height: 1.25rem;
}

.email-view-modal .modal-content {
  min-width: 46.0625rem;
}
.email-view-modal .modal-header {
  display: flex;
  padding: 8px 16px 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  min-height: auto;
  border-bottom: none;
}
.email-view-modal .modal-header .email-view-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.email-view-modal .modal-header .email-view-modal-header .email-view-modal-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-view-modal .modal-header .email-view-modal-header .email-view-modal-title .step-variant-number {
  display: flex;
  align-items: center;
  padding: 6px 7px;
  border-radius: 4px;
  background: #f3f4f6;
  gap: 6px;
  width: max-content;
}
.email-view-modal .modal-header .email-view-modal-header .email-view-modal-title .step-variant-number .step-number {
  color: #4b5563;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  width: max-content;
}
.email-view-modal .modal-header .email-view-modal-header .email-view-modal-title .step-variant-number .variant-number {
  color: #4b5563;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #ffffff;
}
.email-view-modal .modal-header .email-view-modal-header .email-view-modal-title .sequence-name {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}
.email-view-modal .modal-header .email-view-modal-header .email-view-modal-title .sequence-name span {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.email-view-modal .modal-header .email-view-modal-header .email-view-modal-title .sequence-name .sequence-name-icon {
  display: flex;
}
.email-view-modal .bs-modal-body {
  padding: 16px !important;
}
.email-view-modal .email-view-modal-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.email-view-modal .email-view-modal-body .email-view-modal-subject {
  color: #1f2937;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.email-view-modal .email-view-modal-body .email-view-modal-subject .email-view-modal-subject-label {
  font-weight: 600;
}
.email-view-modal .email-view-modal-body .email-view-modal-note {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.email-view-modal .email-view-modal-body .email-view-modal-note .email-view-modal-note-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
}

.end-list-divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 8px;
  color: #9ca3af;
}
.end-list-divider::before, .end-list-divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #e5e7eb;
}
.end-list-divider span {
  padding: 0 8px;
  font-size: 14px;
}

.esp-placement-report-container-loader {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #f3f4f6;
  background: #fff;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list {
  height: 100%;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-header {
  background: #fff !important;
  box-shadow: none !important;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-header tr:hover {
  background: #fff !important;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-header > tr > th {
  border-color: #f3f4f6 !important;
  border-right: 0.0625rem solid #f3f4f6 !important;
  border-bottom: 0.0625rem solid #f3f4f6 !important;
  padding-left: 0rem;
  padding: 0.5rem 1rem;
  height: 3.0625rem;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-header > tr > th:first-of-type {
  border-right: none !important;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-body tr:hover {
  box-shadow: none;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-body > tr > td {
  border-color: #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
  border-bottom: 0.0625rem solid #f3f4f6;
  padding: 0.8125rem 1rem;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #f3f4f6;
  border-right: none;
  min-width: 164px;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-body td:nth-of-type(2) {
  min-width: 284px;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-body td:nth-of-type(3) {
  min-width: 195.5px;
  max-width: 195.5px;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-body td:nth-of-type(4) {
  min-width: 195.5px;
  max-width: 195.5px;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-body td:nth-of-type(5) {
  min-width: 195.5px;
  max-width: 195.5px;
}
.esp-placement-report-container-loader .esp-placement-report-table-loader .table-list .table-organism-body td:last-of-type {
  min-width: 175.5px;
  max-width: 175.5px;
}

.test-report-status-action-tooltip .tooltip-inner {
  max-width: 156px;
}

.font-size-14 {
  font-size: 0.875rem !important;
}

.authentication-info-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #6b7280;
  margin-left: 0.25rem;
  transition: all 0.2s ease;
}
.authentication-info-icon:hover {
  color: #1d4ed8;
}

.height-55 {
  height: 3.4375rem;
}

.esp-count-pop-animation {
  display: inline-block;
  animation: espCountPop 0.4s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  text-shadow: none;
  filter: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

@keyframes espCountPop {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.15);
    opacity: 1;
  }
  70% {
    transform: scale(0.99);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.test-report-container.inbox-radar-shareable-report {
  height: 100vh;
}
.test-report-container .inbox-radar-shareable-report-header {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  padding: 1.5rem 3.4375rem;
}
.test-report-container .inbox-radar-shareable-report-header__title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  justify-content: space-between;
}
.test-report-container .inbox-radar-shareable-report-header__title .right-icon {
  color: #1f2937;
}
.test-report-container .inbox-radar-shareable-report-header__title .info-icon {
  color: #6b7280;
  cursor: pointer;
}
.test-report-container .inbox-radar-shareable-report-header__title span {
  color: #1f2937;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
.test-report-container .inbox-radar-shareable-report-header__title .shareable-report-header-right .shareable-report-header-right-divider {
  width: 2px;
  height: 32px;
  border-radius: 3px;
  background: #f3f4f6;
}
.test-report-container .inbox-radar-shareable-report-header__title .shareable-report-header-right .view-email-btn {
  cursor: pointer;
}
.test-report-container .inbox-radar-shareable-report-header__title .shareable-report-header-right .view-email-btn .mail-icon {
  color: #6b7280;
}
.test-report-container .inbox-radar-shareable-report-header__title .shareable-report-header-right .view-email-btn span {
  color: #6b7280;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.test-report-container .inbox-radar-shareable-report-header__title .shareable-report-header-right .explore-saleshandy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  background: #1d4ed8;
}
.test-report-container .inbox-radar-shareable-report-header__title .shareable-report-header-right .explore-saleshandy-btn span {
  color: #fff;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.inbox-radar-shareable-report-container {
  background: #f9fafb !important;
  height: calc(100vh - 80px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  gap: 0 !important;
}
.inbox-radar-shareable-report-container .test-report-graph-container {
  padding: 1rem 3.4375rem 0 3.4375rem !important;
}
.inbox-radar-shareable-report-container .test-report-summary-container {
  padding: 1rem 3.4375rem 1.5rem 3.4375rem !important;
}

.inbox-radar-container {
  background-color: #f9fafb;
  height: calc(100vh - 50px);
}
.inbox-radar-container.with-alert-message, .inbox-radar-container.for-demo-account {
  height: calc(100vh - 90px);
}
.inbox-radar-container.with-alert-message .seed-accounts-inner-container, .inbox-radar-container.for-demo-account .seed-accounts-inner-container {
  max-height: calc(100vh - 39.5rem) !important;
}
.inbox-radar-container.with-alert-message .dashboard-content, .inbox-radar-container.for-demo-account .dashboard-content {
  max-height: calc(100vh - 154px) !important;
}
.inbox-radar-container.with-alert-message .dashboard-test-list, .inbox-radar-container.for-demo-account .dashboard-test-list {
  height: calc(100vh - 154px) !important;
}
.inbox-radar-container.with-alert-message .test-report-container, .inbox-radar-container.for-demo-account .test-report-container {
  height: calc(100vh - 90px) !important;
}
.inbox-radar-container.with-alert-message .test-report-container .test-report-content-container, .inbox-radar-container.for-demo-account .test-report-container .test-report-content-container {
  height: calc(100vh - 154px) !important;
}
.inbox-radar-container :focus-visible {
  outline: none;
}

.custom-repeat-modal.shd-modal .modal-content,
.select-email-account-modal.shd-modal .modal-content,
.pause-test-modal.shd-modal .modal-content,
.delete-test-modal.shd-modal .modal-content,
.email-view-modal.shd-modal .modal-content,
.share-report-link-modal.shd-modal .modal-content,
.factor-details-modal.shd-modal .modal-content,
.email-sending-safety-check-modal.shd-modal .modal-content {
  border: none !important;
}
@media (max-height: 645px) {
  .custom-repeat-modal .modal-content,
  .select-email-account-modal .modal-content,
  .pause-test-modal .modal-content,
  .delete-test-modal .modal-content,
  .email-view-modal .modal-content,
  .share-report-link-modal .modal-content,
  .factor-details-modal .modal-content,
  .email-sending-safety-check-modal .modal-content {
    min-height: auto !important;
  }
}
@media (max-height: 590px) {
  .custom-repeat-modal .modal-content,
  .select-email-account-modal .modal-content,
  .pause-test-modal .modal-content,
  .delete-test-modal .modal-content,
  .email-view-modal .modal-content,
  .share-report-link-modal .modal-content,
  .factor-details-modal .modal-content,
  .email-sending-safety-check-modal .modal-content {
    min-height: auto !important;
  }
}
.custom-repeat-modal .modal-dialog,
.select-email-account-modal .modal-dialog,
.pause-test-modal .modal-dialog,
.delete-test-modal .modal-dialog,
.email-view-modal .modal-dialog,
.share-report-link-modal .modal-dialog,
.factor-details-modal .modal-dialog,
.email-sending-safety-check-modal .modal-dialog {
  justify-content: center;
}

.email-view-modal .modal-content {
  width: 737px;
}

.inbox-radar-custom-tooltip {
  margin-top: -2px !important;
}

.inbox-radar-custom-tooltip-align-left {
  margin-left: -30px !important;
}

.spam-assassin-report-modal-container .spam-assassin-email-account-select .title {
  color: #000000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 8px;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .spam-assassin-email-select {
  width: 100%;
  max-width: 300px;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box {
  width: 260px;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  height: 2rem;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box:hover {
  border: 0.0625rem solid #1d4ed8;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box:target {
  border: 0.0625rem solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box:focus {
  border: 0.0625rem solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box .bs-select-box-text.placeholder {
  color: #6b7280;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box .bs-select-box-text.placeholder .gap-6 {
  gap: 6px;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box .bs-select-box-text .gap-6 {
  gap: 6px;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-select .bs-select-box .bs-select-box-text div span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-display .spam-assassin-email-account-display-container {
  display: flex;
  align-items: center;
  gap: 6px;
}
.spam-assassin-report-modal-container .spam-assassin-email-account-display .spam-assassin-email-account-display-container .email-account-name {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

.spam-assassin-email-select .transfer-container .transfer-body .transfer-content {
  max-height: 160px;
}
.spam-assassin-email-select .transfer-container .transfer-body .transfer-search {
  height: 2rem;
}
.spam-assassin-email-select .transfer-container .transfer-body .transfer-content .transfer-list div > li {
  padding: 0.375rem 1rem;
  line-height: 1.25rem;
}
.spam-assassin-email-select .transfer-container .transfer-body .transfer-content .transfer-list div > li span {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reports-container {
  background-color: #fff;
}
.reports-container .reports-main .reports-filter-col {
  padding: 0;
}
.reports-container .reports-main .reports-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  background-color: #fff;
  border-bottom: 1px solid #eaedef;
  box-shadow: 0px 2px 4px #e5e7eb;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-left {
  display: flex;
  align-items: center;
  gap: 1.375rem;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-left .report-help {
  border: 1px solid #dbeafe;
  border-radius: 1.25rem;
  padding: 0.3125rem 1rem;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-left .rotate-90 {
  transform: rotate(90deg);
  display: inline-block;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right {
  display: flex;
  align-items: center;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .divider-vertical {
  height: 1.25rem;
  width: 1px;
  background-color: #e8eff5;
  margin-left: 1.25rem;
  margin-right: -0.75rem;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap {
  width: 10.1875rem;
  height: 2rem;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap .unibox-date-filter-select {
  width: 191px;
  height: 32px;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap .unibox-date-filter-select .transfer-container .transfer-body .transfer-content .transfer-list li .separator {
  border-bottom-width: 0 !important;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap .render-text {
  border: none;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap .bs-select-box {
  height: 100%;
  border: 1px solid #e8eff5;
  background-color: #f9fafb !important;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap .report-date-picker .react-datepicker {
  position: "absolute" !important;
  z-index: 10;
  margin-top: 0.225rem;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap .date-renderer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap .date-renderer img {
  width: 1.125rem;
  height: 1.125rem;
}
.reports-container .reports-main .reports-filter .sequence-filter-menu-right .report-date-filter-select-wrap .date-renderer span {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1f2937;
}
.reports-container .reports-main .reports-stats-container {
  height: calc(100vh - 8rem);
  overflow: hidden;
}
.reports-container .reports-main .reports-empty {
  display: flex;
  justify-content: center;
  margin-top: 13%;
}
.reports-container .reports-main .reports-empty .empty-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reports-container .reports-main .sequences-report-graph {
  margin-top: 1.5rem;
  margin-left: 1.7rem;
  margin-right: 1.2rem;
}
.reports-container .reports-main .sequences-report-graph .graph-wrapper {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.125rem;
  margin-bottom: 1.5rem;
  height: 21.625rem;
  padding: 1.25rem 0.75rem;
}
.reports-container .reports-main .sequences-report-graph .graph-wrapper .sequence-graph-groupby-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: -0.5rem;
}
.reports-container .reports-main .sequences-report-graph .graph-wrapper .sequence-graph-groupby-container .dropdown-custom {
  display: flex;
  justify-content: space-between;
  width: 6.2rem;
  border: 1px solid #ece9f1;
  border-radius: 0.225rem;
  background-color: white;
  z-index: 1;
}
.reports-container .reports-main .sequences-report-graph .graph-wrapper .sequence-graph-groupby-container .dropdown-custom .dropdown-toggle-custom {
  width: 100%;
  justify-content: space-between;
}
.reports-container .reports-main .sequences-report-graph .graph-wrapper .sequence-graph-groupby-container .dropdown-custom .dropdown-menu-custom {
  min-width: 4.75rem;
  border-radius: 0.225rem;
  margin-top: 0.225rem;
}
.reports-container .reports-main .sequences-report-graph .graph-wrapper .sequence-graph-groupby-container .dropdown-custom .dropdown-menu-custom .dropdown-item-custom {
  border: none;
}
.reports-container .reports-main .sequences-report-graph .graph-wrapper .sequence-graph-groupby-container .dropdown-custom .dropdown-menu-custom .selected-item {
  background: #dbeafe;
}
.reports-container .reports-main .sequences-report-graph .graph-loader-wrap {
  width: 100%;
  height: 21.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ece9f1;
  border-radius: 0.225rem;
  margin-bottom: 1.5rem;
}
.reports-container .reports-main .sequences-report-graph .graph-loader-wrap .graph-loader {
  width: 5rem;
}

.sentiment-summary-dropdown {
  margin-left: 8px;
  border: none;
  background: #f3f4f6;
  width: 25px;
  height: 25px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sentiment-summary-dropdown .stage-icon-wrapper {
  color: #1f2937;
  margin-top: 0.1rem;
}

.stage-dropdown {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: 1rem;
}
.stage-dropdown:last-child {
  border-bottom: none;
}
.stage-dropdown .stage-indicator-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}
.stage-dropdown .stage-indicator-wrapper .stage-indicator {
  border-radius: 4px;
  margin-right: 8px;
  width: 3px;
  height: 24px;
  flex-shrink: 0;
}
.stage-dropdown .stage-indicator-wrapper .stage-indicator.positive {
  background: #34d399;
}
.stage-dropdown .stage-indicator-wrapper .stage-indicator.negative {
  background: #f87171;
}
.stage-dropdown .stage-indicator-wrapper .stage-indicator.neutral {
  background: #9ca3af;
}
.stage-dropdown .stage-indicator-wrapper .stage-name {
  flex-grow: 1;
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.stage-dropdown .stage-count-wrapper {
  display: flex;
  align-items: center;
  width: auto;
}
.stage-dropdown .stage-count-wrapper .stage-count {
  margin-right: 0.5rem;
  font-weight: bold;
  color: #1f2937;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.stage-dropdown .stage-count-wrapper .stage-percentage {
  color: #888;
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  font-size: 14px;
}

.percentage-tooltip .tooltip-inner {
  max-width: 250px;
}

.select-sentiment-summary-transfer {
  display: inline-flex;
  padding: 0px !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 3px 8px 24px -6px rgba(15, 34, 67, 0.16);
  max-height: 164px;
  max-width: 25rem;
  min-width: 15.625rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.select-sentiment-summary-transfer .popover-body {
  width: 100%;
}
.select-sentiment-summary-transfer .popover-body .bs-popover-inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}

.report-body-wrapper > tr .text-container {
  width: auto !important;
}

.transfer-multi-select .transfer-container {
  max-width: 240px;
}

.report-graph-tooltip {
  max-width: 15rem;
  text-align: center;
  font-size: 0.625rem;
}

.report-date-filter-select .transfer-container .transfer-body .transfer-content .transfer-list > li {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}

.global-tab-style {
  background-color: #f3f4f6;
  border-radius: 0.25rem;
  height: 2rem;
  width: 14rem;
  padding: 0px 0.125rem;
}
.global-tab-style div {
  width: 7rem;
}
.global-tab-style .active {
  background-color: #fff;
  border-radius: 0.25rem;
  height: 1.7rem;
  width: 6.8rem;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.cs-report-checkbox .bs-checkbox .bs-checkbox-input:checked {
  border: none !important;
}
.cs-report-checkbox .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.cs-report-checkbox .bs-checkbox span:last-child {
  color: #1f2937;
}
.cs-report-checkbox span:last-child {
  padding-right: 0px !important;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.reports {
  position: relative;
  z-index: 1;
}
.reports--content .bs-tabs-tab {
  margin: 0 1.5rem 0 0;
}
.reports--content .with-banner .bs-tabs-content-holder {
  height: 76vh;
}
.reports--content .bs-tabs-content-holder {
  height: 88vh;
  overflow-y: scroll;
}
.reports--content .bs-tabs-nav {
  width: 100%;
  height: 3.5rem;
  margin: 0 0 0 0 !important;
  padding: 0rem 1.5rem;
  background: #fff;
  border-bottom: 0.0625rem solid #eaedef;
  box-shadow: 0rem 0.125rem 0.25rem 0rem #e5e7eb;
  box-sizing: border-box;
}
.reports--content .bs-tabs-nav::before {
  border-bottom: none;
}
.reports--content .bs-tabs-nav .bs-tabs-nav-list {
  gap: 1.5rem;
}
.reports--content .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab {
  margin: 0 !important;
}
.reports--content .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-ink-bar {
  border-radius: 2px 2px 0px 0px;
  background: #1d4ed8;
}
.reports--content .bs-tabs-nav .bs-tabs-tab-active {
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}
.reports--content .sequence-reports__card {
  padding: 1rem 1rem 0px 1rem;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  position: relative;
}
.reports--content .sequence-reports__card .graph-loading-container .graph-loading-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1); /* Semi-transparent background */
  backdrop-filter: blur(2px); /* Blurring effect */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.reports--content .sequence-reports__card .graph-filters .report-tab {
  width: 10.625rem;
  height: 2rem;
  border: 1px solid #eaedef;
}
.reports--content .sequence-reports__card .graph-filters .report-tab div {
  width: 5.25rem;
}
.reports--content .sequence-reports__card .graph-filters .report-tab .active {
  transition: all 0.7s;
}
.reports--content .sequence-reports__card .graph-filters__left .cs-switch {
  margin-top: 0.25rem;
}
.reports--content .sequence-reports__card .graph-filters__left .cs-switch.purple label {
  margin-bottom: 0px !important;
  background: #8b5cf6 !important;
}
.reports--content .sequence-reports__card .graph-filters__left .cs-switch.purple label::after {
  top: 1.5px;
}
.reports--content .sequence-reports__card .graph-filters__left .cs-switch.blue label {
  margin-bottom: 0px !important;
  background: #3b82f6 !important;
}
.reports--content .sequence-reports__card .graph-filters__left .cs-switch.blue label::after {
  top: 1.5px;
}
.reports--content .sequence-reports__card .graph-filters__middle .time-frame {
  display: flex;
  gap: 0.25rem;
}
.reports--content .sequence-reports__card .graph-filters__middle .time-frame__item {
  padding: 0.1875rem 1.3125rem;
}
.reports--content .sequence-reports__card .graph-filters__middle .time-frame__item__text {
  color: #d1d5db;
}
.reports--content .sequence-reports__card .graph-filters__middle .time-frame__active {
  border-radius: 0.25rem;
  outline: 1px solid #eff6ff;
  background: #eff6ff;
}
.reports--content .sequence-reports__card .graph-filters__middle .time-frame__disabled {
  pointer-events: none;
}
.reports--content .sequence-reports__card .graph-filters__right .bs-checkbox-wrapper-disabled {
  opacity: 0.5;
}
.reports--content .sequence-reports__card .chart-container-secondary .apexcharts-legend div:nth-last-child(2),
.reports--content .sequence-reports__card .chart-container-secondary .apexcharts-legend div:nth-last-child(1) {
  display: none !important;
}
.reports--content .sequence-reports__card .chart-container {
  position: relative;
  width: 97.6%;
}
.reports--content .sequence-reports__card .chart-container .apexcharts-xaxis .apexcharts-xaxis-label {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  font-family: "Inter", sans-serif !important;
  color: #4b5563;
}
.reports--content .sequence-reports__card .chart-container .apexcharts-xaxis .apexcharts-xaxis-label:nth-of-type(1) {
  transform: translateX(1.375rem);
}
.reports--content .sequence-reports__card .chart-container .vertical-line {
  height: 75%;
  width: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  position: absolute;
}
.reports--content .sequence-reports__card .chart-container .vertical-line-email .timeline-label {
  width: 4.1875rem;
}
.reports--content .sequence-reports__card .chart-container .vertical-line-left {
  left: -1.1875rem;
  top: 1.375rem;
}
.reports--content .sequence-reports__card .chart-container .vertical-line-right {
  right: -1.25rem;
  top: 1.375rem;
}
.reports--content .sequence-reports__card .chart-container .vertical-line-right .timeline-line:first-child {
  background: linear-gradient(0deg, #dbafff 0%, #dbafff 100%) !important;
}
.reports--content .sequence-reports__card .chart-container .vertical-line-right .timeline-line:last-child {
  background: #9eecb0;
}
.reports--content .sequence-reports__card .chart-container .timeline-line {
  width: 2px;
  flex: 1.5;
  background-color: #60a5fa;
  position: relative;
  border-radius: 0.25rem;
}
.reports--content .sequence-reports__card .chart-container .timeline-label {
  flex: 1;
  transform: rotate(-90deg);
  right: 0;
  display: flex;
  align-items: center;
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.reports--filters {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}
.reports--filters .date-filter-select-wrap {
  width: 12.625rem;
  border-radius: 0.25rem;
  border: 1px solid #d1d5db;
  background-color: #f9fafb;
}
.reports--filters .date-filter-select-wrap:hover {
  background-color: #f3f4f6 !important;
}
.reports--filters .date-filter-select-wrap:focus, .reports--filters .date-filter-select-wrap:focus-within {
  outline: none;
  box-shadow: none;
  border: 1px solid #1d4ed8;
}
.reports--filters .date-filter-select-wrap .bs-select-box {
  border: none !important;
}
.reports--filters .reports-agency-filter {
  background-color: #f9fafb !important;
}
.reports--filters .reports-agency-filter:hover {
  background-color: #f3f4f6 !important;
}
.reports--filters .reports-agency-filter:focus, .reports--filters .reports-agency-filter:focus-within {
  outline: none;
  box-shadow: none;
  border: 1px solid #1d4ed8;
}
.reports--filters .reports-agency-filter .transfer-select-btn-content span {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.reports--filters .bs-select-box {
  width: 10.1875rem;
  height: 2rem;
  border-radius: 4px;
  border: 1px solid #e8eff5;
  background: #f9fafb;
  gap: 0.5rem;
}
.reports--filters .bs-select-box:hover {
  background-color: #f3f4f6 !important;
}
.reports--filters .bs-select-box:focus, .reports--filters .bs-select-box:focus-within {
  outline: none;
  box-shadow: none;
  border: 1px solid #1d4ed8;
}
.reports--filters .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reports--filters .bs-select-box .bs-select-box-text .select-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9ca3af;
}
.reports--filters .bs-select-box .bs-select-box-text .select-icon svg {
  width: 1rem;
  height: 1rem;
}
.reports--filters .bs-select-box .bs-select-box-text span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reports--filters .bs-select-box .bs-select-box-icon-wrapper {
  justify-content: center;
  margin: 0;
  color: #4b5563;
}
.reports--filters .reports-filter-divider {
  width: 0.125rem;
  height: 2rem;
  border-radius: 0.125rem;
  background: #f3f4f6;
}
.reports--filters .reports-domain-filter,
.reports--filters .reports-esp-filter {
  min-width: 9.25rem;
  max-width: 12.25rem;
  width: auto;
  text-align: left;
}
.reports--filters .reports-domain-filter .transfer-select-btn-content,
.reports--filters .reports-esp-filter .transfer-select-btn-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1;
}
.reports--filters .reports-domain-filter .transfer-select-btn-content .transfer-select-btn-text,
.reports--filters .reports-esp-filter .transfer-select-btn-content .transfer-select-btn-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}
.reports--filters .action-btn--export {
  margin-left: 0;
  min-width: 4.5625rem !important;
  width: 4.5625rem !important;
}
.reports--filters .export-dropdown-span {
  font-weight: 400;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.reports--filters .export-dropdown-view {
  display: flex;
  width: fit-content;
  padding: 0.75rem 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: absolute;
  border: 2px solid #f3f4f6;
  border-radius: 6px;
  background-color: #ffffff;
  right: 1rem;
  top: 3rem;
  z-index: 2;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.reports--filters .export-dropdown-view .menu-item {
  padding: 0.375rem 0.75rem;
  color: #1f2937;
}
.reports--filters .export-dropdown-view .menu-item:hover {
  color: #1d4ed8;
  background-color: #eff6ff;
}
.reports--filters .export-dropdown-view .menu-item .menu-text {
  font-weight: 500;
  line-height: 0.2rem;
}
.reports--filters .date-filter-select-wrap {
  min-width: 10.1875rem;
  max-width: 15.1875rem;
  height: 2rem;
  width: fit-content;
}
.reports--filters .email-filters-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  color: #6b7280;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.reports--filters .email-filters-icon:hover {
  color: #1d4ed8;
  background-color: #eff6ff;
}
.reports .vertical-strock {
  border-radius: 5px;
  border: 1px solid #f3f4f6;
  background: #fff;
  width: 2px;
  height: 30px;
  flex-shrink: 0;
}
.reports .graph-share-wrapper {
  padding: 0.375rem;
}
.reports .graph-share-wrapper:focus-visible {
  outline: none;
  box-shadow: none;
  border: none;
}
.reports .graph-share-wrapper.enabled {
  cursor: pointer;
}
.reports .graph-share-wrapper.enabled:hover {
  background-color: #dbeafe;
  border-radius: 0.25rem;
}
.reports .graph-share-wrapper.enabled:hover svg {
  color: #1d4ed8;
}
.reports .graph-share-wrapper.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.reports .export-dropdown-icon {
  color: #6b7280;
  height: 20px;
  width: 20px;
}
.reports .export-cursor-pointer {
  cursor: pointer;
}
.reports .prospects-widgets-container .prospects-widgets-content {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.reports .prospects-widgets-container .segment-container {
  flex: 1;
}
.reports .prospects-widgets-container .segment-container .segment-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.reports .prospects-widgets-container .segment-container .segment-header svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.2s ease;
}
.reports .prospects-widgets-container .segment-container .segment-header svg:hover {
  color: #1d4ed8;
}
.reports .prospects-widgets-container .grid-container {
  padding: 0.5rem 0.4375rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  row-gap: 0.25rem;
  border-radius: 0.25rem;
  outline: 1px solid #e8eff5;
  background-color: #ffffff;
  position: relative;
}
.reports .prospects-widgets-container .grid-container::after {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.0625rem;
  background-color: #f3f4f6;
  border-radius: 0.1875rem;
  top: 50%;
  left: 3.8%;
}
.reports .prospects-widgets-container .grid-item {
  position: relative;
  height: 4.125rem;
  text-align: center;
  border: 1px solid transparent;
}
.reports .prospects-widgets-container .grid-item:nth-child(3n+2):before,
.reports .prospects-widgets-container .grid-item:nth-child(3n+2):after {
  content: "";
  position: absolute;
  top: 0.7188rem;
  bottom: 0;
  width: 1px;
  height: 2.6875rem;
  background-color: #f3f4f6;
}
.reports .prospects-widgets-container .grid-item:nth-child(3n+2):before {
  left: -5.5px;
}
.reports .prospects-widgets-container .grid-item:nth-child(3n+2):after {
  right: -5.5px;
}
.reports .prospects-widgets-container .grid-container > .grid-item:last-child:before {
  border-right: none;
}
.reports .prospects-widgets-container .label-container {
  gap: 0.25rem;
}
.reports .prospects-widgets-container .label {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.reports .prospects-widgets-container .value-container {
  height: 1.25rem;
}
.reports .prospects-widgets-container .value {
  color: #1f2937;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.reports .prospects-widgets-container .sub-value {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-left: 0.5rem;
}
.reports .emails-widgets-container {
  margin: 1.5rem;
  width: calc(100% - 3rem);
}
.reports .emails-widgets-container .emails-widgets-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.reports .emails-widgets-container .emails-widgets-header svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.2s ease;
}
.reports .emails-widgets-container .emails-widgets-header svg:hover {
  color: #1d4ed8;
}
.reports .emails-widgets-container .emails-widgets-summary {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e8eff5;
  background: #fff;
}
.reports .sequences-report {
  padding: 0 1.5rem;
}
.reports .sequences-report .table-list {
  height: 100%;
  margin-bottom: 1.5rem;
}
.reports .sequences-report .table-list .bs-table {
  line-height: 1;
}
.reports .sequences-report .table-list .pagination-container {
  position: relative;
  z-index: 1;
}
.reports .sequences-report .table-list .pagination-container .pagination-row {
  bottom: 1.5625rem;
  right: 1.5rem;
  z-index: 1;
  height: 1.75rem;
}
.reports .sequences-report .table-list .bs-table-content {
  position: relative;
  z-index: 2;
}
.reports .sequences-report .table-list .table-organism-header {
  z-index: 2 !important;
}
.reports .sequences-report .table-list .table-organism-header .fixed-th {
  position: sticky;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: #f9fafb;
}
.reports .sequences-report .table-list .table-organism-header .fixed-th.sequence-name-col {
  left: 2.7919rem;
}
.reports .sequences-report .table-list .table-organism-body tr > td {
  background: #fff;
  transition: all 0.2s ease;
}
.reports .sequences-report .table-list .table-organism-body tr:hover {
  box-shadow: none !important;
}
.reports .sequences-report .table-list .table-organism-body tr:hover td {
  background-color: #f9fafb;
}
.reports .sequences-report .table-list .prospects-report-header-wrapper tr > th {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.reports .sequences-report .table-list .prospects-report-header-wrapper tr > th:last-of-type {
  border-left: 1px solid #e5e7eb;
}
.reports .sequences-report .table-list .report-header-wrapper {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
}
.reports .sequences-report .table-list .report-header-wrapper tr .opened {
  position: relative;
}
.reports .sequences-report .table-list .report-header-wrapper tr .opened::before {
  content: "";
  position: absolute;
  left: 0rem;
  bottom: 0.5625rem;
  background: #e5e7eb;
  width: 0.125rem;
  height: 1.75rem;
}
.reports .sequences-report .table-list .report-header-wrapper tr .replied,
.reports .sequences-report .table-list .report-header-wrapper tr .unsubscribed {
  position: relative;
}
.reports .sequences-report .table-list .report-header-wrapper tr .replied::after,
.reports .sequences-report .table-list .report-header-wrapper tr .unsubscribed::after {
  content: "";
  position: absolute;
  right: 0.1rem;
  bottom: 0.5625rem;
  background: #e5e7eb;
  width: 0.125rem;
  height: 1.75rem;
}
.reports .sequences-report .table-list .report-header-wrapper tr .replied::after {
  right: 0.125rem;
}
.reports .sequences-report .table-list .report-header-wrapper tr th:first-of-type {
  padding-left: 1.25rem !important;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.reports .sequences-report .table-list .report-header-wrapper tr .vertical-line-after {
  position: relative;
}
.reports .sequences-report .table-list .report-header-wrapper tr .vertical-line-after::after {
  content: "";
  position: absolute;
  right: 0.1rem;
  bottom: 0.5625rem;
  background: #e5e7eb;
  width: 0.125rem;
  height: 1.75rem;
}
.reports .sequences-report .table-list .report-body-wrapper {
  height: 3.25rem;
}
.reports .sequences-report .table-list .report-body-wrapper .text-container {
  width: auto;
}
.reports .sequences-report .table-list .report-body-wrapper tr > td:first-child {
  border-left: 1px solid #e5e7eb;
  padding-left: 1.25rem !important;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.reports .sequences-report .table-list .report-body-wrapper tr > td:last-child {
  border-right: 1px solid #e5e7eb;
}
.reports .sequences-report .table-list .report-body-wrapper.email-prospect tr > td, .reports .sequences-report .table-list .report-body-wrapper.email-email tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.reports .sequences-report .table-list .email-report-body-wrapper tr > td:first-child {
  padding-left: 1.25rem !important;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .email-sent,
.reports .sequences-report .table-list .report-body-wrapper > tr .replied {
  position: relative;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .email-sent::after,
.reports .sequences-report .table-list .report-body-wrapper > tr .replied::after {
  content: "";
  position: absolute;
  right: 0.1rem;
  bottom: 0.5625rem;
  background: #e5e7eb;
  width: 0.125rem;
  height: 1.75rem;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .opened {
  position: relative;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .opened::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0.5625rem;
  background: #e5e7eb;
  width: 0.125rem;
  height: 1.75rem;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .replied::after {
  right: 0.125rem;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .sequence-owner,
.reports .sequences-report .table-list .report-body-wrapper > tr .unsubscribe {
  transition: 0.2s ease;
  background-color: #fff;
}
.reports .sequences-report .table-list .report-body-wrapper > tr:hover .sequence-owner,
.reports .sequences-report .table-list .report-body-wrapper > tr:hover .unsubscribe {
  background-color: #f9fafb;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .email-address-cell {
  max-width: 17.25rem;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .email-address-cell .email-address-text {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .email-address-cell a {
  text-decoration: none;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .email-address-cell a:hover {
  text-decoration: none;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .user-name {
  max-width: 10rem;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .active-sequences-field {
  display: flex;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .active-sequences-field .active-sequences-label {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .value-with-percentage {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .value-with-percentage .value {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .value-with-percentage .percentage {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .vertical-line-after {
  position: relative;
}
.reports .sequences-report .table-list .report-body-wrapper > tr .vertical-line-after::after {
  content: "";
  position: absolute;
  right: 0.1rem;
  bottom: 0.5625rem;
  background: #e5e7eb;
  width: 0.125rem;
  height: 1.75rem;
}
.reports .sequences-report .react-bootstrap-table .table {
  margin-bottom: 0 !important;
}
.reports .sequences-report .react-bootstrap-table .table-list {
  position: relative;
  height: fit-content;
  margin-left: 1.7rem;
  margin-right: 1.3rem;
}
.reports .sequences-report .react-bootstrap-table .table-list .text-stack-directional-container {
  justify-content: left;
}
.reports .sequences-report .react-bootstrap-table .table-list .table-organism-header {
  position: sticky;
  top: 0;
}
.reports .sequences-report .react-bootstrap-table .table-list .react-bootstrap-table {
  overflow-x: auto;
}
.reports .sequences-report .react-bootstrap-table .table-list .sequence-name {
  cursor: pointer;
}
.reports .sequences-report .react-bootstrap-table .table-list .sequence-name .text-container {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d4ed8;
  width: auto !important;
}
.reports .sequences-report .react-bootstrap-table .table-list .sequence-owner div {
  width: 7rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reports .sequences-report .react-bootstrap-table .table-list .sequence-owner div .sequence-avatar {
  background-color: #1d4ed8 !important;
  height: 1.5rem;
  width: 1.5rem;
}
.reports .sequences-report .react-bootstrap-table .table-list .sequence-owner div .sequence-avatar .text-primary {
  color: #fff !important;
  font-size: 0.625rem;
}
.reports .sequences-report .react-bootstrap-table .table-list .sequence-owner div .sequence-avatar .bs-avatar-string {
  bottom: -10%;
}
.reports .sequences-report .react-bootstrap-table .table-list .email-sent {
  position: relative;
}
.reports .sequences-report .react-bootstrap-table .table-list .email-sent::after {
  content: "";
  position: absolute;
  right: -0.4rem;
  bottom: 0.575rem;
  background: #e5e7eb;
  width: 0.125rem;
  height: 2.6875rem;
}
.reports .managers-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
}
.reports .sequences-prospects-report .table-list {
  height: 100%;
}

.reports-filter-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.reports-filter-dropdown .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
}
.reports-filter-dropdown .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
}
.reports-filter-dropdown .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.reports-filter-dropdown .transfer-container .transfer-body .transfer-list li:hover, .reports-filter-dropdown .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.reports-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reports-filter-dropdown .transfer-container .transfer-body .transfer-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  border: 0.0625rem solid #e5e7eb;
}
.reports-filter-dropdown .transfer-container .transfer-body .transfer-footer .bs-checkbox-wrapper {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.reports-filter-dropdown.sequence-filter .transfer-container {
  width: 26.25rem !important;
}
.reports-filter-dropdown.sequence-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}
.reports-filter-dropdown.esp-filter .transfer-container {
  width: 15.5rem !important;
}
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body .esp-option {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body .esp-option .bs-checkbox-wrapper {
  margin-right: 0.5rem;
}
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body .esp-option .esp-name {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body .transfer-content .transfer-empty {
  margin: 2rem 0;
}
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body .transfer-content .transfer-empty img {
  width: 4.8475rem;
  height: 5rem;
  margin: 0;
}
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body .transfer-content .transfer-empty h1,
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body .transfer-content .transfer-empty p {
  color: #1f2937;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.125rem;
  margin: 1rem 0 0.5rem 0;
}
.reports-filter-dropdown.esp-filter .transfer-container .transfer-body .transfer-content .transfer-empty p {
  width: 12.125rem;
  color: #9ca3af;
  font-weight: 400;
  margin: 0;
}

.report-plan-based-restriction {
  width: 100%;
  height: calc(100vh - 7.375rem);
  overflow-y: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.report-plan-based-restriction .shd-empty-list {
  justify-content: flex-start;
  gap: 0;
}
.report-plan-based-restriction .shd-empty-list--image {
  width: auto;
  height: auto;
}
.report-plan-based-restriction .shd-empty-list--body {
  gap: 0.5rem;
  max-width: 37.5rem;
  padding-bottom: 2rem;
}
.report-plan-based-restriction .shd-empty-list--title {
  text-align: center;
}
.report-plan-based-restriction .shd-empty-list--description {
  color: #6b7280;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 2rem;
}
.report-plan-based-restriction .shd-empty-list .shd-empty-list--body {
  gap: 0;
}
.report-plan-based-restriction .shd-empty-list .shd-empty-list--body .shd-empty-list--description {
  margin-top: 0.5rem;
}

.reports-popover {
  width: 17.8125rem;
  max-width: 17.8125rem;
}
.reports-popover.bs-popover-inner {
  border-radius: 0.25rem;
  border: 0.0625rem solid #f3f4f6;
  background: #fff;
  padding: 0.625rem;
  filter: drop-shadow(-2px 2px 4px rgba(0, 0, 0, 0.25));
}
.reports-popover.bs-popover-inner .bs-popover-inner-content {
  padding: 0;
}
.reports-popover.bs-popover-inner .bs-popover-inner-content .content {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.reports-popover.bs-popover-inner .bs-popover-inner-content .content svg {
  color: #9ca3af;
}
.reports-popover.bs-popover-inner .bs-popover-inner-content p {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
  width: 14.625rem;
}
.reports-popover.bs-popover-inner .bs-popover-inner-content p a {
  color: #1d4ed8;
}
.reports-popover.bs-popover-inner .bs-popover-inner-content .popover-close {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.report-widget-cursor {
  cursor: default;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.report-widget-percentage {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.reports-widget-tooltip .tooltip-inner {
  max-width: 14.875rem !important;
}

.report-trend-widget-wrapper {
  width: fit-content;
}

.report-trend-widget-tooltip .tooltip-inner {
  max-width: 10.875rem !important;
}

.reports-countBy-tooltip .tooltip-inner {
  max-width: 15.875rem !important;
}

.share-graphical-reports-modal .modal-dialog {
  max-width: 58.5rem;
}
.share-graphical-reports-modal .modal-body .image-preview {
  width: 100%;
}
.share-graphical-reports-modal .modal-body .image-preview .header-input {
  width: 15rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content {
  margin-top: 0.875rem;
  height: 28.5rem;
  border-radius: 0.25rem;
  padding: 1.625rem 1rem 0.5rem 1rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper {
  border-radius: 0.5rem;
  border: 1px solid #f3f4f6;
  background-color: #ffffff;
  height: 25rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .header-container {
  position: absolute;
  padding: 0.125rem 0.75rem;
  border-radius: 1.25rem;
  border: 1px solid #f3f4f6;
  background-color: #ffffff;
  top: -0.8125rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .statistics {
  margin-top: 1.625rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .statistics__card .item > .content .semibold-4 {
  font-size: 1rem !important;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .statistics__card .item > .content .reports-widget-percentage {
  font-size: 0.625rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .statistics__card .item > .content .report-widget-cursor {
  font-size: 0.625rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .statistics__card .vertical-stock {
  margin: 0 0.75rem;
  height: 2.5rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container {
  width: 93% !important;
  height: fit-content;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .vertical-line {
  height: 67%;
  width: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  position: absolute;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .vertical-line-left {
  left: 1rem;
  top: 1.875rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .vertical-line-right {
  right: 1rem;
  top: 1.5rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .vertical-line-right .timeline-label {
  margin: 1.25rem 0;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .vertical-line-right .timeline-line:first-child {
  background: linear-gradient(0deg, #dbafff 0%, #dbafff 100%) !important;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .vertical-line-right .timeline-line:last-child {
  background: #9eecb0;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .timeline-line {
  width: 2px;
  flex: 1.5;
  background-color: #60a5fa;
  position: relative;
  border-radius: 0.25rem;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .timeline-label {
  flex: 1;
  transform: rotate(-90deg);
  right: 0;
  display: flex;
  align-items: center;
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin: 0.5rem 0px;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .apexcharts-xaxis .apexcharts-xaxis-label {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  font-family: "Inter", sans-serif !important;
  color: #4b5563;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .apexcharts-xaxis .apexcharts-xaxis-label:nth-of-type(1) {
  transform: translateX(1.375rem);
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .apexcharts-legend .apexcharts-inactive-legend {
  display: none !important;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .apexchartsgraph-report {
  width: 100% !important;
  display: flex;
  justify-content: center;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container .apexchartsgraph-report .apexcharts-svg {
  width: 100% !important;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container-secondary {
  width: 91% !important;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container-primary .apexcharts-legend div:nth-last-child(1) {
  display: none !important;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container-tertiary .apexcharts-legend .apexcharts-inactive-legend {
  display: none !important;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .img .chart-container-tertiary .apexcharts-legend div:first-child {
  display: none !important;
}
.share-graphical-reports-modal .modal-body .image-preview__content .content-wrapper .image-content .hide-numbers > .chart-container > .apexchartsgraph-report > .apexcharts-svg > .apexcharts-yaxis-label {
  display: none;
}
.share-graphical-reports-modal .client-logo {
  height: 14px;
}

.statistic-card {
  flex: 1;
  padding: 1rem 2rem;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.statistic-card.statistic-card.flex-2 {
  flex: 2;
}
.statistic-card.statistic-card.flex-3 {
  flex: 3;
}
.statistic-card .item .content .reports-statistic-card-value {
  color: #1f2937;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.statistic-card .item .content .reports-widget-percentage {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.statistic-card .vertical-stock {
  width: 0.0625rem;
  height: 100%;
  border-radius: 0.1875rem;
  background-color: #f3f4f6;
  margin: 0 1.25rem;
}

.domain-filter-select .transfer-container {
  max-width: 21.25rem !important;
  min-width: 21.25rem !important;
  min-height: 22.5rem !important;
}
.domain-filter-select .transfer-container .transfer-body {
  padding-bottom: 0 !important;
}
.domain-filter-select .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
  margin-bottom: 0.5rem;
}
.domain-filter-select .transfer-container .transfer-body .loader-wrapper {
  min-height: 5.875rem;
}
.domain-filter-select .transfer-container .transfer-body .transfer-content {
  min-height: 16.4375rem;
}
.domain-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty {
  margin: 0;
  margin-top: 4.5625rem;
}
.domain-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty img {
  width: 4.8475rem;
  height: 5rem;
  margin: 0;
}
.domain-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty h1,
.domain-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty p {
  color: #1f2937;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.125rem;
  margin: 1rem 0 0.5rem 0;
}
.domain-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty p {
  width: 12.125rem;
  color: #9ca3af;
  font-weight: 400;
  margin: 0;
}
.domain-filter-select .transfer-container .separator {
  align-items: flex-start !important;
  padding: 0 !important;
  line-height: 1.25rem !important;
  position: relative;
}
.domain-filter-select .transfer-container .separator .checkbox-wrapper {
  width: 1rem;
  height: 1rem;
  margin-right: 0 !important;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
}
.domain-filter-select .transfer-container .separator .bs-checkbox-wrapper {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.domain-filter-select .transfer-container .separator .bs-checkbox-wrapper .bs-checkbox {
  top: 0;
}
.domain-filter-select .transfer-container .separator .option-content {
  width: 100%;
}
.domain-filter-select .transfer-container .separator:hover {
  background: transparent !important;
}
.domain-filter-select .transfer-container .shd-accordion {
  width: 100%;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__item {
  padding: 0;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
  background-color: transparent !important;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__heading {
  padding: 0.375rem 1rem;
  transition: all 0.2s ease;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__heading:hover {
  background: #eff6ff;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__button {
  padding: 0;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  background-color: transparent !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__button::before {
  display: none;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__button svg {
  color: #9ca3af;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__panel {
  border: none;
  padding: 0.5rem 0rem;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  background: rgba(249, 250, 251, 0.6);
}
.domain-filter-select .transfer-container .shd-accordion .accordion__panel .domain-email-account {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0.375rem 1.75rem;
  transition: all 0.2s ease;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__panel .domain-email-account .bs-checkbox-wrapper {
  margin-right: 0.5rem;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__panel .domain-email-account .bs-checkbox-wrapper .bs-checkbox {
  top: 0;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__panel .domain-email-account .bs-checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__panel .domain-email-account .domain-email-account-esp-icon {
  margin-right: 0.25rem;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__panel .domain-email-account .domain-email-account-name {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.domain-filter-select .transfer-container .shd-accordion .accordion__panel .domain-email-account:hover {
  background: #eff6ff;
}
.domain-filter-select .transfer-container .single-domain-email-account {
  padding: 0.375rem 1rem;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-left: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.domain-filter-select .transfer-footer {
  padding: 0.5rem 1rem !important;
  border-top: 0.0625rem solid #e5e7eb;
  border-radius: 0 0 0.25rem 0.25rem;
}
.domain-filter-select .team-filter-footer .bs-checkbox-wrapper span:last-of-type {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.domain-filter-select .team-filter-footer .apply-btn {
  line-height: 1.25rem;
}

.sequence-name-analytics {
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.templates-container {
  height: 100% !important;
  width: 100% !important;
  overflow-y: hidden;
}
.templates-container .filters {
  padding: 1.5rem 1.875rem;
}
.templates-container div.search .bs-input-affix-wrapper,
.templates-container div.search button.add-templates {
  height: 2rem;
}
.templates-container .template-title:hover {
  cursor: pointer;
}
.templates-container .template-title .template-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
  margin-left: 0.25rem;
}
.templates-container .template-title .template-icon i {
  color: #9ca3af;
  font-size: 0.875rem;
}
.templates-container .template-title .template-icon:hover i {
  color: #1f2937;
}
.templates-container .template-list-table {
  padding: 0rem 1.875rem;
}
.templates-container .table-list {
  height: calc(100vh - 8rem);
  overflow-y: auto;
}
.templates-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr td:first-of-type {
  border-left: 0.0625rem solid #e5e7eb;
}
.templates-container .table-list .react-bootstrap-table .table-organism .table-organism-body tr td:last-of-type {
  border-right: 0.0625rem solid #e5e7eb;
}
.templates-container .empty-list-container {
  height: calc(100vh - 13rem);
  width: 100%;
}
.templates-container .add-templates {
  margin-left: 1.25rem;
}

.template-title-tooltip > .tooltip-inner {
  max-width: 15rem !important;
}

.template-subject-tooltip > .tooltip-inner {
  max-width: 30rem !important;
}

.growth-hub {
  display: flex;
  grid-gap: 1.5625rem;
  height: 92%;
  min-width: 76rem;
  width: 100%;
}
.growth-hub__hide {
  display: none;
  transition: opacity 1s ease-out;
  opacity: 0;
}
.growth-hub__left-container {
  min-width: 20.5rem;
  width: 24rem;
  height: 79%;
  transition: visibility 0s, opacity 0.5s linear;
}
.growth-hub__left-container .lesson-container {
  height: 95%;
  overflow-y: auto;
}
.growth-hub__left-container .lesson-container .shd-accordion {
  gap: 0px;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item {
  border: 1px solid #e5e7eb !important;
  border-bottom: 0px !important;
  border-radius: 0px;
  box-shadow: none;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item:last-child {
  border-bottom: 1px solid #e5e7eb !important;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__heading {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__button {
  background-color: transparent !important;
  padding: 0px;
  position: relative;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__button::before {
  position: absolute;
  right: 0px;
  color: #6b7280;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__button .circular-progress {
  height: 1.5rem;
  width: 1.5rem;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__button:hover .hover-underline {
  text-decoration: underline;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel {
  padding: 0px;
  border-top: 1px solid #e5e7eb;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter {
  position: relative;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-item {
  padding: 0.5rem 1.5rem;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-item:first-child {
  margin-top: 0.25rem;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-item:last-child .chapter-track::before {
  content: none;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-item:hover .hover-underline {
  text-decoration: underline;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-track {
  width: 1rem;
  height: 1rem;
  border-radius: 60%;
  border: 1px solid #9ca3af;
  background-color: #ffffff;
  margin-top: 0.1875rem;
  margin-right: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-track .gray-txt-1 {
  margin-top: 0.125rem;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-track-current {
  border: 1px solid #059669;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-track-completed {
  border: 1px solid #059669;
  background-color: #059669;
}
.growth-hub__left-container .lesson-container .shd-accordion .accordion__item .accordion__panel .chapter-track::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 2.4rem;
  top: 0.9rem;
  background-color: #9ca3af;
}
.growth-hub__right-container {
  padding-bottom: 1.25rem;
  width: 100%;
  transition: height 0.3s ease-out;
  position: relative;
}
.growth-hub__right-container .master-class-content {
  height: 100%;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  background-color: #ffffff;
}
.growth-hub__right-container .master-class-content__header {
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  box-shadow: 0px 1px 4px #f3f4f6;
}
.growth-hub__right-container .master-class-content__section {
  padding: 1.5rem 4.5rem;
  height: calc(100% - 6.7rem);
  overflow-y: scroll;
  text-align: justify;
}
.growth-hub__right-container .master-class-content__footer {
  padding: 0.75rem 1.5rem;
  border-top: 1px solid #f3f4f6;
  box-shadow: 0px 1px 4px #f3f4f6;
}

.check-icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: 0 !important;
}

.trophy-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.circle-check-icon {
  width: 1.5rem;
  height: 1.5625rem;
}

.mailbox-emails--container {
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.mailbox-emails--header {
  padding: 1.5625rem 1.875rem;
}
.mailbox-emails--search {
  width: 12.625rem !important;
  height: 2rem !important;
  margin-right: 1.25rem;
}
.mailbox-emails--recipients {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 2.5rem;
}
.mailbox-emails--recipients__name {
  margin: 0 !important;
  color: #1f2937;
  white-space: nowrap;
}
.mailbox-emails--recipients__tooltip .tooltip-inner {
  word-break: break-all;
}
.mailbox-emails--recipients__email-warpper {
  display: flex;
  align-items: center;
}
.mailbox-emails--recipients__email {
  color: #4b5563;
}
.mailbox-emails--recipients__badge {
  padding: 0px 0.1875rem;
  max-width: 3.75rem;
  min-width: 3rem;
  height: 1.25rem;
  background: #f3f4f6;
  border: 0.0625rem solid #dbeafe;
  border-radius: 0.25rem;
  color: #6b7280;
  cursor: pointer;
  user-select: none;
}
.mailbox-emails--recipients__list {
  max-height: 7.4375rem;
  overflow-y: auto;
  padding: 0.375rem;
}
.mailbox-emails--recipients__list span {
  color: #ffffff;
  display: block;
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin-bottom: 0.375rem;
}
.mailbox-emails--recipients__list::-webkit-scrollbar {
  width: 0.25rem;
}
.mailbox-emails--recipients__list::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #6b7280;
}
.mailbox-emails--recipient-popover {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.9375rem;
}
.mailbox-emails--recipient-popover .bs-popover-inner-content {
  padding: 0 !important;
}
.mailbox-emails--activity-modal .modal-header {
  border-bottom: none;
  align-items: flex-start;
}
.mailbox-emails--activity-modal .modal-body {
  padding: 0 !important;
  overflow: hidden;
  max-height: calc(90vh - 6.1rem) !important;
}
.mailbox-emails--activity-modal .modal-dialog {
  width: 45rem;
  max-width: 45rem;
}
.mailbox-emails--activity-modal .modal-content {
  height: 35rem;
  border-radius: 0.5rem !important;
}
.mailbox-emails--activity-tabs .bs-tabs-tabpane.mailbox-email-link-clicked .log-activity::after {
  height: calc(100% - 3.25rem);
}
.mailbox-emails--activity-tabs .bs-tabs-tabpane.mailbox-email-link-clicked .icon-log-container {
  height: auto;
  align-items: flex-start;
}
.mailbox-emails--activity-tabs .bs-tabs-tabpane.mailbox-email-link-clicked .icon-log-container .icon-container-wrapper {
  height: 2rem;
}
.mailbox-emails--activity-tabs .bs-tabs-nav {
  height: 3rem;
  padding: 0 1.5rem;
}
.mailbox-emails--activity-tabs .bs-tabs-nav::before {
  border-bottom-color: #f3f4f6;
}
.mailbox-emails--activity-tabs .bs-tabs-tab.bs-tabs-tab-active {
  background-color: #eff6ff;
}
.mailbox-emails--activity-tabs .bs-tabs-tab.bs-tabs-tab-active .tab-wrapper .label-wrapper {
  color: #1d4ed8;
  font-weight: 500;
}
.mailbox-emails--activity-tabs .bs-tabs-tab.bs-tabs-tab-active .tab-wrapper .counter-wrapper {
  color: #1d4ed8;
}
.mailbox-emails--activity-tabs .bs-tabs-tab .tab-wrapper .label-wrapper {
  color: #1f2937;
}
.mailbox-emails--activity-tabs .bs-tabs-tab .tab-wrapper .icon-wrapper img {
  width: 1.5rem;
  height: 1.5rem;
}
.mailbox-emails--activity-tabs .bs-tabs-tab .tab-wrapper .counter-wrapper {
  color: #4b5563;
  font-weight: 500;
}
.mailbox-emails--activity-tabs .bs-tabs-ink-bar {
  border-radius: 0.25rem;
  background-color: #1d4ed8;
}
.mailbox-emails--activity-tabs .bs-tabs-content-holder {
  height: 100%;
  padding-left: 1.5rem;
}
.mailbox-emails--activity-tabs .bs-tabs-content-holder .bs-tabs-content {
  height: 24rem;
  overflow-y: auto;
}
.mailbox-emails--activity-tabs .bs-tabs-content-holder .bs-tabs-content .log-activity .day-text {
  background-color: #f3f4f6;
  color: #1f2937;
  border-radius: 0.125rem;
  font-weight: 500;
  font-size: 0.75rem;
}
.mailbox-emails--btn-solid__danger {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
}
.mailbox-emails--empty-list .empty-list {
  height: 100vh;
}
.mailbox-emails--empty-list .empty-list .empty-list__body-vertical {
  width: auto;
  text-align: center;
}
.mailbox-emails--table-actions {
  height: 100%;
}
.mailbox-emails--table-actions div {
  color: #6b7280;
  font-size: 1.125rem;
  transition: all 0.2s ease;
}
.mailbox-emails--table-actions div.bell-off {
  color: #9ca3af;
}
.mailbox-emails--table-actions div:hover, .mailbox-emails--table-actions div.bell-off:hover {
  color: #1d4ed8;
}
.mailbox-emails--activity-label {
  color: #1f2937;
}
.mailbox-emails--activity-log {
  color: #6b7280;
}
.mailbox-emails--activity-log img {
  margin-top: -0.125rem;
}
.mailbox-emails--activity-link {
  width: max-content;
  max-width: 38rem;
}
.mailbox-emails--activity-link .link-wrapper {
  max-width: 38rem;
  height: 1.75rem;
  padding: 0.25rem 0.625rem;
  margin-top: 0.25rem;
  background: #f9fafb;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  box-sizing: border-box;
  color: #6b7280;
  font-weight: 500;
  text-decoration: none;
}
.mailbox-emails--activity-link .link-wrapper img {
  margin-right: 0.5rem;
}
.mailbox-emails--activity-link .tooltiptext {
  max-width: 38rem !important;
  font-size: 0.75rem;
  font-weight: 500;
}
.mailbox-emails--sender-select {
  width: 17.25rem;
}
.mailbox-emails--sender-select:hover, .mailbox-emails--sender-select:focus {
  border-color: #9ca3af !important;
}
.mailbox-emails--sender-select .bs-select-box .bs-select-box-icon-wrapper {
  color: #9ca3af;
}
.mailbox-emails--sender-select .selected-option img {
  width: 1rem;
  height: 1.25rem;
}
.mailbox-emails--sender-select__option {
  white-space: nowrap;
}
.mailbox-emails .table-list {
  padding-left: 1.5rem;
  margin-right: 1.5rem;
}
.mailbox-emails .table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type {
  padding-left: 0;
}
.mailbox-emails .table-list .react-bootstrap-table .table-organism .table-organism-body tr td {
  height: 4.0625rem;
  max-height: 4.0625rem;
}
.mailbox-emails .table-list .react-bootstrap-table .table-organism .table-organism-body tr td:first-of-type {
  border-left: 0.0625rem solid #e5e7eb;
}
.mailbox-emails .table-list .react-bootstrap-table .table-organism .table-organism-body tr td:last-of-type {
  padding-left: 0;
  border-right: 0.0625rem solid #e5e7eb;
}
.mailbox-emails .table-list .grid-flex {
  justify-content: space-between;
}
.mailbox-emails--actions button {
  height: 2rem;
  margin-right: 0.3rem;
}

.opened-clicked-col {
  width: max-content;
  max-width: 4.375rem;
  font-weight: 500;
  transition: 0.2s all ease;
}
.opened-clicked-col img.img-icon-hover {
  display: none;
  width: 1.25rem;
  height: 1.25rem;
}
.opened-clicked-col:hover {
  color: #1d4ed8;
}
.opened-clicked-col:hover img.img-icon {
  display: none;
}
.opened-clicked-col:hover img.img-icon-hover {
  display: inline-block;
}
.opened-clicked-col__disabled {
  color: #9ca3af;
}
.opened-clicked-col__no-hover:hover {
  color: #111827;
}

.activity-link-clicked {
  max-width: 38rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.activity-link-clicked .tooltiptext {
  word-break: break-all;
  left: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}

.mailbox-empty-block {
  width: 374px;
}
.mailbox-empty-block .empty-icon-wrapper {
  width: 4.8519rem;
  height: 3.125rem;
}
.mailbox-empty-block .empty-icon-wrapper img {
  width: 100%;
  height: 100%;
}
.mailbox-empty-block .empty-message-wrapper {
  margin-top: 1.5rem;
}
.mailbox-empty-block .empty-message-wrapper .empty-message-heading {
  margin-bottom: 0.625rem;
}

.warmup-banner {
  padding: 0.75rem 1.5rem;
}
.warmup-banner span {
  max-width: 56.75rem;
}

.warmup-container .header-container {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
.warmup-container .header-container .bs-select-box {
  width: 19.6875rem;
  background: #fff;
  color: #1f2937;
  margin-right: 1.875rem;
}
.warmup-container .header-container .bs-select-box img {
  margin-right: 0.5rem;
}
.warmup-container .header-container label {
  margin-bottom: 0 !important;
}
.warmup-container .header-container .reconnect-btn {
  cursor: pointer;
}
.warmup-container .header-container .reconnect-btn p {
  font-weight: 500;
}
.warmup-container .header-container .reconnect-btn img {
  color: #6b7280;
  margin-right: 0.5rem;
}
.warmup-container .header-container .warmup-setting-btn {
  margin-left: 1rem;
  color: #6b7280;
  border-color: #6b7280;
}
.warmup-container .header-container .warmup-setting-btn img {
  margin-right: 0.5rem;
}
.warmup-container .header-container .warmup-setting-btn:hover {
  color: #6b7280;
  border-color: #6b7280;
}

.email-warmup-report-stat {
  margin: 0 1.875rem;
  border: 0.0625rem solid #eaedef;
  border-radius: 0.25rem !important;
  overflow: hidden;
}
.email-warmup-report-stat--header {
  height: 2.5rem;
  background-color: #f3f4f6;
  border-bottom: 0.0625rem solid #eaedef;
  padding: 0 2.5rem;
}
.email-warmup-report-stat__item {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.375rem;
  color: #4b5563;
  padding: 0;
}
.email-warmup-report-stat__item span {
  font-weight: normal;
  margin-left: 0.125rem;
}
.email-warmup-report-stat__item:nth-of-type(1), .email-warmup-report-stat__item:nth-of-type(2) {
  width: 12.5rem;
}
.email-warmup-report-stat__item:nth-of-type(3) {
  margin-left: 4.375rem;
}
.email-warmup-report-stat--body {
  padding: 0 2.5rem;
}
.email-warmup-report-stat--body-item:nth-of-type(1), .email-warmup-report-stat--body-item:nth-of-type(2) {
  min-width: 12.5rem;
  max-width: 12.5rem;
}
.email-warmup-report-stat--body-item.deliverability-item {
  width: 43.75rem;
}

.email-warmup-separator {
  width: 0rem;
  height: 10.9375rem;
  background-color: #e5e7eb;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  margin-left: 0.3125rem;
}
.email-warmup-separator--large {
  margin-right: 1.5rem;
}
.email-warmup-separator--small {
  height: 7.25rem;
}

.email-deliverability-stats {
  margin-top: 1.25rem;
}
.email-deliverability-stats:last-of-type {
  margin-bottom: 1.25rem;
}
.email-deliverability-stats p {
  line-height: 0.9375rem;
  color: #6b7280;
}
.email-deliverability-stats h4 {
  margin-top: 0.625rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.email-deliverability-stats h4 div {
  margin-left: 0.625rem;
}

.chart-tooltip {
  padding: 0.625rem 1rem;
  width: 10.75rem;
  height: 2.5rem;
  background: #374151;
  box-sizing: border-box;
  box-shadow: 0.1875rem 0.5rem 20.25rem -0.375rem rgba(15, 34, 67, 0.16);
  border-radius: 0.5rem;
}
.chart-tooltip__legend {
  width: 0.125rem;
  margin-right: 0.5rem;
  box-sizing: border-box;
}
.chart-tooltip__legend--spam {
  background: #fee2e2;
  border: 0.03125rem solid #b91c1c;
}
.chart-tooltip__legend--inbox {
  background: #d1fae5;
  border: 0.03125rem solid #059669;
}
.chart-tooltip__label, .chart-tooltip__percent {
  line-height: 1.25rem;
  color: #ffffff;
}

.chart-legend--wrapper:first-of-type {
  margin-bottom: 1rem;
}
.chart-legend__marker {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.625rem;
  border-radius: 50%;
  box-sizing: border-box;
}
.chart-legend__marker.inbox {
  background: #d1fae5;
  border: 0.0625rem solid #059669;
}
.chart-legend__marker.spam {
  background: #fee2e2;
  border: 0.0625rem solid #b91c1c;
}
.chart-legend__label {
  font-weight: 400;
  font-size: 0.75rem;
  color: #1f2937;
}

.deliverability-stats__wrapper {
  margin-bottom: 1rem;
}
.deliverability-stats__wrapper span {
  line-height: 1.25rem;
}
.deliverability-stats__wrapper span:first-of-type {
  width: 6.25rem;
  margin-right: 1.25rem;
  color: #6b7280;
}
.deliverability-stats__wrapper span:last-of-type {
  color: #1f2937;
}

.setting-input-row {
  margin-bottom: 1.25rem;
}
.setting-input-row .bs-input-number-container .bs-input-number-disabled {
  opacity: 0.5;
}

.settings-input .bs-input-number-input {
  border-radius: 0.25rem;
  height: 2.25rem;
}
.settings-input .bs-input-number-handler-wrap {
  background: #f3f4f6;
}
.settings-input--label,
.settings-input label.bs-input-label-prefix {
  font-size: 12px;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #6b7280;
  margin-bottom: 0.3125rem;
}
.settings-input--label--recommendation,
.settings-input label.bs-input-label-prefix--recommendation {
  font-weight: normal;
}
.settings-input .bs-input-number-input-wrap,
.settings-input .bs-input-affix-wrapper {
  background: #f9fafb;
  border-radius: 0.25rem;
  height: 2.25rem;
}
.settings-input .bs-input-number-input-wrap input,
.settings-input .bs-input-affix-wrapper input {
  background: #f9fafb;
  font-size: 14px;
  line-height: 1.0625rem;
  color: #1f2937;
}

.error-label {
  display: flex;
  margin-top: 0.3125rem;
  font-size: 0.625rem;
  color: #b91c1c;
}

.empty-list--container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}
.empty-list--container .empty-list__photo-vertical {
  height: auto;
  margin-bottom: 1.5rem;
}
.empty-list--container .empty-list__title-vertical {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.empty-list--container .empty-list__content-vertical {
  height: auto;
}
.empty-list--container .empty-list__content-vertical p {
  margin: 0;
  margin-bottom: 0.375rem;
  text-align: center;
  width: 45.1875rem;
  color: #6b7280;
}

.table-wrapper {
  height: 100%;
}
.table-wrapper .table-list {
  height: calc(100vh - 13.5rem);
}
.table-wrapper .table-list.email-warmup-table-list .grid-flex {
  justify-content: flex-start;
}
.table-wrapper .table-list.email-warmup-table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type {
  text-align: left !important;
}

.tooltip__max-width .tooltip-inner {
  width: 100%;
  max-width: 100%;
}

.green-ellipse {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  margin-left: 0.625rem;
  background-color: #059669;
}

.email-warmup-report-select .transfer-container .transfer-body .transfer-content .transfer-list > li {
  height: 2.5rem;
  padding: 0;
}
.email-warmup-report-select .transfer-container .transfer-body .transfer-content .transfer-list > li:hover {
  background-color: transparent;
  cursor: default;
}
.email-warmup-report-select .transfer-container .transfer-body .transfer-content .transfer-list > li .option {
  width: 100%;
  height: 100%;
  padding: 0.4rem 1rem;
}
.email-warmup-report-select .transfer-container .transfer-body .transfer-content .transfer-list > li .option:hover {
  cursor: pointer;
  background-color: #eff6ff;
}
.email-warmup-report-select .transfer-container .transfer-body .transfer-content .transfer-list > li .option.disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.email-warmup-report-select .transfer-container .transfer-body .transfer-content .transfer-list > li .option.disabled span {
  color: #6b7280;
}

.from-name-text {
  padding-bottom: 0.1875rem;
}

.from-email-text {
  color: #4b5563;
}

.warmup-settings-modal .bs-modal-footer .bs-modal-footer-action-buttons button {
  margin: 0 !important;
}
.warmup-settings-modal .bs-modal-footer .bs-modal-footer-action-buttons button:first-of-type {
  margin-right: 1.25rem !important;
}

.cancel-btn.btn-ghost-primary {
  color: #6b7280;
  border-color: #6b7280;
  font-weight: 500;
}

.search-email-warmup,
.add-email-account-btn {
  height: 2rem !important;
}

.email-warmup-switch-tooltip .tooltip-inner {
  text-align: left !important;
}

.enable-email-warmup-consent {
  color: #1f2937 !important;
  user-select: none;
}
.enable-email-warmup-consent .bs-checkbox-inner:after {
  top: 45% !important;
}

.email-warmup-collaboration {
  background-color: #f9fafb;
  min-height: calc(100vh - 62px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3.125rem;
}
.email-warmup-collaboration--heading {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: #111827;
  margin: 0;
  padding: 0;
}
.email-warmup-collaboration--logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.email-warmup-collaboration--logos .logo-container {
  width: 178px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 32px rgba(31, 41, 55, 0.03), 0px 10.6829px 32px rgba(31, 41, 55, 0.03);
  border-radius: 8px;
}
.email-warmup-collaboration--desc {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
  margin: 0;
  max-width: 46.25rem;
}
.email-warmup-collaboration--desc a {
  color: #1d4ed8;
}
.email-warmup-collaboration--description {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #6b7280;
  margin: 0;
  padding: 0;
}
.email-warmup-collaboration--buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}

.unified-inbox-content--row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 18px 24px;
  z-index: 4;
  background: #ffffff;
  border-bottom: 1px solid #eaedef;
  box-shadow: 1px 2px 4px #e5e7eb;
}
.unified-inbox-content--row .row-right,
.unified-inbox-content--row .row-left {
  display: flex;
  align-items: center;
  gap: 20px;
}
.unified-inbox-content--row .row-right .gap-20,
.unified-inbox-content--row .row-left .gap-20 {
  display: flex;
  gap: 1.25rem;
}
.unified-inbox-content--row .row-right .active,
.unified-inbox-content--row .row-left .active {
  position: relative;
}
.unified-inbox-content--row .row-right .active__email-nav::before,
.unified-inbox-content--row .row-left .active__email-nav::before {
  content: "";
  position: absolute;
  top: 2.25rem;
  width: 100%;
  height: 4px;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  background-color: #1d4ed8;
}
.unified-inbox-content--row .row-right .transfer-select-btn:hover,
.unified-inbox-content--row .row-left .transfer-select-btn:hover {
  border-color: #1d4ed8;
  background-color: #f9fafb;
}
.unified-inbox-content--row .row-right .shd-button:hover,
.unified-inbox-content--row .row-right .bs-select-box:hover,
.unified-inbox-content--row .row-left .shd-button:hover,
.unified-inbox-content--row .row-left .bs-select-box:hover {
  border-color: #1d4ed8;
  background-color: #f9fafb;
}
.unified-inbox-content--row .row-right .sequence-report-select-btn,
.unified-inbox-content--row .row-right .date-filter-select-wrap,
.unified-inbox-content--row .row-left .sequence-report-select-btn,
.unified-inbox-content--row .row-left .date-filter-select-wrap {
  width: 12.25rem;
}
.unified-inbox-content--row.filter-row {
  padding: 12px 24px;
}
.unified-inbox-content--row.filter-row .row-right,
.unified-inbox-content--row.filter-row .row-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.unified-inbox-content--row.filter-row .row-right .gap-20,
.unified-inbox-content--row.filter-row .row-left .gap-20 {
  display: flex;
  gap: 1.25rem;
}
.unified-inbox-content--row.filter-row .row-right .active,
.unified-inbox-content--row.filter-row .row-left .active {
  position: relative;
}
.unified-inbox-content--row.filter-row .row-right .active__email-nav::before,
.unified-inbox-content--row.filter-row .row-left .active__email-nav::before {
  content: "";
  position: absolute;
  top: 2.25rem;
  width: 100%;
  height: 4px;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  background-color: #1d4ed8;
}
.unified-inbox-content--row.filter-row .row-right .transfer-select-btn,
.unified-inbox-content--row.filter-row .row-right .shd-button,
.unified-inbox-content--row.filter-row .row-right .bs-select-box,
.unified-inbox-content--row.filter-row .row-right .sequence-report-select-btn,
.unified-inbox-content--row.filter-row .row-right .date-filter-select-wrap,
.unified-inbox-content--row.filter-row .row-left .transfer-select-btn,
.unified-inbox-content--row.filter-row .row-left .shd-button,
.unified-inbox-content--row.filter-row .row-left .bs-select-box,
.unified-inbox-content--row.filter-row .row-left .sequence-report-select-btn,
.unified-inbox-content--row.filter-row .row-left .date-filter-select-wrap {
  width: 12.25rem;
}
.unified-inbox-content--row .row-center {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.unified-inbox-content--row .row-center span {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
}
.unified-inbox-content--row .row-center span.action-btn {
  color: #1d4ed8;
}
.unified-inbox-content--row .row-center span.info-error {
  color: #b91c1c;
}
.unified-inbox-content--row .unified-inbox-action-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.unified-inbox-content--row .unified-filter-icon-container {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  color: #6b7280;
}
.unified-inbox-content--row .unified-filter-icon-container:hover {
  cursor: pointer;
  color: #1d4ed8;
}
.unified-inbox-content--row .unified-inbox-action-icon {
  padding-right: 0.25rem;
}
.unified-inbox-content--row .filter-count {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.unified-inbox-content--row .unified-filter-icon-container.with-cross {
  position: relative;
  align-items: center;
  padding-left: 0.25rem;
  display: flex;
  gap: 0.25rem;
  background-color: #eff6ff;
  border: 0.0625rem solid #dbeafe;
  color: #1d4ed8;
  border-radius: 0.25rem;
}
.unified-inbox-content--row .unified-filter-icon-container.with-cross:hover {
  cursor: pointer;
  color: #1d4ed8;
}
.unified-inbox-content--row .unified-filter-icon-container.with-cross .unified-inbox-action-cross-1 {
  border: 0.0625rem solid #dbeafe;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border-top: none;
  border-bottom: none;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.unified-inbox-content--row .unified-filter-icon-container.with-cross .unified-inbox-action-cross {
  color: #6b7280;
}
.unified-inbox-content--row .green-circle {
  position: absolute;
  width: 0.375rem;
  height: 0.375rem;
  top: 0.0625rem;
  left: 1rem;
  border: 0.0938rem solid #ffffff;
  border-radius: 50%;
  background-color: #10b981;
}
.unified-inbox-content--row .unified-inbox-action-btn {
  width: 1.625rem;
  height: 1.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b7280;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease;
}
.unified-inbox-content--row .unified-inbox-action-btn:hover {
  color: #1d4ed8;
  background: #dbeafe;
}
.unified-inbox-content--row .refresh-unified-inbox {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.unified-inbox-content--row .refresh-unified-inbox i {
  color: #6b7280;
  font-size: 18px;
  transition: all 0.2s ease;
}
.unified-inbox-content--row .refresh-unified-inbox:hover i::before {
  color: #1d4ed8;
}
.unified-inbox-content--row .unified-inbox-action-separator {
  width: 0.125rem;
  height: 1.25rem;
  background: #e5e7eb;
  border-radius: 2px;
}
.unified-inbox-content--row .bs-select-box {
  width: auto;
  max-width: 210px;
  height: 32px;
  background: #f9fafb;
  border-radius: 4px;
  border-color: #e8eff5;
}
.unified-inbox-content--row .bs-select-box:focus {
  box-shadow: none;
  outline: none;
}
.unified-inbox-content--row .checkbox-label {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #9ca3af;
}
.unified-inbox-content--row .unified-inbox-sequence-btn {
  max-width: 196px;
  height: 32px;
  background: #f9fafb;
  border: 1px solid #e8eff5;
  border-radius: 4px;
  gap: 0.5rem;
  margin-right: 0 !important;
}
.unified-inbox-content--row .unified-inbox-sequence-btn:hover, .unified-inbox-content--row .unified-inbox-sequence-btn.show {
  border-color: #1d4ed8;
}
.unified-inbox-content--row .unified-inbox-sequence-btn span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  width: 7.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-inbox-content .unified-inbox-pagination-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
.unified-inbox-content .unified-inbox-pagination-wrapper.sidebar-pagination {
  background-color: #fff;
  padding: 0.75rem 1.5rem;
  width: 21.125rem;
}
.unified-inbox-content .unified-inbox-pagination-wrapper .unified-inbox-pagination-info {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  margin: 0;
}
.unified-inbox-content .unified-inbox-pagination-wrapper .unified-inbox-pagination-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.unified-inbox-content .unified-inbox-pagination-wrapper .unified-inbox-pagination-btn div {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.unified-inbox-content .unified-inbox-pagination-wrapper .unified-inbox-pagination-btn div svg {
  color: #6b7280;
}
.unified-inbox-content .unified-inbox-pagination-wrapper .unified-inbox-pagination-btn div.disabled svg {
  color: #d1d5db;
}
.unified-inbox-content .agency-client-unified-inbox {
  max-width: 196px;
  height: 32px;
  background: #f9fafb !important;
  border: 1px solid #e8eff5 !important;
  border-radius: 4px;
  gap: 0.5rem;
}
.unified-inbox-content .agency-client-unified-inbox:hover, .unified-inbox-content .agency-client-unified-inbox.show {
  border-color: #1d4ed8 !important;
}
.unified-inbox-content--container {
  display: flex;
  background-color: #f9fafb;
}
.unified-inbox-content--container .bs-input-affix-wrapper:focus,
.unified-inbox-content--container .bs-input-affix-wrapper:focus-within {
  border-color: #e5e7eb !important;
  border-width: 0px;
}
.unified-inbox-content--container .unified-inbox-mail-list {
  width: 338px;
  min-width: 338px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f9fafb;
  scroll-behavior: smooth;
  box-shadow: 2px 1px 4px #e5e7eb;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search {
  width: 100%;
  min-width: 12.1875rem;
  max-width: unset;
  height: 40px;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search.bs-input-affix-wrapper:hover {
  border-color: var(--border-color);
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search {
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  border-radius: 0rem;
  padding: 6px 16px;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search span {
  margin: 0 !important;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search span.input-icons-left {
  margin-right: 0.5rem !important;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search span.input-icons-right {
  margin-left: 0.5rem !important;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search .bs-input-prefix,
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search .bs-input-suffix {
  margin: 0 !important;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search input {
  background: #f9fafb;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #9ca3af;
}
.unified-inbox-content--container .unified-inbox-mail-list .unified-inbox-search i {
  font-size: 1rem;
}
.unified-inbox-content--container .unified-inbox-mail-content {
  width: calc(100% - 338px);
  height: 100%;
}
.unified-inbox-content .mail-item {
  width: 338px;
  height: 106px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 12px 24px;
  background: #f9fafb;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #e5e7eb;
  position: relative;
  z-index: 0;
  transition: all 0.2s ease;
  animation: fadeIn 0.5s linear;
  animation-fill-mode: both;
}
.unified-inbox-content .mail-item:nth-child(1) {
  animation-delay: 0.06s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(2) {
  animation-delay: 0.12s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(3) {
  animation-delay: 0.18s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(4) {
  animation-delay: 0.24s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(5) {
  animation-delay: 0.3s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(6) {
  animation-delay: 0.36s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(7) {
  animation-delay: 0.42s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(8) {
  animation-delay: 0.48s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(9) {
  animation-delay: 0.54s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(10) {
  animation-delay: 0.6s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(11) {
  animation-delay: 0.66s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(12) {
  animation-delay: 0.72s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(13) {
  animation-delay: 0.78s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(14) {
  animation-delay: 0.84s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(15) {
  animation-delay: 0.9s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(16) {
  animation-delay: 0.96s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(17) {
  animation-delay: 1.02s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(18) {
  animation-delay: 1.08s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(19) {
  animation-delay: 1.14s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(20) {
  animation-delay: 1.2s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(21) {
  animation-delay: 1.26s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(22) {
  animation-delay: 1.32s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(23) {
  animation-delay: 1.38s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(24) {
  animation-delay: 1.44s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(25) {
  animation-delay: 1.5s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(26) {
  animation-delay: 1.56s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(27) {
  animation-delay: 1.62s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(28) {
  animation-delay: 1.68s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(29) {
  animation-delay: 1.74s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(30) {
  animation-delay: 1.8s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(31) {
  animation-delay: 1.86s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(32) {
  animation-delay: 1.92s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(33) {
  animation-delay: 1.98s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(34) {
  animation-delay: 2.04s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(35) {
  animation-delay: 2.1s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(36) {
  animation-delay: 2.16s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(37) {
  animation-delay: 2.22s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(38) {
  animation-delay: 2.28s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(39) {
  animation-delay: 2.34s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(40) {
  animation-delay: 2.4s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(41) {
  animation-delay: 2.46s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(42) {
  animation-delay: 2.52s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(43) {
  animation-delay: 2.58s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(44) {
  animation-delay: 2.64s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(45) {
  animation-delay: 2.7s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(46) {
  animation-delay: 2.76s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(47) {
  animation-delay: 2.82s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(48) {
  animation-delay: 2.88s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(49) {
  animation-delay: 2.94s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item:nth-child(50) {
  animation-delay: 3s;
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item .shd-pills--solid {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
}
.unified-inbox-content .mail-item.unread {
  background: #f9fafb;
}
.unified-inbox-content .mail-item.unread h2 {
  font-weight: 700;
}
.unified-inbox-content .mail-item.unread h3 {
  font-weight: 600;
}
.unified-inbox-content .mail-item:hover {
  box-shadow: 0px 0px 4px #93c5fd;
  z-index: 2;
}
.unified-inbox-content .mail-item:hover .mail-item--left .mail-item-avatar {
  display: none;
  transition: all 0.2s ease;
}
.unified-inbox-content .mail-item:hover .mail-item--left .mail-item-checkbox {
  display: inline-block;
  transition: all 0.2s ease;
}
.unified-inbox-content .mail-item.active {
  background: #eff6ff;
  border-color: #e5e7eb;
}
.unified-inbox-content .mail-item.isSelected .mail-item--left .mail-item-avatar {
  display: none;
  transition: all 0.2s ease;
}
.unified-inbox-content .mail-item.isSelected .mail-item--left .mail-item-checkbox {
  display: block;
  transition: all 0.2s ease;
}
.unified-inbox-content .mail-item--left {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.unified-inbox-content .mail-item--left .mail-item-checkbox {
  display: none;
  transition: all 0.2s ease;
  width: 1rem;
  height: 1rem;
}
.unified-inbox-content .mail-item--right {
  width: calc(100% - 2rem);
  cursor: pointer;
}
.unified-inbox-content .mail-item h2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  margin-bottom: 0.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.unified-inbox-content .mail-item h2 .name-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.unified-inbox-content .mail-item h2 .name {
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-inbox-content .mail-item h2 .dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  display: inline-block;
  background: #1d4ed8;
}
.unified-inbox-content .mail-item h2 .draft-label {
  color: #ef4444;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}
.unified-inbox-content .mail-item h2 span.details-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.unified-inbox-content .mail-item h2 span.duration {
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #6b7280;
}
.unified-inbox-content .mail-item h2 span.scheduledTime {
  color: #1f2937;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.unified-inbox-content .mail-item h2 span.scheduledTime svg {
  width: 0.75rem;
  height: 0.75rem;
}
.unified-inbox-content .mail-item h2 span.scheduledTime.failedMail {
  color: #6b7280;
}
.unified-inbox-content .mail-item h2 span.failedEmailAlert svg {
  width: 0.75rem;
  height: 0.75rem;
  color: #ef4444;
}
.unified-inbox-content .mail-item h3 {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  margin-bottom: 0.125rem;
  width: 257px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-inbox-content .mail-item p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  margin: 0;
  padding-left: 3px;
  width: 255px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-inbox-content .mail-item .unified-inbox-unSubScribed {
  display: flex;
  gap: 0.25rem;
}
.unified-inbox-content .mail-item .unsubscribed-message {
  border: 1px solid #fecaca;
  background-color: #fef2f2;
  color: #6b7280;
  width: auto;
  height: 1.25rem;
  border-radius: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.625rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.unified-inbox-content .mail-item .finished-message {
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  color: #6b7280;
  width: auto;
  height: 1.25rem;
  border-radius: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.625rem;
  line-height: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.unified-inbox-content .unified-inbox-mail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: 70px;
  padding: 1.5rem;
}
.unified-inbox-content .unified-inbox-mail-header--left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.unified-inbox-content .unified-inbox-mail-header--right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.unified-inbox-content .unified-inbox-mail-header--right .unsubscribed-message {
  border: 1px solid #fecaca;
  background-color: #fef2f2;
  color: #6b7280;
  width: auto;
  height: 1.5rem;
  border-radius: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 500;
}
.unified-inbox-content .unified-inbox-mail-header--right .finished-message {
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  color: #6b7280;
  width: auto;
  height: 1.5rem;
  border-radius: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 500;
  margin: 0;
}
.unified-inbox-content .unified-inbox-mail-header--right .mail-action-btn {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.unified-inbox-content .unified-inbox-mail-header--right .mail-action-btn svg {
  color: #6b7280;
}
.unified-inbox-content .unified-inbox-mail-header--right .mail-action-btn:hover svg {
  color: #1f2937;
}
.unified-inbox-content .unified-inbox-mail-header--right .mail-action-btn.disabled {
  cursor: default;
  opacity: 0.35;
}
.unified-inbox-content .unified-inbox-mail-header--right .mail-action-btn.disabled:hover {
  color: #6b7280;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box {
  height: 24px;
  padding: 0 8px !important;
  border-radius: 4px;
  color: #1f2937 !important;
  background-color: rgb(236, 254, 255);
  border-color: rgb(165, 243, 252);
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer.positive-sentiment {
  border: 1px solid #6ee7b7;
  background: #ecfdf5;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer.positive-sentiment:hover {
  background: #d1fae5;
  border: 1px solid #10b981;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer.negative-sentiment {
  border: 1px solid #fecaca !important;
  background: #fef2f2 !important;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer.negative-sentiment:hover {
  background: #fee2e2;
  border: 1px solid #fca5a5;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer.neutral-sentiment {
  border: 1px solid #d1d5db;
  background: #f3f4f6;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer.neutral-sentiment:hover {
  background: #e5e7eb;
  border: 1px solid #9ca3af;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer.default-sentiment {
  border: 1px solid #e5e7eb;
  background: #f9fafb;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box.email-category-renderer.default-sentiment:hover {
  background: #f3f4f6;
  border: 1px solid #d1d5db;
}
.unified-inbox-content .unified-inbox-mail-header--right .bs-select-box .bs-select-box-icon-wrapper {
  color: #4b5563 !important;
  justify-content: center;
}
.unified-inbox-content h1 {
  margin: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1f2937;
}

.unified-inbox-mail-threads {
  overflow-y: auto;
  padding: 0 1.5rem 4px 1.5rem;
  position: relative;
}
.unified-inbox-mail-threads .mail-thread-header .mail-thread-preview {
  width: calc(100% - 5rem);
}
.unified-inbox-mail-threads .mail-thread-header .mail-thread-preview.three-action-btn {
  width: calc(100% - 7.375rem);
}
.unified-inbox-mail-threads .mail-thread-header .mail-thread-preview.four-action-btn {
  width: calc(100% - 9.75rem);
}
.unified-inbox-mail-threads .mail-thread-header .mail-thread-preview.five-action-btn {
  width: calc(100% - 12.125rem);
}
.unified-inbox-mail-threads .mail-thread-header .mail-thread-preview div:first-of-type {
  position: relative;
}
.unified-inbox-mail-threads.scheduled-email-thread {
  padding: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fff;
}
.unified-inbox-mail-threads .scheduled-email-thread-header {
  padding: 12px 24px;
  border-bottom: 1px solid #f3f4f6;
}
.unified-inbox-mail-threads .scheduled-email-thread-content {
  padding: 16px 24px 24px 24px;
}
.unified-inbox-mail-threads .scheduled-email-thread-content .reply-forward-editor--footer {
  padding: 0;
  margin-top: 64px;
  justify-content: space-between;
}
.unified-inbox-mail-threads .scheduled-email-thread-content .reply-forward-editor--footer .scheduled-email-footer-buttons {
  gap: 12px;
}
.unified-inbox-mail-threads .view-prospect-detail-modal {
  position: absolute;
  top: 2px;
  right: -1.5rem;
  width: 1rem;
  height: 1rem;
  display: none;
}
.unified-inbox-mail-threads .mail-thread-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  position: absolute;
  right: 1.5rem;
  top: 1.125rem;
}
.unified-inbox-mail-threads .mail-thread-actions div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.unified-inbox-mail-threads .mail-thread-actions div i {
  font-size: 1.125rem;
  color: #6b7280;
}
.unified-inbox-mail-threads .mail-thread-actions div svg {
  color: #6b7280;
}
.unified-inbox-mail-threads .mail-thread-actions div:hover {
  background: #dbeafe;
}
.unified-inbox-mail-threads .mail-thread-actions div:hover i {
  color: #1d4ed8;
}
.unified-inbox-mail-threads .mail-thread-actions div:hover svg {
  color: #1d4ed8;
}
.unified-inbox-mail-threads .mail-thread-actions div.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.unified-inbox-mail-threads .mail-thread-actions div.disabled:hover {
  background: #f3f4f6;
}
.unified-inbox-mail-threads .shd-accordion {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0;
  padding-bottom: 1.5rem;
  padding-top: 0.25rem;
}
.unified-inbox-mail-threads .shd-accordion .accordion__item {
  background: #ffffff;
  border: 1px solid #f3f4f6;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px;
}
.unified-inbox-mail-threads .shd-accordion .accordion__item:last-of-type {
  margin-bottom: 0;
}
.unified-inbox-mail-threads .shd-accordion .accordion__item .accordion__heading {
  display: flex;
  align-items: center;
  padding: 0;
  transition: all 0.2s ease;
}
.unified-inbox-mail-threads .shd-accordion .accordion__item .accordion__heading:hover {
  background: #eff6ff;
}
.unified-inbox-mail-threads .shd-accordion .accordion__item .accordion__heading:hover .view-prospect-detail-modal {
  display: inline-block;
}
.unified-inbox-mail-threads .shd-accordion .accordion__item .accordion__button {
  cursor: pointer;
  user-select: text;
  background-color: transparent;
  transition: none;
  color: #1f2937;
  padding: 0.75rem 1.5rem;
  width: 100%;
  text-align: left;
  border: none;
}
.unified-inbox-mail-threads .shd-accordion .accordion__item .accordion__button::before {
  display: none;
}
.unified-inbox-mail-threads .shd-accordion .accordion__item .accordion__panel {
  padding: 20px 24px 24px 24px;
  border-top: 1px solid var(--border-color);
}
.unified-inbox-mail-threads .schedule-email-info {
  box-sizing: border-box;
}
.unified-inbox-mail-threads .schedule-email-info .shd-alert--icon svg {
  display: block;
}
.unified-inbox-mail-threads .schedule-email-info .shd-alert--description {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.unified-inbox-mail-threads .schedule-email-info .shd-alert--description p {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.unified-inbox-mail-threads .schedule-email-info .shd-alert--description p span svg {
  display: block;
  color: #9ca3af;
}
.unified-inbox-mail-threads .schedule-email-info .shd-alert--description button {
  padding: 0 0.25rem;
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  outline: none;
  transition: all 0.2s ease;
}
.unified-inbox-mail-threads .schedule-email-info .shd-alert--description button:hover, .unified-inbox-mail-threads .schedule-email-info .shd-alert--description button:focus-visible, .unified-inbox-mail-threads .schedule-email-info .shd-alert--description button:focus-within, .unified-inbox-mail-threads .schedule-email-info .shd-alert--description button:active {
  outline: none;
  color: #ef4444;
}

.reply-forward-editor {
  background: #f3f4f6;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
  margin-bottom: 20px;
}
.reply-forward-editor--label {
  padding: 4px 12px;
  height: 26px;
  font-weight: 600;
  font-size: 10px;
  line-height: 18px;
  color: #6b7280;
}
.reply-forward-editor--label-draft {
  padding: 4px 12px;
  height: 26px;
  font-weight: 600;
  font-size: 10px;
  line-height: 18px;
  color: #ef4444;
}
.reply-forward-editor--container {
  background: #ffffff;
  border: #f3f4f6;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
  padding-bottom: 20px;
}
.reply-forward-editor--input {
  padding: 12px 24px 6px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #f3f4f6;
}
.reply-forward-editor--input .label {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5rem;
  color: #6b7280;
  align-self: flex-start;
}
.reply-forward-editor--input .email-pills {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}
.reply-forward-editor--input .email-input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
}
.reply-forward-editor--input .email-input:disabled {
  background-color: transparent;
}
.reply-forward-editor--input .email-input:active, .reply-forward-editor--input .email-input:focus {
  outline: none;
}
.reply-forward-editor--input .cc-bcc-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.reply-forward-editor--input .cc-bcc-btn span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  cursor: pointer;
  transition: 0.2s ease;
}
.reply-forward-editor--input .cc-bcc-btn span:hover, .reply-forward-editor--input .cc-bcc-btn span.active {
  color: #1d4ed8;
}
.reply-forward-editor--input .cc-bcc-btn span.press-enter {
  width: 68px;
  color: #d1d5db;
  cursor: default;
  font-weight: 400;
  font-style: italic;
}
.reply-forward-editor--input .cc-bcc-btn span.press-enter:hover, .reply-forward-editor--input .cc-bcc-btn span.press-enter.active {
  color: #d1d5db;
}
.reply-forward-editor--editor-wrapper {
  padding: 1rem 24px 20px 24px;
  position: relative;
}
.reply-forward-editor--editor-wrapper .editor {
  height: 100%;
  min-height: 222px;
  overflow: visible;
}
.reply-forward-editor--editor-wrapper .editor .toolbar-container {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.reply-forward-editor--editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.reply-forward-editor--footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
  padding: 0 24px;
}

.no-selected-thread {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}
.no-selected-thread p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}

.empty-unified-inbox {
  width: 100%;
  max-width: 737px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.empty-unified-inbox h1 {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #1f2937;
  margin-top: 24px;
}
.empty-unified-inbox p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #6b7280;
  margin-top: 8px;
  margin-bottom: 1rem;
}

.unified-inbox-action-dropdown {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.unified-inbox-action-dropdown button {
  padding: 0;
  margin: 0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.unified-inbox-action-dropdown .dropdown-menu-custom {
  margin: 0;
  padding: 8px 0;
  flex-direction: column;
}
.unified-inbox-action-dropdown .dropdown-menu-custom a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  border-bottom: none;
  transition: all 0.2s ease;
}
.unified-inbox-action-dropdown .dropdown-menu-custom a:hover {
  background: #eff6ff;
}

.unibox-mail-list-loader {
  display: flex;
  padding: 12px 24px;
  gap: 8px;
  border: 1px solid #f3f4f6;
}
.unibox-mail-list-loader--desc {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.unibox-mail-list-loader--desc span {
  height: 0.875rem;
}
.unibox-mail-list-loader--desc div {
  display: flex;
  align-items: center;
  gap: 4px;
}
.unibox-mail-list-loader--desc div:first-of-type {
  justify-content: space-between;
}

.unibox-mail-thread-loader-wrapper {
  padding: 1.5rem;
}
.unibox-mail-thread-loader-wrapper span {
  height: 0.875rem;
}
.unibox-mail-thread-loader-wrapper .unibox-mail-thread-loader {
  background: #ffffff;
  border: 1px solid #f3f4f6;
  box-shadow: 0px 0px 4px #e5e7eb;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}
.unibox-mail-thread-loader-wrapper .unibox-mail-thread-loader--header {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #f3f4f6;
}
.unibox-mail-thread-loader-wrapper .unibox-mail-thread-loader--desc {
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.unified-inbox-mail-list-blocked {
  width: 338px;
  height: 212px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 14.35%, rgba(255, 255, 255, 0.95) 27.8%);
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #eaedef;
  box-shadow: 2px 1px 4px #e5e7eb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.unified-inbox-mail-list-blocked p {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #1f2937;
  width: 250px;
  height: 60px;
}
.unified-inbox-mail-list-blocked p span {
  color: #1d4ed8;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  cursor: pointer;
}

.prospect--applied-filters {
  border-bottom: 1px solid rgb(209, 213, 219);
  padding: 1rem;
}
.prospect--applied-filters .filter-tab-container {
  margin-bottom: 0;
}

.activity-modal .modal-header {
  border-bottom: none;
  align-items: flex-start;
}
.activity-modal .modal-body {
  padding: 0 !important;
  overflow: hidden;
  max-height: calc(90vh - 5.1rem) !important;
}
.activity-modal .modal-dialog {
  width: 45rem;
  max-width: 45rem;
}
.activity-modal .modal-content {
  height: 35rem;
  border-radius: 0.5rem !important;
}

.activity-tabs .bs-tabs-tabpane.unibox-email-link-clicked .log-activity::after {
  height: calc(100% - 3.25rem);
}
.activity-tabs .bs-tabs-tabpane.unibox-email-link-clicked .icon-log-container {
  height: auto;
  align-items: flex-start;
}
.activity-tabs .bs-tabs-tabpane.unibox-email-link-clicked .icon-log-container .icon-container-wrapper {
  height: 2rem;
}
.activity-tabs .bs-tabs-nav {
  height: 3rem;
  padding: 0 1.5rem;
}
.activity-tabs .bs-tabs-nav::before {
  border-bottom-color: #f3f4f6;
}
.activity-tabs .bs-tabs-tab.bs-tabs-tab-active {
  background-color: #eff6ff;
}
.activity-tabs .bs-tabs-tab.bs-tabs-tab-active .tab-wrapper .label-wrapper {
  color: #1d4ed8;
  font-weight: 500;
}
.activity-tabs .bs-tabs-tab.bs-tabs-tab-active .tab-wrapper .counter-wrapper {
  color: #1d4ed8;
}
.activity-tabs .bs-tabs-tab .tab-wrapper .label-wrapper {
  color: #1f2937;
}
.activity-tabs .bs-tabs-tab .tab-wrapper .icon-wrapper img {
  width: 1.5rem;
  height: 1.5rem;
}
.activity-tabs .bs-tabs-tab .tab-wrapper .counter-wrapper {
  color: #4b5563;
  font-weight: 500;
}
.activity-tabs .bs-tabs-ink-bar {
  border-radius: 0.25rem;
  background-color: #1d4ed8;
}
.activity-tabs .bs-tabs-content-holder {
  height: 100%;
  padding-left: 1.5rem;
}
.activity-tabs .bs-tabs-content-holder .bs-tabs-content {
  height: 25.5rem;
  overflow-y: auto;
}
.activity-tabs .bs-tabs-content-holder .bs-tabs-content .log-activity .day-text {
  background-color: #f3f4f6;
  color: #1f2937;
  border-radius: 0.125rem;
  font-weight: 500;
  font-size: 0.75rem;
}

.activity-label {
  color: #1f2937;
}

.activity-log {
  color: #6b7280;
}
.activity-log img {
  margin-top: -0.125rem;
}

.activity-link {
  width: max-content;
  max-width: 38rem;
}
.activity-link .link-wrapper {
  max-width: 38rem;
  height: 1.75rem;
  padding: 0.25rem 0.625rem;
  margin-top: 0.25rem;
  background: #f9fafb;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  box-sizing: border-box;
  color: #6b7280;
  font-weight: 500;
  text-decoration: none;
}
.activity-link .link-wrapper img {
  margin-right: 0.5rem;
}
.activity-link .tooltiptext {
  max-width: 38rem !important;
  font-size: 0.75rem;
  font-weight: 500;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    top: 100px;
  }
  75% {
    opacity: 0.5;
    top: 0px;
  }
  100% {
    opacity: 1;
  }
}
.email-category {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  gap: 2px;
  height: 20px;
  border-radius: 2px;
  margin-left: 4px;
}
.email-category.positive-sentiment {
  border: 1px solid #10b981;
  background: #ecfdf5;
}
.email-category.positive-sentiment:hover {
  background: #d1fae5;
  border: 1px solid #6ee7b7;
}
.email-category.negative-sentiment {
  border: 1px solid #fecaca;
  background: #fef2f2;
}
.email-category.negative-sentiment:hover {
  background: #fee2e2;
  border: 1px solid #fca5a5;
}
.email-category.neutral-sentiment {
  border: 1px solid #d1d5db;
  background: #f3f4f6;
}
.email-category.neutral-sentiment:hover {
  background: #e5e7eb;
  border: 1px solid #9ca3af;
}
.email-category.default-sentiment {
  border: 1px solid #e5e7eb;
  background: #f9fafb;
}
.email-category.default-sentiment:hover {
  background: #f3f4f6;
  border: 1px solid #d1d5db;
}
.email-category.disabled, .email-category.disabled:hover {
  background: transparent;
  border: none;
}
.email-category svg,
.email-category img {
  width: 12px;
  height: 12px;
}
.email-category span {
  height: 16px;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
}

.unified-inbox-filter-select {
  width: fit-content !important;
  padding: 3px 0px !important;
}
.unified-inbox-filter-select .transfer-container {
  width: fit-content !important;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  border-radius: 4px;
}
.unified-inbox-filter-select .bs-select-box {
  width: auto;
  max-width: 210px;
  height: 32px;
  background: #f9fafb;
  border-radius: 4px;
  border-color: #e8eff5;
}
.unified-inbox-filter-select .bs-select-box:focus {
  box-shadow: none;
  outline: none;
}

.no-selected-email {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
  height: calc(100% - 60px);
}
.no-selected-email img {
  height: 80px;
}
.no-selected-email h1 {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #1f2937;
}
.no-selected-email p {
  width: 249px;
  margin: 0;
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #6b7280;
}

.delete-conversation-confirmation-modal .modal-dialog .modal-header {
  padding: 0 1.5rem !important;
}
.delete-conversation-confirmation-modal .modal-dialog .align-items-center {
  align-items: start !important;
}
.delete-conversation-confirmation-modal.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body {
  padding: 1.5rem !important;
}
.delete-conversation-confirmation-modal.confirmation-modal-v3 .modal-dialog .modal-footer {
  padding: 1.25rem 0 0 0;
  margin: 0 1.5rem 1.25rem 1.5rem !important;
  min-height: 3.375rem;
  max-height: 3.375rem;
}
.delete-conversation-confirmation-modal.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons button:last-of-type {
  margin-left: 1rem !important;
}
.delete-conversation-confirmation-modal p {
  margin: 0 !important;
  font-size: 0.875rem !important;
}
.delete-conversation-confirmation-modal span {
  font-family: Inter;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937 !important;
}
.delete-conversation-confirmation-modal .action-btn-delete.btn-solid-primary {
  background-color: #b91c1c;
  border-color: #b91c1c;
  border-radius: 4px;
  height: 2rem;
  min-width: 77px !important;
  padding: 0.375rem 1rem;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.delete-conversation-confirmation-modal .action-btn-delete.btn-solid-primary:hover, .delete-conversation-confirmation-modal .action-btn-delete.btn-solid-primary:focus, .delete-conversation-confirmation-modal .action-btn-delete.btn-solid-primary:active, .delete-conversation-confirmation-modal .action-btn-delete.btn-solid-primary.btn-solid-primary:not(:disabled):not(.disabled):active {
  border-color: #991b1b;
  background-color: #991b1b;
}
.delete-conversation-confirmation-modal .action-btn-cancel.btn-ghost-outlined {
  color: #6b7280;
  border-radius: 4px;
  border: 1px solid #e5e7eb !important;
  height: 2rem;
  width: 79px !important;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.375rem 1rem;
}
.delete-conversation-confirmation-modal .action-btn-cancel.btn-ghost-outlined:hover, .delete-conversation-confirmation-modal .action-btn-cancel.btn-ghost-outlined:focus, .delete-conversation-confirmation-modal .action-btn-cancel.btn-ghost-outlined:active, .delete-conversation-confirmation-modal .action-btn-cancel.btn-ghost-outlined.btn-ghost-outlined:not(:disabled):not(.disabled):active {
  color: #6b7280;
  background-color: #f3f4f6;
}
.delete-conversation-confirmation-modal .bs-select-box {
  height: 32px;
  background: #f9fafb;
  border-radius: 4px;
  border-color: #e8eff5;
}

.br-7 {
  border-radius: 0.4375rem;
}

.unified-inbox-filter-assign .transfer-container .transfer-body .transfer-content {
  height: 16.3rem;
  overflow-y: scroll;
}

.schedule-confirmation-popup.schedule-confirmation-popup-email-tab-prospect-drawer .modal-header {
  min-height: 100%;
}
.schedule-confirmation-popup.schedule-confirmation-popup-email-tab-prospect-drawer .modal-footer {
  padding-bottom: 20px !important;
}
.schedule-confirmation-popup .modal-footer {
  padding: 1.25rem 0 0 0 !important;
  min-height: 54px;
  max-height: 54px;
}

.unified-inbox-filter-bar-tooltip .tooltip-inner {
  max-width: 32rem !important;
}

.external-email-popover-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.25rem;
  transition: all 0.2s ease;
}
.external-email-popover-icon svg {
  color: #6b7280;
}
.external-email-popover-icon:hover svg {
  color: #1d4ed8;
}

.external-email-popover {
  z-index: 3 !important;
  max-width: 20.375rem !important;
}
.external-email-popover.mail-thread-popover {
  z-index: 1060 !important;
}
.external-email-popover .bs-popover-inner-content {
  padding: 0rem !important;
}
.external-email-popover .bs-popover-inner-content .icon svg {
  color: #6b7280 !important;
}
.external-email-popover .external-email-popover-wrapper {
  padding: 0.5rem !important;
  display: flex;
  justify-content: center;
  gap: 0.5rem !important;
}
.external-email-popover .external-email-popover-content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 17.75rem !important;
}
.external-email-popover .external-email-popover-content p {
  margin: 0;
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.external-email-popover .external-email-popover-content .title {
  color: #6b7280;
}
.external-email-popover .external-email-popover-content a {
  text-decoration: underline;
}

.gap-1 {
  gap: 0.25rem;
}

.email-x-button-container {
  position: relative !important;
  display: inline-block !important;
}
.email-x-button-container .email-x-icon {
  height: 2rem;
  width: 2rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.email-x-button-container .email-x-icon svg {
  color: #6b7280;
}
.email-x-button-container .email-x-icon.selected {
  color: black !important;
  cursor: default;
}
.email-x-button-container .email-x-icon.selected svg {
  color: #1d4ed8;
}

.dropdown-menu {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  background: white;
  box-shadow: 0px 0px 20px 0px rgba(0, 13, 56, 0.12);
  min-width: 12.5rem;
  white-space: nowrap;
  width: 12.5rem;
  transform-origin: top left;
  gap: 0.25rem;
  height: 5.25rem;
  border: none;
}
.dropdown-menu li {
  transition: all 0.2 ease;
}
.dropdown-menu li:hover {
  background-color: #eff6ff;
}

.unified-inbox-menu-item {
  width: 100% !important;
  cursor: pointer;
  padding: 6px 12px;
}

.menu-text {
  font-size: 0.875rem;
  margin: 0;
  line-height: 1.25rem !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  color: #1f2937;
}

.email-x-button-container .dropdown-menu {
  margin-top: 0.25rem;
  left: auto;
  right: 0;
}

.block-confirmation-modal .modal-dialog .modal-content {
  min-height: auto !important;
}
.block-confirmation-modal .modal-dialog .modal-header {
  padding: 0 1.5rem !important;
  min-height: auto;
}
.block-confirmation-modal .modal-dialog .confirmation-modal-v3--title h2 {
  margin-left: 0 !important;
}
.block-confirmation-modal .modal-dialog .confirmation-modal-v3--title svg {
  color: #1f2937 !important;
}
.block-confirmation-modal.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body {
  padding: 1.5rem !important;
}
.block-confirmation-modal.confirmation-modal-v3 .modal-dialog .modal-footer {
  padding: 1.25rem 0 0 0;
  margin: 0 1.5rem 1.25rem 1.5rem !important;
  min-height: 3.375rem;
  max-height: 3.375rem;
}
.block-confirmation-modal.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons button:last-of-type {
  margin-left: 1rem !important;
}
.block-confirmation-modal p {
  margin-bottom: 1rem !important;
  font-size: 0.875rem !important;
}
.block-confirmation-modal span {
  font-family: "Inter";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937 !important;
}
.block-confirmation-modal .action-btn-yes.btn-solid-primary {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
  border-radius: 4px;
  height: 2rem;
  min-width: 77px !important;
  padding: 0.375rem 1rem;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.block-confirmation-modal .action-btn-yes.btn-solid-primary .icon-left {
  color: #fff;
}
.block-confirmation-modal .action-btn-yes.btn-solid-primary:hover {
  border-color: #1e40af;
  background-color: #1e40af;
}
.block-confirmation-modal .action-btn-cancel.btn-ghost-outlined {
  color: #6b7280;
  border-radius: 4px;
  border: 1px solid #e5e7eb !important;
  height: 2rem;
  width: 79px !important;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.375rem 1rem;
}
.block-confirmation-modal .action-btn-cancel.btn-ghost-outlined:hover, .block-confirmation-modal .action-btn-cancel.btn-ghost-outlined:focus, .block-confirmation-modal .action-btn-cancel.btn-ghost-outlined:active, .block-confirmation-modal .action-btn-cancel.btn-ghost-outlined.btn-ghost-outlined:not(:disabled):not(.disabled):active {
  color: #6b7280;
  background-color: #f3f4f6;
}
.block-confirmation-modal .bs-select-box {
  height: 32px;
  background: #f9fafb;
  border-radius: 4px;
  border-color: #e8eff5;
}

.block-alert-modal--title {
  display: flex;
  align-items: start !important;
  gap: 0.5rem;
}
.block-alert-modal--title__icon {
  color: #b91c1c;
  line-height: 1.5rem !important;
  font-size: 1.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.block-alert-modal--title h2 {
  line-height: 1.5rem !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
}

.mobile-app-banner.alert.alert-primary-2 .alert-message-text {
  color: #1f2937 !important;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-left: 6px;
}

.mobile-app-banner {
  background: #ede9fe !important;
  margin-bottom: 0 !important;
  padding: 8px !important;
  align-items: center;
  border: none;
  border-radius: 0;
}
.mobile-app-banner div {
  width: 100%;
  justify-content: center;
  height: 16px;
}
.mobile-app-banner .upgrade-btn {
  background: transparent !important;
  color: #1d4ed8 !important;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.mobile-app-banner .mobile-app-banner-close-btn {
  margin-right: 16px;
}

.shd-modal.qr-code-modal .modal-content {
  border: none !important;
}

.qr-code-modal .modal-dialog {
  max-width: 18.25rem !important;
}
.qr-code-modal .shd-modal--header {
  position: relative;
  padding: 1rem 1rem 0px 1rem !important;
}
.qr-code-modal .shd-modal--close-btn svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 1rem !important;
  height: 1rem !important;
  color: #6b7280;
  margin-top: 0.5625rem;
  margin-right: 0.5625rem;
}
.qr-code-modal .modal-title {
  display: flex;
  align-items: center;
  color: #1f2937;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
.qr-code-modal .modal-title .badge-new {
  background-color: #f59e0b;
  color: #fff;
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: 500;
  padding: 0.0625rem 0.1875rem;
  border-radius: 0.1875rem;
  text-align: center;
  margin-left: 0.25rem;
}
.qr-code-modal .shd-modal--body {
  padding: 0px 1rem !important;
  margin-top: 0.5rem;
}
.qr-code-modal .shd-modal--body p {
  margin: 0;
  color: #1f2937;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.qr-code-modal .qr-code-container {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0rem;
  height: 9.125rem;
}
.qr-code-modal .qr-code-container .qr-code-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qr-code-modal .shd-modal--divider {
  display: none !important;
}

.unified-subsequence-popover.bs-popover-inner {
  padding: 0px !important;
  border-radius: 0px !important;
}

.unified-subsequence-popover .bs-popover-inner-content {
  padding: 0px !important;
}
.unified-subsequence-popover .arrow {
  display: block;
}

.subsequence-popover-inner-content .popover-item {
  padding: 7px 8px;
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  flex-wrap: nowrap;
}
.subsequence-popover-inner-content .popover-item:hover {
  background-color: #eff6ff;
}

.reply-forward-editor--container--read-only {
  pointer-events: none;
  opacity: 0.6;
  user-select: text;
}
.reply-forward-editor--container--read-only .reply-forward-editor--footer {
  pointer-events: auto;
  opacity: 1;
}
.reply-forward-editor--deleted-banner {
  padding: 8px 12px;
  margin: 8px 0;
  border-radius: 4px;
  background-color: #fff1f0;
  color: #cf1322;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.email-filter__option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.email-filter__deleted-chip {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 4px;
  background-color: #fff1f0;
  color: #f5222d;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}
.email-filter__deleted-master {
  padding: 4px 0;
  cursor: pointer;
}

.li-settings-detail {
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.li-settings-detail > div:last-of-type {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.li-settings-detail > div:last-of-type .bs-tabs {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.li-settings-detail > div:last-of-type .bs-tabs .bs-tabs-content-holder {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.li-settings-detail > div:last-of-type .bs-tabs .bs-tabs-content {
  height: 100%;
  flex-direction: column;
}
.li-settings-detail > div:last-of-type .bs-tabs .bs-tabs-tabpane-active {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.li-settings-detail__breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #9ca3af;
  margin-bottom: 16px;
}
.li-settings-detail__breadcrumb svg {
  color: #9ca3af;
}
.li-settings-detail__breadcrumb-link {
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  color: #9ca3af;
  cursor: pointer;
  text-decoration: none;
}
.li-settings-detail__breadcrumb-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.li-settings-detail__breadcrumb-current {
  color: #262626;
  font-weight: 500;
}
.li-settings-detail__tabs-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 24px;
}
.li-settings-detail__tabs {
  display: flex;
}
.li-settings-detail__tab-btn {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #9ca3af;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: color 0.15s;
}
.li-settings-detail__tab-btn:hover {
  color: #262626;
}
.li-settings-detail__tab-btn--active {
  color: #1d4ed8;
}
.li-settings-detail__tab-btn--active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: #1d4ed8;
  border-radius: 2px 2px 0 0;
}
.li-settings-detail__btn-reconnect {
  height: 32px;
  padding: 0 20px;
  background: transparent;
  border: 1px solid #346aff;
  margin-bottom: 8px;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 500;
  color: #346aff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: background 0.15s;
}
.li-settings-detail__btn-reconnect:hover:not(:disabled) {
  background: #eff6ff;
}
.li-settings-detail__btn-reconnect:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.li-settings-detail__btn-disconnect {
  height: 32px;
  padding: 0 20px;
  background: transparent;
  border: 1px solid #dc2626;
  margin-bottom: 8px;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 500;
  color: #dc2626;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: background 0.15s;
}
.li-settings-detail__btn-disconnect:hover {
  background: #fef2f2;
}
.li-settings-detail__connected-card {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 0.25rem;
  max-width: 100%;
  width: 100%;
}
.li-settings-detail__connected-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e8e8e8;
}
.li-settings-detail__connected-info {
  display: flex;
  align-items: center;
  gap: 16px;
}
.li-settings-detail__platform-logo {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.li-settings-detail__platform-logo--aimfox {
  background: #ffffff;
}
.li-settings-detail__platform-logo--heyreach {
  background: #ffffff;
}
.li-settings-detail__connected-name {
  font-size: 18px;
  font-weight: 600;
  color: #262626;
  margin: 0 0 4px;
  line-height: 1.3;
}
.li-settings-detail__connected-desc {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
  line-height: 1.4;
}
.li-settings-detail__connected-body {
  padding: 24px;
}
.li-settings-detail__section {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.li-settings-detail__section--last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.li-settings-detail__section-label {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 8px;
}
.li-settings-detail__section-title {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 16px;
}
.li-settings-detail__api-key-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.li-settings-detail__api-key-input-wrapper {
  position: relative;
  flex: 1;
  max-width: 400px;
}
.li-settings-detail__api-key-input {
  width: 100%;
  height: 40px;
  padding: 0 44px 0 16px;
  border: 1px solid #e8e8e8;
  border-radius: 0.25rem;
  font-size: 14px;
  background: #f9fafb;
  color: #595959;
  font-family: inherit;
}
.li-settings-detail__api-key-input:read-only {
  cursor: default;
}
.li-settings-detail__api-key-input:not(:read-only):focus {
  outline: none;
  border-color: #1d4ed8;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.1);
}
.li-settings-detail__api-key-eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #9ca3af;
  display: flex;
  align-items: center;
}
.li-settings-detail__api-key-eye:hover {
  color: #262626;
}
.li-settings-detail__api-key-eye svg {
  width: 18px;
  height: 18px;
}
.li-settings-detail__btn-update-api {
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #1d4ed8;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
}
.li-settings-detail__btn-update-api:hover {
  text-decoration: underline;
}
.li-settings-detail__api-key-help {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 6px;
  margin-bottom: 0;
  line-height: 1.5;
}
.li-settings-detail__api-key-help-link {
  color: #1d4ed8;
  text-decoration: none;
}
.li-settings-detail__api-key-help-link:hover {
  text-decoration: underline;
}
.li-settings-detail__update-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.li-settings-detail__info-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.li-settings-detail__info-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.li-settings-detail__info-label {
  font-size: 14px;
  color: #9ca3af;
  min-width: 140px;
}
.li-settings-detail__info-value {
  font-size: 14px;
  color: #262626;
  font-weight: 500;
}
.li-settings-detail__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
}
.li-settings-detail__status--connected {
  color: #059669;
}
.li-settings-detail__status--connected .li-settings-detail__status-dot {
  background: #10b981;
}
.li-settings-detail__status--disconnected {
  color: #f5222d;
}
.li-settings-detail__status--disconnected .li-settings-detail__status-dot {
  background: #f5222d;
}
.li-settings-detail__status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.li-settings-detail__mapping-container {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 0.25rem;
  padding-top: 32px;
  padding-bottom: 32px;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
@media (max-width: 600px) {
  .li-settings-detail__mapping-container {
    padding: 20px 16px;
    border-radius: 8px;
  }
}
.li-settings-detail__mapping-header {
  text-align: center;
  margin-bottom: 32px;
  flex-shrink: 0;
  max-width: 438px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
.li-settings-detail__mapping-title {
  font-size: 18px;
  font-weight: 600;
  color: #262626;
  margin: 0 0 8px;
  line-height: 1.3;
}
.li-settings-detail__mapping-subtitle {
  font-size: 14px;
  color: #9ca3af;
  line-height: 1.5;
  margin: 0;
}
.li-settings-detail__mapping-logos {
  display: flex;
  align-items: center;
  max-width: 438px;
  width: 100%;
  margin: 0 auto 24px;
  flex-shrink: 0;
}
.li-settings-detail__mapping-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}
.li-settings-detail__mapping-logo:first-child {
  flex: 0 0 48%;
  justify-content: flex-start;
  padding-left: 24px;
}
.li-settings-detail__mapping-logo:last-child {
  flex: 1;
  justify-content: flex-start;
  padding-left: 12px;
}
.li-settings-detail__mapping-logo > svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.li-settings-detail__mapping-logo-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.li-settings-detail__mapping-logo-icon--aimfox {
  background: #ffffff;
}
.li-settings-detail__mapping-logo-icon--heyreach {
  background: #ffffff;
}
.li-settings-detail__mapping-logo-icon--sh {
  background: #ffffff;
  border: 1px solid #e8e8e8;
}
.li-settings-detail__mapping-logo-text {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.li-settings-detail__mapping-logo-text--aimfox {
  color: #262626;
}
.li-settings-detail__mapping-logo-text--heyreach {
  color: #262626;
}
.li-settings-detail__mapping-rows {
  max-height: calc(100vh - 420px);
  min-height: 120px;
  overflow-y: auto;
  margin-bottom: 0;
}
.li-settings-detail__mapping-rows::-webkit-scrollbar {
  width: 6px;
}
.li-settings-detail__mapping-rows::-webkit-scrollbar-track {
  background: transparent;
}
.li-settings-detail__mapping-rows::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 3px;
}
.li-settings-detail__mapping-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.li-settings-detail__mapping-row:last-child {
  margin-bottom: 0;
}
.li-settings-detail__field-label {
  flex: 1;
  min-width: 0;
  padding: 10px 16px;
  font-size: 14px;
  color: #262626;
  background: #f9fafb;
  border: 1px solid #e8e8e8;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.li-settings-detail__sync-icon {
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.li-settings-detail__field-select-wrapper {
  flex: 1;
  min-width: 0;
}
.li-settings-detail__mapping-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
  margin-top: 4px;
  flex-shrink: 0;
  max-width: 438px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.li-settings-detail .linkedin-automation-step-modal__mapping-header-cell:last-child {
  padding-left: 12px !important;
}
.li-settings-detail .linkedin-automation-step-modal__mapping-body {
  flex: none;
  max-height: calc(100vh - 384px);
  min-height: 0;
  overflow-y: auto;
  padding-top: 0;
  max-width: 438px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.li-settings-detail .linkedin-automation-step-modal__mapping-body::-webkit-scrollbar {
  width: 6px;
}
.li-settings-detail .linkedin-automation-step-modal__mapping-body::-webkit-scrollbar-track {
  background: transparent;
}
.li-settings-detail .linkedin-automation-step-modal__mapping-body::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 3px;
}
@media (max-width: 600px) {
  .li-settings-detail .linkedin-automation-step-modal__mapping-header {
    display: none;
  }
  .li-settings-detail .linkedin-automation-step-modal__mapping-row {
    flex-direction: column;
  }
  .li-settings-detail .linkedin-automation-step-modal__mapping-cell {
    flex: none;
    width: 100%;
  }
  .li-settings-detail .linkedin-automation-step-modal__mapping-cell:first-child {
    flex: none;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #f3f4f6;
  }
  .li-settings-detail__mapping-logos {
    gap: 24px;
  }
  .li-settings-detail__mapping-footer {
    justify-content: stretch;
  }
  .li-settings-detail__mapping-footer button {
    width: 100%;
    justify-content: center;
  }
}

.li-disconnect-modal .modal-dialog {
  max-width: 420px;
}
.li-disconnect-modal__title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.li-disconnect-modal__body {
  padding: 4px 0 0;
}
.li-disconnect-modal__text {
  font-size: 14px;
  color: #262626;
  line-height: 1.6;
  margin: 0;
}
.li-disconnect-modal .bs-modal-footer-action-buttons .btn-ghost-primary,
.li-disconnect-modal .bs-modal-footer-action-buttons .shd-button--secondary {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #262626 !important;
}
.li-disconnect-modal .bs-modal-footer-action-buttons .btn-ghost-primary:hover, .li-disconnect-modal .bs-modal-footer-action-buttons .btn-ghost-primary:focus,
.li-disconnect-modal .bs-modal-footer-action-buttons .shd-button--secondary:hover,
.li-disconnect-modal .bs-modal-footer-action-buttons .shd-button--secondary:focus {
  background: #f3f4f6 !important;
  border-color: #9ca3af !important;
  color: #262626 !important;
}
.li-disconnect-modal .bs-modal-footer-action-buttons .btn-solid-danger,
.li-disconnect-modal .bs-modal-footer-action-buttons .shd-button--danger {
  background: #b91c1c !important;
  border: 1px solid #b91c1c !important;
  color: #fff !important;
}
.li-disconnect-modal .bs-modal-footer-action-buttons .btn-solid-danger:hover, .li-disconnect-modal .bs-modal-footer-action-buttons .btn-solid-danger:focus,
.li-disconnect-modal .bs-modal-footer-action-buttons .shd-button--danger:hover,
.li-disconnect-modal .bs-modal-footer-action-buttons .shd-button--danger:focus {
  background: #991b1b !important;
  border-color: #991b1b !important;
  opacity: 1;
}

.linkedin-automation-card {
  padding: 16px 20px;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  margin-bottom: 16px;
}
.linkedin-automation-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.linkedin-automation-card__header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.linkedin-automation-card__icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  background: #4f46e5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.linkedin-automation-card__title {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
  margin: 0 0 2px;
  line-height: 1.3;
}
.linkedin-automation-card__subtitle {
  font-size: 13px;
  color: #9ca3af;
  margin: 0;
  line-height: 1.4;
}
.linkedin-automation-card__btn-connect {
  height: 32px;
  padding: 0 16px;
  background: #1d4ed8;
  border: none;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  transition: background 0.15s;
}
.linkedin-automation-card__btn-connect:hover {
  background: rgb(10.1888755502%, 27.4045618247%, 75.8895558223%);
}
.linkedin-automation-card__integration-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid #e5e7eb;
  margin-top: 4px;
}
.linkedin-automation-card__integration-row:first-of-type {
  margin-top: 8px;
}
.linkedin-automation-card__row-left {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.linkedin-automation-card__row-label {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
}
.linkedin-automation-card__row-platform {
  font-size: 13px;
  color: #9ca3af;
}
.linkedin-automation-card__row-status {
  font-size: 13px;
  font-weight: 500;
}
.linkedin-automation-card__row-status--connected {
  color: #52c41a;
}
.linkedin-automation-card__row-status--disconnected {
  color: #f5222d;
}
.linkedin-automation-card__row-verified {
  font-size: 13px;
  color: #9ca3af;
}
.linkedin-automation-card__row-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.linkedin-automation-card__btn-settings {
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  color: #9ca3af;
  cursor: pointer;
  transition: color 0.15s;
}
.linkedin-automation-card__btn-settings:hover {
  color: #262626;
  text-decoration: underline;
}
.linkedin-automation-card__btn-reconnect {
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #1d4ed8;
  cursor: pointer;
  transition: opacity 0.15s;
}
.linkedin-automation-card__btn-reconnect:hover:not(:disabled) {
  text-decoration: underline;
}
.linkedin-automation-card__btn-reconnect:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.linkedin-automation-card__btn-disconnect {
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  color: #f5222d;
  cursor: pointer;
  transition: opacity 0.15s;
}
.linkedin-automation-card__btn-disconnect:hover:not(:disabled) {
  text-decoration: underline;
}
.linkedin-automation-card__btn-disconnect:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.connect-linkedin-modal__platform-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 20px;
  border: 2px solid #e5e7eb;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.connect-linkedin-modal__platform-card:hover {
  border-color: #0137fc;
}
.connect-linkedin-modal__platform-card.selected {
  border-color: #0137fc;
  background-color: #f3f4f6;
}

.li-int-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.li-int-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.li-int-card:hover {
  border-color: #1d4ed8;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);
}
.li-int-card--request {
  cursor: default;
}
.li-int-card--request:hover {
  border-color: #e5e7eb;
  box-shadow: none;
}
.li-int-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.li-int-card__logo {
  width: 24px;
  height: 24px;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.li-int-card__logo--crm {
  background: transparent;
}
.li-int-card__logo--crm img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.li-int-card__logo--aimfox {
  background: #ffffff;
}
.li-int-card__logo--heyreach {
  background: #ffffff;
}
.li-int-card__logo--request {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
}
.li-int-card__name {
  font-size: 15px;
  font-weight: 600;
  color: #262626;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.li-int-card__more {
  flex-shrink: 0;
  margin-left: auto;
}
.li-int-card__more .dropdown-custom .dropdown-menu-custom {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  min-width: 8.125rem;
  border: 1px solid #e5e7eb;
}
.li-int-card__more .btn-solid {
  padding: 0;
}
.li-int-card__more .icon-configure {
  height: 1rem;
}
.li-int-card__desc {
  font-size: 13px;
  color: #9ca3af;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.li-int-card__action {
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
  margin-top: auto;
}
.li-int-card__link {
  font-size: 14px;
  font-weight: 500;
  color: #1d4ed8;
  text-decoration: none;
  cursor: pointer;
}
.li-int-card__link:hover {
  text-decoration: underline;
}
.li-int-card__status-connected {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #059669;
}
.li-int-card__status-disconnected {
  font-size: 14px;
  font-weight: 500;
  color: #f5222d;
}

.integrations {
  overflow-y: scroll;
  padding-bottom: 1rem;
}
.integrations .crm-view-container {
  margin-top: 3.5rem !important;
}
.integrations .card {
  width: 16.5625rem;
}
.integrations .card.zapier-card .card-body img {
  width: auto;
}
.integrations .card .card-body img {
  width: auto;
  height: 1.5rem;
  width: auto;
  height: 1.5rem;
}
.integrations .card .card-body .disconnect {
  display: none;
}
.integrations .card .card-body .more-action > .dropdown-custom {
  z-index: 1;
}
.integrations .card .card-body .more-action > .dropdown-custom .dropdown-menu-custom {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  min-width: 8.125rem;
  border: 1px solid #e5e7eb;
}
.integrations .card .card-body .more-action > .dropdown-custom .btn-solid {
  padding: 0px;
}
.integrations .card .card-body .more-action > .dropdown-custom .icon-configure {
  height: 1rem;
}
.integrations .card:hover {
  box-shadow: 0px 0px 0.25rem #93c5fd;
}
.integrations .card.active {
  background: #eff6ff;
  border-color: #dbeafe;
}

.duein-input {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}

.duein-days {
  display: flex;
  align-items: center;
}

.configuration {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.configuration__content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.configuration__content .bs-r-6 {
  right: 0rem;
  top: -1rem;
  z-index: 2;
}
.configuration__content .bs-r-6 .shd-button.outline-danger {
  background-color: transparent !important;
  border: 1px solid #dc2626;
  color: #dc2626;
}
.configuration__content .bs-tabs {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.configuration__content .bs-tabs > .bs-tabs-content-holder {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.configuration__content .bs-tabs > .bs-tabs-content-holder > .bs-tabs-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.configuration__content .bs-tabs > .bs-tabs-content-holder > .bs-tabs-content > .bs-tabs-tabpane-active {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.configuration__content .fields {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 1.125rem 0rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
}
.configuration__content .fields__slots {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.configuration__content .fields__slots-slot {
  padding: 1.125rem 0px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.configuration__content .fields__slots-slot img {
  height: 1.5rem;
}
.configuration__content .fields__slots-slot .crm-field {
  min-width: 10rem;
}
.configuration__content .fields__slots-slot:hover {
  background-color: #f9fafb;
}
.configuration__content .triggers {
  position: relative;
  flex: 1;
  min-height: 0;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.configuration__content .triggers--no-header {
  margin-top: 24px;
}
.configuration__content .triggers__title {
  flex-shrink: 0;
  padding-top: 1.125rem;
  padding-bottom: 0.5rem;
  background-color: #ffffff;
}
.configuration__content .triggers__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.configuration__content .triggers__header-options {
  border-collapse: collapse;
}
.configuration__content .triggers__header-options-option {
  width: 100%;
  border: 1px solid #e6eaee;
  padding: 1.25rem 1.5rem;
}
.configuration__content .triggers__header-options-option:not(:last-child) {
  border-bottom: 0px;
}
.configuration__content .triggers__header-options-option .bs-select-box {
  width: 16.875rem;
  height: 1.875rem;
  background-color: #f7f8f9;
}
.configuration__content .triggers__header-options-option .action-container {
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.configuration__content .triggers__header-options-option .action-container .separator {
  width: 0.0625rem;
  height: 1.25rem;
  border-radius: 0.0625rem;
  background: #e5e7eb;
}
.configuration__content .triggers__header-options-option .action-container i {
  color: #9ca3af;
  transition: all 0.2s ease;
}
.configuration__content .triggers__header-options-option .action-container i:hover {
  color: #1f2937;
}
.configuration__content .triggers__header-options-option-selected {
  display: grid;
  row-gap: 2px;
  justify-content: end;
}
.configuration__content .triggers__header-options-option-selected-item {
  width: 16.875rem;
  padding: 0.375rem 1rem;
}
.configuration__content .triggers__btn-tooltip {
  margin-left: 0rem;
}
.configuration__content .triggers__btn-tooltip .arrow {
  display: none;
}
.configuration__content .triggers__btn-tooltip .tooltip-inner {
  height: 1.575rem;
  padding: 0.375rem 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1.125rem;
  color: #ffffff;
}
.configuration .footer {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background-color: #fff;
}
.configuration .triggers > .footer {
  position: relative;
  width: auto;
  flex-shrink: 0;
}
.configuration .mapping {
  height: calc(100vh - 10rem);
  margin-top: 1.625rem;
  position: relative;
  border: 1px solid #e6eaee;
  border-radius: 0.25rem;
  background-color: #ffffff;
}
.configuration .mapping__header {
  height: 90%;
  overflow-y: auto;
}
.configuration .mapping__header-content {
  width: 29rem;
}
.configuration .mapping__header-content .default-filed {
  width: 12.5rem;
  padding: 0.375rem 1rem;
  border: 1px solid #e6eaee;
  border-radius: 0.25rem;
}
.configuration .mapping__header-content .basic-multi-select {
  width: 12.5rem;
}
.configuration .mapping__header-content .basic-multi-select .cs__control {
  background-color: #f7f8f9 !important;
}
.configuration .mapping__header-content .basic-multi-select .cs__single-value {
  color: #1f2937;
}
.configuration .mapping__header-content .basic-multi-select .cs__indicator {
  color: #9ca3af !important;
}
.configuration .mapping__header-content .basic-multi-select .cs__indicator-separator {
  background-color: #e5e7eb !important;
}

.connect-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.connect-title .connect-title-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.connect-title .connect-title-icon svg {
  width: 100%;
  height: 100%;
  color: #d97706;
}
.connect-title .connect-title-icon.upload-icon svg {
  color: #1d4ed8;
}
.connect-title h1 {
  font-weight: 600;
}

.trigger-tooltip .tooltip-inner {
  max-width: 16.875rem !important;
}

.tag-alert {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  border: 1px solid #fef3c7;
  background: #fffbeb;
}
.tag-alert .tag-alert-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tag-alert .tag-alert-icon svg {
  width: 100%;
  height: 100%;
  color: #b45309;
}
.tag-alert p {
  margin: 0;
  color: #92400e;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.trigger-options-dropdown li {
  word-break: normal;
}

.zapier-title {
  margin-top: 2.625rem;
}

.extra-actions-multi-select-container {
  gap: 0.75rem;
}
.extra-actions-multi-select-container .shd-pills {
  height: 1.375rem;
  padding: 0.125rem 0.5rem;
  border: 0.0625rem solid #d1d5db;
  background: #f3f4f6;
}
.extra-actions-multi-select-container .shd-pills .pills-label {
  color: #1f2937;
  line-height: 1rem;
}
.extra-actions-multi-select-container .shd-pills .pills-close {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}

.dynamic-select-list-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dynamic-select-list-header .spinner-border {
  width: 1rem;
  height: 1rem;
  border: 2px solid #1d4ed8;
  border-right-color: transparent;
}
.dynamic-select-list-header span {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #6b7280;
}

.api-token-container {
  height: 100%;
  width: 100%;
}
.api-token-container .api-token-header .api-token-create-button {
  min-width: 8.375rem;
}
.api-token-container .table-list {
  position: relative;
  height: calc(100vh - 13.6rem);
  overflow-y: auto;
  overflow-x: auto;
}

.required:after {
  content: " *";
  color: red;
}

.required {
  margin-bottom: 0%;
  font-size: 0.7rem;
}

.bs-table-thead {
  text-align: center !important;
}

.shd-modal.phone-number-billing-summary-modal .modal-content {
  border: none !important;
}

.phone-number-billing-summary-modal .modal-dialog {
  max-width: 25.5625rem !important;
}
.phone-number-billing-summary-modal .shd-modal--header {
  padding: 1.25rem 1.5rem !important;
}
.phone-number-billing-summary-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.phone-number-billing-summary-modal .shd-modal--body {
  padding-top: 0.5rem !important;
  padding-bottom: 1.25rem !important;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary p {
  margin-bottom: 0 !important;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details .section-label {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.5px;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details .price-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details .price-list .price-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details .price-list .price-item .label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details .price-list .price-item .total-label {
  font-weight: 600;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details .price-list .price-item .value {
  color: #1f2937;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details .price-list .price-item .discount-value {
  color: #ef4444;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .price-details .price-details-divider {
  width: 100%;
  height: 0.125rem;
  background: #e5e7eb;
  display: flex;
  align-self: center;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .total-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .total-section .policy-text {
  width: 100%;
  color: #6b7280;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .pricing .total-section .policy-text .refund-policy-link {
  color: #1d4ed8;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  text-decoration-line: underline;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 12px;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .footer .policy-list {
  margin: 0;
  padding: 0.625rem;
  padding-left: 2.125rem;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  background: #eff6ff;
  border-radius: 0.625rem;
  align-self: stretch;
}
.phone-number-billing-summary-modal .shd-modal--body .billing-summary .footer .pay-now {
  background-color: #1d4ed8 !important;
  width: 100%;
}
.phone-number-billing-summary-modal .shd-modal--divider {
  display: none !important;
}

.purchase-phone-number-container {
  position: relative;
  height: calc(100vh - 50px);
}
.purchase-phone-number-container .purchase-phone-number__tabs {
  height: calc(100vh - 102px);
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-content-holder {
  height: 100%;
  overflow-y: auto !important;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-content-holder .bs-tabs-content {
  height: 100%;
  overflow-y: auto !important;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav {
  margin-bottom: 0 !important;
  height: 56px;
  padding: 0 24px;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-ink-bar {
  height: 3px !important;
  background-color: #1d4ed8 !important;
  border-radius: 2px 2px 0 0 !important;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list {
  gap: 12px;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab {
  margin: 0 !important;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .label-text {
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .label-text.active {
  color: #1d4ed8;
  font-weight: 600;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .step-complete,
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .step-incomplete {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .step-complete.active,
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .step-incomplete.active {
  border: 1.5px solid #1d4ed8;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .step-complete {
  background-color: #1d4ed8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .step-complete svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #fff;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .purchase-phone-number__tabs--item--label .step-incomplete {
  border: 1.5px solid #d1d5db;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-nav .bs-tabs-nav-list .purchase-phone-number__tabs--item--chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.purchase-phone-number-container .purchase-phone-number__tabs .bs-tabs-content .bs-tabs-tabpane {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.purchase-phone-number-container .purchase-phone-number__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5rem 1.5rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(4, 21, 76, 0.08);
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 10;
}
.purchase-phone-number-container .purchase-phone-number__footer.visible {
  transform: translateY(0);
}
.purchase-phone-number-container .purchase-phone-number__footer--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 972px;
  width: 100%;
  flex: 1;
}
.purchase-phone-number-container .purchase-phone-number__footer--left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.purchase-phone-number-container .purchase-phone-number__footer--left .view-cart-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.purchase-phone-number-container .purchase-phone-number__footer--left .view-cart-btn.noNumbers {
  cursor: not-allowed;
}
.purchase-phone-number-container .purchase-phone-number__footer--left .view-cart-btn.noNumbers:hover {
  background: #f3f4f6;
}
.purchase-phone-number-container .purchase-phone-number__footer--left .view-cart-btn:hover {
  background: #f3f4f6;
}
.purchase-phone-number-container .purchase-phone-number__footer--left .view-cart-btn .view-cart-btn--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.purchase-phone-number-container .purchase-phone-number__footer--left .view-cart-btn .view-cart-btn--icon svg {
  width: 100%;
  height: 100%;
  color: #1f2937;
}
.purchase-phone-number-container .purchase-phone-number__footer--left .view-cart-btn .view-cart-btn--text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.purchase-phone-number-container .purchase-phone-number__footer--left .view-cart-btn .view-cart-btn--text span {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.purchase-phone-number-container .purchase-phone-number__footer--left--divider {
  width: 1px;
  height: 2rem;
  background-color: #e5e7eb;
  margin-left: 0.5rem;
  margin-right: 1rem;
}
.purchase-phone-number-container .purchase-phone-number__footer--left--total {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.purchase-phone-number-container .purchase-phone-number__footer--left--total span {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.purchase-phone-number-container .purchase-phone-number__footer--right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.purchase-phone-number-container .purchase-phone-number__footer--cta {
  min-width: 6.25rem;
  gap: 0.25rem;
}

.purchase-phone-number-cart ::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.4375rem;
}
.purchase-phone-number-cart ::-webkit-scrollbar-track {
  background: #ffffff;
}
.purchase-phone-number-cart ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 0.25rem;
}
.purchase-phone-number-cart .modal-dialog {
  width: 581px;
  max-width: none;
  height: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  border-radius: 1.25rem;
}
.purchase-phone-number-cart .modal-content {
  height: 100%;
  max-height: 100%;
  border: 0;
  border-radius: 0;
}
.purchase-phone-number-cart .modal-header {
  display: flex;
  padding: 1.25rem 1.875rem;
  min-height: auto;
  border-bottom: 2px solid #e5e7eb;
}
.purchase-phone-number-cart .modal-header .modal-title {
  color: #000000;
  line-height: 1.25rem;
}
.purchase-phone-number-cart .modal-header .close-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  padding: 6px;
}
.purchase-phone-number-cart .modal-header .close-icon-btn svg {
  color: #1f2937;
}
.purchase-phone-number-cart .modal-header .close-icon-btn:hover {
  cursor: pointer;
  background-color: #f3f4f6;
  color: #6b7280;
}
.purchase-phone-number-cart .modal-body {
  padding: 14px 24px 0 24px;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.purchase-phone-number-cart .modal-body .cart-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-section-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-section-header .cart-section-title {
  color: #000000;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-section-header .phone-numbers-badge {
  width: 26px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: #e5e7eb;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list {
  display: flex;
  flex-direction: column;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 0.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e5e7eb;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content .cart-data-item-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content .cart-data-item-header .flag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content .cart-data-item-header .flag-icon .flag-emoji {
  font-size: 1.25rem;
  line-height: 1;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content .cart-data-item-header .cart-data-item-name {
  color: #1f2937;
  font-weight: 500;
  font-size: 16px;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content .cart-data-item-header .cart-data-item-location {
  color: #6B7280;
  font-size: 12px;
  font-weight: 500;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content .cart-data-item-header .cart-data-item-type-badge {
  display: inline-flex;
  width: fit-content;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  align-items: center;
  justify-content: center;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content .cart-data-item-header .cart-data-item-type-badge .cart-data-item-type-badge-content {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-content .cart-data-item-header .cart-data-item-type-badge .cart-data-item-type-badge-content svg {
  width: 14px;
  height: 14px;
  color: #1F2937;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-info {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex-shrink: 0;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-price {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  white-space: nowrap;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-remove-spinner {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-remove-spinner .spinner-border-sm {
  width: 14px;
  height: 14px;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-remove {
  width: 20px;
  height: 20px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #6b7280;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-remove svg {
  width: 100%;
  height: 100%;
}
.purchase-phone-number-cart .modal-body .cart-content .cart-data-list .cart-data-item .cart-data-item-info .cart-data-item-remove:hover {
  color: #6b7280;
  background-color: #f3f4f6;
}
.purchase-phone-number-cart .modal-footer {
  padding: 1rem 1.875rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  max-height: unset;
  min-height: unset;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.purchase-phone-number-cart .modal-footer .cart-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
}
.purchase-phone-number-cart .modal-footer .cart-info .cart-info-left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.purchase-phone-number-cart .modal-footer .cart-info .cart-info-left p {
  margin: 0;
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 1rem;
}
.purchase-phone-number-cart .modal-footer .cart-info .cart-info-right {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.purchase-phone-number-cart .modal-footer .cart-info .cart-info-right p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.purchase-phone-number-cart .modal-footer .cart-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
}
.purchase-phone-number-cart .modal-footer .cart-actions .clear-all-btn {
  padding: 0;
  text-decoration: none;
  width: 3.4375rem;
}
.purchase-phone-number-cart .modal-footer .cart-actions .clear-all-btn:hover {
  text-decoration: underline;
}
.purchase-phone-number-cart .modal-footer .cart-actions .cart-next-button {
  min-width: 84px;
  gap: 0.25rem;
}
.purchase-phone-number-cart .modal-footer .cart-actions .cart-next-button.continue-btn-lg {
  width: 12.0625rem;
}
.purchase-phone-number-cart {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.purchase-phone-number-cart.show {
  transform: translateX(0);
}
.purchase-phone-number-cart.hide {
  transform: translateX(100%);
}

.select-numbers-step-container .free-number-eligibility-banner {
  display: flex;
  justify-content: center;
  padding: 12px 24px 0;
}
.select-numbers-step-container .free-number-eligibility-banner .free-number-alert {
  align-items: center;
  width: 972px;
  height: 24px;
  padding: 4px 8px;
}
.select-numbers-step-container .free-number-eligibility-banner .free-number-alert .free-number-alert-content {
  display: flex;
  align-items: center;
  gap: 4px;
}
.select-numbers-step-container .free-number-eligibility-banner .free-number-alert .free-number-alert-content p {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  color: #1f2937;
}
.select-numbers-step-container .select-numbers-step-search-container {
  height: 64px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-numbers-step-container .select-numbers-step-search-container .select-numbers-step-search-inputs-wrapper {
  width: 652px;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.select-numbers-step-container .select-numbers-step-search-container .select-numbers-step-search-inputs-wrapper .select-numbers-step-search-button {
  flex-shrink: 0;
  width: 140px;
}
.select-numbers-step-container .select-numbers-step-numbers-container {
  padding-top: 24px;
  height: calc(100vh - 222px);
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container {
  width: 972px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .purchase-limit-reached-alert {
  align-items: center;
  justify-content: center;
  width: 957px;
  height: 32px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .purchase-limit-reached-alert .purchase-limit-alert-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .purchase-limit-reached-alert .purchase-limit-alert-content p {
  margin: 0;
  font-weight: 500;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .header p {
  color: #1f2937;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .suggested-phone-numbers-table-outer-container {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding-right: 8px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .suggested-phone-numbers-table-outer-container.purchase-phone-numbers-height {
  height: calc(100vh - 300px - var(--banner-height, 0px));
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .suggested-phone-numbers-table-outer-container.scrolled .phone-numbers-table thead {
  box-shadow: 0 0 0 1px #e6e9ef, 0 1px 3px rgba(16, 24, 40, 0.08); /* soft depth */
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .suggested-phone-numbers-table-container {
  border-top: 0;
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  border-left: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  width: 100%;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: white;
  isolation: isolate;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table thead tr th {
  border-top: none;
  box-shadow: inset 0 1px 0 0 #f3f4f6;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table thead tr:first-child th {
  border-top-left-radius: 4px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table thead tr:last-child th {
  border-top-right-radius: 4px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table th,
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table td {
  padding: 0;
  text-align: left;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid #f3f4f6;
  border-right: 0.0625rem solid #f3f4f6;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table th:last-child,
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table td:last-child {
  border-right: none;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  text-align: center;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table th {
  padding: 0;
  height: 46px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table th span {
  display: flex;
  color: #6b7280;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  text-wrap: nowrap;
  align-items: center;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table td {
  padding: 0px;
  height: 40px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table td span {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .table-row.row-selected {
  background-color: #f9fafb;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table.row-loading td:last-child span {
  padding: 0;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .add-to-cart-button {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  height: 100%;
  width: 100%;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .add-to-cart-button.shd-button svg {
  width: max-content;
  height: max-content;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .add-to-cart-button.shd-button--disabled span .add-to-cart-icon {
  cursor: not-allowed;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .add-to-cart-button.add-to-cart-button:not(.shd-button--disabled) .add-to-cart-icon:hover {
  color: #1d4ed8;
  background-color: #dbeafe;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .add-to-cart-button span {
  padding: 0;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .add-to-cart-button .add-to-cart-icon {
  cursor: pointer;
  color: #6b7280;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .remove-from-cart-icon {
  cursor: pointer;
  color: #059669;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .remove-from-cart-icon:hover {
  color: #6b7280;
  background-color: #e5e7eb;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .number-type-badge {
  display: inline-flex;
  width: fit-content;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .number-type-badge .number-type-badge-content {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #262626;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .number-type-badge .number-type-badge-content span {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
}
.select-numbers-step-container .select-numbers-step-numbers-container .suggested-phone-numbers-container .suggested-phone-numbers .phone-numbers-table .number-type-badge .number-type-badge-content svg {
  width: 14px;
  height: 14px;
}
.select-numbers-step-container .no-phone-number-found {
  width: 396px;
}
.select-numbers-step-container .no-phone-number-found svg {
  margin-bottom: 16px;
}
.select-numbers-step-container .no-phone-number-found .text {
  color: #1f2937;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
}
.select-numbers-step-container .no-phone-number-found .text-2 {
  color: #1f2937;
  text-align: center;
  margin-bottom: 0px;
}

.searching-phone-numbers .suggested-phone-numbers-container {
  margin-bottom: 0;
}
.searching-phone-numbers .suggested-phone-numbers-container .suggested-phone-numbers .suggested-phone-numbers-table-outer-container.purchase-phone-numbers-height {
  height: 250px !important;
}
.searching-phone-numbers .searching-phone-numbers-text {
  margin: 0 auto;
  margin-top: 1rem;
  width: max-content;
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  text-wrap: nowrap;
}

.select-numbers-step-dropdown .transfer-container .transfer-body .transfer-content {
  max-height: 16.725rem !important;
}
.select-numbers-step-dropdown .react-select-container {
  width: 244px;
}
.select-numbers-step-dropdown .react-select-container .react-select__control {
  min-height: 32px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #d9d9d9;
}
.select-numbers-step-dropdown .react-select-container .react-select__control .react-select__single-value--is-disabled {
  color: #bfbfbf !important;
  cursor: not-allowed !important;
}
.select-numbers-step-dropdown .react-select-container .react-select__control:hover {
  border-color: #346aff;
}
.select-numbers-step-dropdown .react-select-container .react-select__control.react-select__control--is-focused {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.select-numbers-step-dropdown .react-select-container .react-select__value-container {
  padding: 4px 11px;
  height: 32px;
}
.select-numbers-step-dropdown .react-select-container .react-select__placeholder {
  font-size: 14px;
  color: #bfbfbf;
  margin: 0;
}
.select-numbers-step-dropdown .react-select-container .react-select__single-value {
  font-size: 14px;
  color: #1f2937;
  margin-top: -1px;
  margin-left: 1px;
}
.select-numbers-step-dropdown .react-select-container .react-select__indicators .react-select__dropdown-indicator {
  display: none;
}
.select-numbers-step-dropdown .react-select-container .react-select__indicators .react-select__indicator-separator {
  display: none;
}
.select-numbers-step-dropdown .react-select-container .react-select__indicators .react-select__clear-indicator {
  margin-right: 7px;
  margin-top: -3px;
  width: 16px;
  height: 16px;
  padding: 0;
  color: #1f2937;
}
.select-numbers-step-dropdown .react-select-container .react-select__menu {
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 9999;
}
.select-numbers-step-dropdown .react-select-container .react-select__menu-list {
  padding: 8px 0px;
  max-height: 224px;
}
.select-numbers-step-dropdown .react-select-container .region-loading-more {
  padding: 6px 12px;
  text-align: center;
  font-size: 14px;
  color: #595959;
  line-height: 20px;
}
.select-numbers-step-dropdown .react-select-container .react-select__option {
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  padding: 6px 12px;
  background-color: #ffffff;
  cursor: pointer;
}
.select-numbers-step-dropdown .react-select-container .react-select__option:hover, .select-numbers-step-dropdown .react-select-container .react-select__option.react-select__option--is-focused {
  background-color: #eff6ff;
}
.select-numbers-step-dropdown .react-select-container .react-select__option:active {
  background-color: #eff6ff;
}

.contact-details-step-container {
  display: flex;
  justify-content: center;
  padding-top: 24px;
}
.contact-details-step-container .form-without-bundle-container {
  width: 964px;
  min-height: 530px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact-details-step-container .form-without-bundle-container .contact-details-info-alert {
  align-items: center;
  width: 100%;
  height: 24px;
  padding: 4px 8px;
}
.contact-details-step-container .form-without-bundle-container .contact-details-info-alert .contact-details-alert-content {
  display: flex;
  align-items: center;
  gap: 4px;
}
.contact-details-step-container .form-without-bundle-container .contact-details-info-alert .contact-details-alert-content p {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  color: #1f2937;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(6, 52px);
  column-gap: 16px;
  row-gap: 27px;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content label.bs-input-label-prefix {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content label.bs-input-label-suffix {
  font-size: 10px;
  font-weight: 400;
  color: #ef4444;
  margin: 0px !important;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content input::placeholder {
  color: #9ca3af !important;
  font-size: 14px;
  font-weight: 400;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row {
  display: contents;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field.has-error .bs-select-box {
  border-color: #ef4444 !important;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .bs-input-label-prefix {
  line-height: 22px;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field {
  display: flex;
  flex-direction: column;
  height: 52px;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .bs-input-label-prefix {
  margin-bottom: 2px !important;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .phone-form-input {
  width: 100%;
  position: relative;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .phone-form-input .form-control {
  height: 32px;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .phone-form-input .flag-dropdown {
  border: 1px solid #d1d5db;
  border-radius: 4px 0 0 4px;
  background-color: transparent;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .phone-form-input.input-error .form-control {
  border-color: #ef4444;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .phone-form-input.input-error .flag-dropdown {
  border-color: #ef4444;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .phone-form-input .form-control:focus {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .phone-form-input .form-control:focus ~ .flag-dropdown {
  border-color: #346aff !important;
  outline: 0;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field .bs-select-box .placeholder {
  color: #9ca3af !important;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row .form-field div.bs-input-container {
  margin-bottom: 0;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .form-row.form-row-full .form-field {
  grid-column: 1/-1;
  width: 100%;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .country-select-dropdown,
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .state-select-dropdown,
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .city-select-dropdown {
  width: 100%;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .country-select-dropdown.has-error .select-button,
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .state-select-dropdown.has-error .select-button,
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .city-select-dropdown.has-error .select-button {
  border-color: #ef4444;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .phone-input-country-dropdown {
  position: absolute;
  top: 100% !important;
  bottom: auto !important;
  left: 0 !important;
  right: auto !important;
  margin-top: 4px;
  z-index: 1000;
  max-height: 150px;
  overflow-y: auto;
}
.contact-details-step-container .form-without-bundle-container .form-without-bundle-content .phone-input-country-dropdown-top {
  top: auto !important;
  bottom: 100% !important;
  margin-top: 0;
  margin-bottom: 4px;
}

.registration-details-step {
  display: flex;
  justify-content: center;
  padding: 20px 32px 0 32px;
  margin-bottom: 20px;
  overflow-y: auto;
  height: 100%;
}
.registration-details-step__content {
  width: 100%;
  max-width: 976px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.registration-details-step__header {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.registration-details-step__regulatory {
  display: flex;
  justify-self: center;
  gap: 10px;
  padding: 10px 16px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 4px;
}
.registration-details-step .registration-details-step__regulatory--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 15px;
  min-width: 15px;
  color: #d97706;
  margin-top: 3px;
}
.registration-details-step .registration-details-step__regulatory--text {
  font-size: 14px;
  font-weight: 400;
  color: #92400e;
}
.registration-details-step .registration-details-step__regulatory--text span {
  font-weight: 600;
}
.registration-details-step .registration-details-step__regulatory--text a {
  color: #92400e;
  text-decoration: underline;
}
.registration-details-step__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.registration-details-step__subtitle {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
}
.registration-details-step__applications {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.registration-details-step__applications--empty {
  height: 100%;
}
.registration-details-step__applications--empty .compliance-list-empty-state {
  padding: 40px 0;
}
.registration-details-step__loading-more {
  display: flex;
  justify-content: center;
  padding: 12px 0 4px;
}

.registration-details-step-application-card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
}
.registration-details-step-application-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
}
.registration-details-step-application-card__radio {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  accent-color: #0137fc;
}
.registration-details-step-application-card__name {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937;
}
.registration-details-step-application-card__name--selected {
  color: #1d4ed8;
}
.registration-details-step-application-card__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
}
.registration-details-step-application-card__toggle:hover {
  background-color: #f3f4f6;
  color: #4b5563;
}
.registration-details-step-application-card__body {
  border-top: 1px solid #e5e7eb;
  padding: 12px 16px 16px 16px;
  background-color: #f9fafb;
}
.registration-details-step-application-card__documents-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #374151;
}
.registration-details-step-application-card__documents-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.registration-details-step-application-card__document-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
}
.registration-details-step-application-card__document-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.registration-details-step-application-card__document-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.registration-details-step-application-card__document-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.registration-details-step-application-card__document-name {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.registration-details-step-application-card__document-size {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #9ca3af;
}
.registration-details-step-application-card__document-download {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
}
.registration-details-step-application-card__document-download:hover:not(:disabled) {
  color: #1d4ed8;
}
.registration-details-step-application-card__document-download:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.registration-details-step-skeleton {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.registration-details-step-skeleton__search {
  width: 100%;
}
.registration-details-step-skeleton__search > * {
  width: 100%;
}
.registration-details-step-skeleton__card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
}
.registration-details-step-skeleton__card-name {
  flex: 1;
  min-width: 0;
}

.purchase-indian-number-empty-state {
  flex: 1;
  min-height: 0;
  display: flex;
  justify-content: center;
  padding: 64px 24px 64px 24px;
  background-color: #ffffff;
}
.purchase-indian-number-empty-state__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 400px;
  gap: 4px;
}
.purchase-indian-number-empty-state__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.purchase-indian-number-empty-state__icon .compliance-status-icon--not_added {
  background-color: #f3f4f6;
  color: #9ca3af;
  border: none;
}
.purchase-indian-number-empty-state__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937;
  margin-top: 12px;
}
.purchase-indian-number-empty-state__description {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
  margin-bottom: 12px;
}
.purchase-indian-number-empty-state__action {
  min-width: fit-content;
}
.purchase-indian-number-empty-state__action--secondary {
  background: none;
  color: #1f2937;
  padding: 6px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  cursor: pointer;
}
.purchase-indian-number-empty-state__action--secondary:hover {
  background-color: #f9fafb;
}
.purchase-indian-number-empty-state__action--secondary:focus-visible {
  outline: 2px solid #0137fc;
  outline-offset: 2px;
}

.purchase-phone-number-banner-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purchase-phone-number-banner-wrapper .purchase-phone-number-banner {
  width: 488px;
  height: 252px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.purchase-phone-number-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}

.purchase-phone-number-banner-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 320px;
  gap: 8px;
}
.purchase-phone-number-banner-desc h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  text-align: center;
}
.purchase-phone-number-banner-desc p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  text-align: center;
  line-height: 20px;
}

.purchase-phone-number-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 8px;
}
.purchase-phone-number-actions.contact-admin-actions {
  margin-top: 24px;
}

.learn-more-link {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
}
.learn-more-link:hover {
  text-decoration: underline;
}
.learn-more-link svg {
  flex-shrink: 0;
}

.purchase-button {
  background: #1d4ed8;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
.purchase-button:hover {
  background: #1e40af;
}
.purchase-button:active {
  background: #1e40af;
}

.phone-number-list-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.phone-number-list-wrapper .phone-number-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  gap: 0.75rem;
  margin: 1.5rem 1.5rem 1rem;
}
.phone-number-list-wrapper .phone-number-list-header__left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.phone-number-list-wrapper .phone-number-list-header__right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.phone-number-list-wrapper .phone-number-list-header__left .phone-number-list-search, .phone-number-list-wrapper .phone-number-list-header__right .phone-number-list-search {
  width: 200px;
  height: 100%;
}
.phone-number-list-wrapper .phone-number-list-header__left .phone-number-list-search .input-icons-right, .phone-number-list-wrapper .phone-number-list-header__right .phone-number-list-search .input-icons-right {
  cursor: pointer;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button {
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  background: transparent;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button .icon {
  font-size: 1.25rem;
  color: #6b7280;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button svg.icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button:hover {
  background-color: #dbeafe;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button:hover .icon {
  color: #1d4ed8;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button:hover svg.icon {
  color: #1d4ed8;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button--disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button--disabled:hover {
  background-color: transparent;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button--disabled:hover .icon {
  color: #6b7280;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button--disabled:hover svg.icon {
  color: #6b7280;
}
.phone-number-list-wrapper .phone-number-list-header__icon-button--credit {
  background-color: #fff;
  border-radius: 0.25rem;
}
.phone-number-list-wrapper .phone-number-list-header__divider {
  width: 0.125rem;
  height: 2rem;
  background: #e5e7eb;
  border-radius: 0.125rem;
}
.phone-number-list-wrapper .phone-number-list-header__purchase-button {
  height: 32px;
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.phone-number-list-wrapper .phone-number-list-header .icon-container .filter-count-badge {
  position: absolute;
  background-color: #346aff;
  color: white;
  font-size: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 7px;
  height: 7px;
  text-align: center;
  padding: 0px;
  top: 4px;
  right: 3px;
}
.phone-number-list-wrapper .call-logs__empty-section {
  height: 100%;
}
.phone-number-list-wrapper .call-logs__empty-section .call-logs-search-empty-state {
  height: 100%;
}
.phone-number-list-wrapper .call-logs__empty-section .call-logs-search-empty-state .empty-list__content-vertical {
  height: 10.125rem;
}
.phone-number-list-wrapper .call-logs__empty-section .call-logs-search-empty-state .empty-list__title-vertical {
  margin: 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 8px;
}
.phone-number-list-wrapper .call-logs__empty-section .call-logs-search-empty-state .empty-list__body-vertical {
  width: 100%;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.phone-number-list-wrapper .free-numbers-banner {
  padding: 10px 24px 10px 24px;
  align-items: center;
}
.phone-number-list-wrapper .free-numbers-banner.alert {
  margin-bottom: 16px !important;
}
.phone-number-list-wrapper .free-numbers-banner div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.phone-number-list-wrapper .free-numbers-banner div .alert-message-text .free-numbers-banner__message {
  font-size: 14px;
  line-height: 16px;
  color: #1d4ed8;
}
.phone-number-list-wrapper .free-numbers-banner div .alert-message-text .free-numbers-banner__message .free-numbers-banner__message__highlight {
  font-weight: 400;
}
.phone-number-list-wrapper .free-numbers-banner div .shd-button--link {
  background: transparent;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 0px !important;
  text-decoration: underline;
  margin-left: 6px !important;
}
.phone-number-list-wrapper .free-numbers-banner div .shd-button--link:hover {
  background: transparent;
  color: #1e40af;
}
.phone-number-list-wrapper .free-numbers-banner div .alert-message-text:nth-of-type(2) {
  margin-left: 6px;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}
.phone-number-list-wrapper .free-numbers-banner div .shd-button {
  height: auto;
}
.phone-number-list-wrapper .free-numbers-banner div img {
  display: none;
}
.phone-number-list-wrapper .free-numbers-banner .free-numbers-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 6px 6px 14px;
  border-radius: 4px;
}
.phone-number-list-wrapper .free-numbers-banner .free-numbers-close-btn:hover {
  background: #dbeafe;
  color: #1d4ed8;
}

.phone-number-filters-modal .modal-dialog .modal-content .modal-body .react-datepicker-wrapper .datepicker-select-input {
  background-color: #f9fafb !important;
}
.phone-number-filters-modal .modal-dialog .modal-content .modal-body .react-datepicker-wrapper .datepicker-select-input .datepicker-placeholder {
  color: #6b7280 !important;
}
.phone-number-filters-modal .modal-dialog .modal-content .modal-body .react-datepicker-wrapper .datepicker-select-input:hover {
  border-color: rgb(179, 179, 179) !important;
}
.phone-number-filters-modal .modal-dialog .modal-content .modal-body .react-datepicker-wrapper .datepicker-select-input.datepicker-focused {
  box-shadow: rgb(38, 132, 255) 0px 0px 0px 1px;
}
.phone-number-filters-modal .modal-dialog .modal-content .modal-body .react-datepicker-wrapper .datepicker-select-input.datepicker-focused:hover {
  border-color: rgb(38, 132, 255) !important;
}
.phone-number-filters-modal .modal-dialog .modal-content .modal-body .filter-container .prospect-filter-date-piker .react-datepicker-wrapper .react-datepicker__input-container .date-picker-container {
  height: auto !important;
}
.phone-number-filters-modal .modal-dialog .modal-content .modal-body .filter-container .prospect-filter-date-piker .react-datepicker-wrapper .react-datepicker__input-container .date-picker-container div {
  padding: 6px !important;
}
.phone-number-filters-modal .modal-dialog .modal-content .modal-footer {
  padding: 13px 24px;
}

.phone-number-list-table__compliance-link {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.phone-number-list-table__compliance-link span:hover {
  text-decoration: underline;
}
.phone-number-list-table {
  flex-grow: 1;
  height: 100%;
  overflow-y: hidden;
  height: calc(100vh - 122px);
  padding: 0 1.5rem;
}
:has(.demo-account-alert) .phone-number-list-table {
  height: calc(100vh - 162px);
}
.phone-number-list-table .tanstack-table {
  overflow: unset;
}
.phone-number-list-table .tanstack-table .tanstack-table-clear-selection-alert button {
  font-size: 12px;
}
.phone-number-list-table .tanstack-table .tanstack-table--pagination {
  margin: 0 -1.5rem;
}
.phone-number-list-table .tanstack-table .tanstack-table--thead .tanstack-table--th .column-header-resizer {
  display: none;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr {
  transition: background-color 0.2s;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr:hover {
  background-color: #f9fafb;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content {
  transition: background-color 0.2s;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--checkbox .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 4px;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content:hover {
  background-color: #f3f4f6;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content:hover .bs-select-box .bs-select-box-icon-wrapper {
  display: flex;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content:has(.bs-select-open) {
  background-color: #f3f4f6;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content:has(.bs-select-open) .bs-select-box .bs-select-box-icon-wrapper {
  display: flex;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .editable-cell button {
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .editable-cell button:hover {
  background-color: #fff;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content:has(.bs-select-box) {
  padding: 0;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .bs-select-box {
  border-color: transparent !important;
  border: none !important;
  padding: 0 1rem !important;
  background: transparent !important;
  border-radius: 0 !important;
  height: 40px !important;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .bs-select-box .bs-select-box-icon-wrapper {
  display: none;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .bs-select-box .bs-select-box-icon-wrapper:hover {
  background-color: #fff;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .bs-select-box:hover {
  border-color: transparent !important;
  border-right-width: 0px !important;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .bs-select-box:focus {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.phone-number-list-table .tanstack-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td.tanstack-table--td:last-of-type .column-cell-content:hover {
  background-color: #f9fafb;
}
.phone-number-list-table .phone-number-cell {
  display: flex;
  align-items: center;
}
.phone-number-list-table .phone-number-cell .phone-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.phone-number-list-table .phone-number-cell {
  gap: 12px;
  width: 100%;
  overflow: hidden;
}
.phone-number-list-table .phone-number-cell.phone-number-cell-has-both-badges {
  gap: 5px;
}
.phone-number-list-table .phone-number-cell .phone-number-flag {
  width: 18px;
  height: 14px;
  flex-shrink: 0;
}
.phone-number-list-table .phone-number-cell .phone-number-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-number-list-table .phone-number-cell .phone-number-text:hover {
  color: #1d4ed8;
}
.phone-number-list-table .phone-number-cell .phone-number-cell__copy-btn {
  flex-shrink: 0;
}
.phone-number-list-table .phone-number-cell .primary-badge-chip {
  display: inline-flex;
  width: fit-content;
  border-radius: 100px;
  background-color: #d1fae5;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  flex-shrink: 0;
  color: #262626;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.phone-number-list-table .phone-number-cell .primary-badge-chip span {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
}
.phone-number-list-table .editable-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phone-number-list-table .editable-cell .edit-text {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phone-number-list-table .editable-cell .edit-button {
  display: none;
  padding: 3px;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  transition: opacity 0.2s ease-in-out;
}
.phone-number-list-table .editable-cell:hover .edit-button {
  display: flex;
}
.phone-number-list-table .number-type-badge {
  display: inline-flex;
  width: fit-content;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  align-items: center;
  justify-content: center;
}
.phone-number-list-table .number-type-badge .number-type-badge-content {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #262626;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.phone-number-list-table .number-type-badge .number-type-badge-content span {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
}
.phone-number-list-table .number-type-badge .number-type-badge-content svg {
  width: 14px;
  height: 14px;
}
.phone-number-list-table .assigned-user-wrap {
  height: 1.8rem;
  min-width: 9rem;
  max-width: 9rem;
}
.phone-number-list-table .assigned-user-wrap .assigned-user {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phone-number-list-table .phone-number-avatar .bs-avatar-string {
  color: #1d4ed8 !important;
  font-size: 0.8rem;
}
.phone-number-list-table .feature-badge-chip-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.phone-number-list-table .feature-badge-chip-wrapper .feature-settings-icon {
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #6b7280;
  transition: background-color 0.2s;
  flex-shrink: 0;
  padding: 4px;
  border-radius: 4px;
}
.phone-number-list-table .feature-badge-chip-wrapper .feature-settings-icon:hover {
  background-color: #fff;
}
.phone-number-list-table .feature-badge-chip-wrapper .feature-settings-icon:focus {
  outline: none;
}
.phone-number-list-table .feature-badge-chip-wrapper:hover .feature-settings-icon {
  display: flex;
}
.phone-number-list-table .feature-badge-chip {
  display: inline-flex;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  flex-shrink: 0;
  color: #262626;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.phone-number-list-table .feature-badge-chip span {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
}
.phone-number-list-table .feature-badge-chip.enabled {
  background-color: #d1fae5;
}
.phone-number-list-table .feature-badge-chip.disabled {
  background-color: #f3f4f6;
}
.phone-number-list-table .column-header-content .column-header-content--name .column-header-content--checkbox .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 4px;
}
.phone-number-list-table .phone-number-actions-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.phone-number-list-table .phone-number-actions-cell .show .phone-number-actions-toggle {
  background: #eff6ff;
}
.phone-number-list-table .phone-number-actions-cell .phone-number-actions-toggle {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s;
  border-radius: 999px;
}
.phone-number-list-table .phone-number-actions-cell .phone-number-actions-toggle:hover:not(:disabled) {
  background: #eff6ff;
}
.phone-number-list-table .phone-number-actions-cell .phone-number-actions-toggle:focus {
  outline: none;
  box-shadow: none;
}
.phone-number-list-table.phone-number-list-table--no-pagination .tanstack-table--wrapper {
  height: calc(100% - 16px);
  max-height: calc(100% - 16px);
}
.phone-number-list-table__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  gap: 8px;
}
.phone-number-list-table__empty-state-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  background: #f3f4f6;
  padding: 18px;
  border-radius: 999px;
}
.phone-number-list-table__empty-state-title {
  font-size: 16px;
  font-weight: 400;
  color: #4b5563;
}
.phone-number-list-table__empty-state-description {
  font-size: 16px;
  font-weight: 400;
  color: #9ca3af;
}

.phone-number-actions-dropdown {
  width: 205px !important;
}
.phone-number-actions-dropdown .dropdown-item-custom {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}
.phone-number-actions-dropdown .dropdown-item-custom .gray-txt-15 {
  color: #6b7280;
}
.phone-number-actions-dropdown .dropdown-item-custom.dropdown-item-custom--disabled, .phone-number-actions-dropdown .dropdown-item-custom.dropdown-item-custom--disabled:hover, .phone-number-actions-dropdown .dropdown-item-custom.dropdown-item-custom--disabled:focus, .phone-number-actions-dropdown .dropdown-item-custom.dropdown-item-custom--disabled:active {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: transparent;
  color: #262626;
  pointer-events: auto;
}

.make-primary-number-modal .modal-body p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.make-primary-number-modal .shd-modal--divider {
  background: #e5e7eb;
  height: 1px;
}
.make-primary-number-modal .modal-footer .cancel-btn {
  min-width: 77px !important;
}
.make-primary-number-modal .modal-footer .shd-button--primary {
  min-width: 77px;
}

.phone-number-cell__copy-btn.click-to-copy-tooltip .tooltip-inner {
  width: 100%;
  max-width: 100%;
}

.claim-free-phone-numbers-modal .modal-dialog {
  max-width: 640px;
}
.claim-free-phone-numbers-modal .modal-dialog .modal-content {
  border: none !important;
}
.claim-free-phone-numbers-modal .shd-modal--header {
  padding: 24px 24px 16px !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.claim-free-phone-numbers-modal .shd-modal--body {
  padding: 0 !important;
  max-height: 325px;
}
.claim-free-phone-numbers-modal .shd-modal--close-btn {
  padding: 6px;
  border-radius: 4px;
  width: 28px;
  height: 28px;
}
.claim-free-phone-numbers-modal .shd-modal--close-btn svg {
  width: 16px;
  height: 16px;
  color: #9ca3af;
}
.claim-free-phone-numbers-modal .shd-modal--close-btn:hover svg {
  color: #1f2937;
}
.claim-free-phone-numbers-modal .shd-modal--close-btn:hover {
  background: #f3f4f6;
}
.claim-free-phone-numbers-modal .shd-modal--footer {
  padding: 16px 24px !important;
  border-top: 1px solid #e5e7eb;
}
.claim-free-phone-numbers-modal__header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.claim-free-phone-numbers-modal__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #1f2937;
}
.claim-free-phone-numbers-modal__subtitle {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
}
.claim-free-phone-numbers-modal__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 24px 24px;
}
.claim-free-phone-numbers-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.claim-free-phone-numbers-modal__field .bs-select-box-text.placeholder {
  line-height: 26px;
  color: #9ca3af;
}
.claim-free-phone-numbers-modal__field-label {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #4b5563;
}
.claim-free-phone-numbers-modal__row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.claim-free-phone-numbers-modal__row-item {
  flex: 1 1 0;
  min-width: 0;
}
.claim-free-phone-numbers-modal__select {
  width: 100%;
}
.claim-free-phone-numbers-modal__region-select {
  width: 100%;
}
.claim-free-phone-numbers-modal__region-select .react-select-container {
  width: 100%;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__control {
  min-height: 32px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #d9d9d9;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__control:hover {
  border-color: #346aff;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__control.react-select__control--is-focused {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__control.react-select__control--is-disabled {
  background-color: #f3f4f6;
  cursor: not-allowed;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__value-container {
  padding: 0 11px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__placeholder,
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__single-value {
  max-width: calc(100% - 4px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__placeholder {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__single-value {
  font-size: 14px;
  color: #1f2937;
  margin-left: 1px;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__indicators {
  flex-shrink: 0;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__indicators .react-select__indicator-separator {
  display: none;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__indicators .react-select__clear-indicator {
  padding: 4px;
  color: #9ca3af;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__indicators .react-select__clear-indicator:hover {
  color: #1f2937;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__indicators .react-select__loading-indicator {
  padding: 4px 8px;
  color: #9ca3af;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__menu {
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 9999;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__menu-list {
  padding: 8px 0;
  max-height: 176px;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__option {
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  padding: 6px 12px;
  cursor: pointer;
}
.claim-free-phone-numbers-modal__region-select .react-select-container .react-select__option:hover, .claim-free-phone-numbers-modal__region-select .react-select-container .react-select__option.react-select__option--is-focused, .claim-free-phone-numbers-modal__region-select .react-select-container .react-select__option:active {
  background-color: #eff6ff;
}
.claim-free-phone-numbers-modal__region-loading-more {
  padding: 6px 12px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #595959;
}
.claim-free-phone-numbers-modal__claimed {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #f3f4f6;
}
.claim-free-phone-numbers-modal__claimed-icon {
  flex-shrink: 0;
  color: #52c41a;
}
.claim-free-phone-numbers-modal__claimed-number {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.claim-free-phone-numbers-modal__claimed-tag {
  margin-left: auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #52c41a;
}
.claim-free-phone-numbers-modal__slot-error {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #f5222d;
}
.claim-free-phone-numbers-modal__option, .claim-free-phone-numbers-modal__selected {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.claim-free-phone-numbers-modal__selected {
  width: 100%;
  justify-content: space-between;
}
.claim-free-phone-numbers-modal__selected-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 26px;
  color: #1f2937;
}
.claim-free-phone-numbers-modal__placeholder {
  font-size: 14px;
  line-height: 20px;
  color: #9ca3af;
}
.claim-free-phone-numbers-modal__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
  padding: 6px;
}
.claim-free-phone-numbers-modal__clear:hover {
  color: #1f2937;
  background: #f3f4f6;
}
.claim-free-phone-numbers-modal .shd-modal--footer.with-content .shd-modal--footer__left {
  width: 100%;
}
.claim-free-phone-numbers-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}
.claim-free-phone-numbers-modal__claim-button.btn-solid-primary:disabled {
  color: #ffffff;
  background-color: #1d4ed8;
  border-color: #1d4ed8;
  opacity: 0.35;
  cursor: not-allowed;
}
.claim-free-phone-numbers-modal__claim-button:hover {
  cursor: not-allowed;
}

.india-compliance-status-banner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.india-compliance-status-banner__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.india-compliance-status-banner__content-value {
  width: fit-content;
}
.india-compliance-status-banner__content-value.btn-solid {
  display: flex;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #1d4ed8;
}
.india-compliance-status-banner__content-value.btn-solid:hover, .india-compliance-status-banner__content-value.btn-solid:focus {
  background: transparent;
}
.india-compliance-status-banner__content-value.btn-solid-default:not(:disabled):not(.disabled):active {
  background: transparent;
}
.india-compliance-status-banner__icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
.india-compliance-status-banner--approved {
  background-color: #ecfdf5;
  border-color: #a7f3d0;
  color: #047857;
}
.india-compliance-status-banner--approvalPending {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
.india-compliance-status-banner--approvalPending .india-compliance-status-banner__content-value.btn-solid {
  cursor: default;
  color: #1d4ed8;
}
.india-compliance-status-banner--approvalPending .india-compliance-status-banner__content-value.btn-solid:hover, .india-compliance-status-banner--approvalPending .india-compliance-status-banner__content-value.btn-solid:focus {
  cursor: default;
  color: #1d4ed8;
}
.india-compliance-status-banner--approvalPending .india-compliance-status-banner__content-value.btn-solid-default {
  color: #1d4ed8;
  cursor: default;
}
.india-compliance-status-banner--approvalPending .india-compliance-status-banner__content-value.btn-solid-default:hover, .india-compliance-status-banner--approvalPending .india-compliance-status-banner__content-value.btn-solid-default:focus {
  cursor: default;
  color: #1d4ed8;
}
.india-compliance-status-banner--approvalPending .india-compliance-status-banner__content-value.btn-solid-default:not(:disabled):not(.disabled):active {
  cursor: default;
  color: #1d4ed8;
}
.india-compliance-status-banner--rejected {
  background-color: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.india-compliance-status-banner--rejected .india-compliance-status-banner__content-value.btn-solid {
  color: #991b1b;
}
.india-compliance-status-banner--rejected .india-compliance-status-banner__content-value.btn-solid:hover {
  color: #991b1b;
  text-decoration: underline;
}
.india-compliance-status-banner--rejected .india-compliance-status-banner__content-value.btn-solid:focus {
  color: #991b1b;
}
.india-compliance-status-banner--rejected .india-compliance-status-banner__content-value.btn-solid-default {
  color: #991b1b;
}
.india-compliance-status-banner--rejected .india-compliance-status-banner__content-value.btn-solid-default:hover, .india-compliance-status-banner--rejected .india-compliance-status-banner__content-value.btn-solid-default:focus {
  color: #991b1b;
}
.india-compliance-status-banner--rejected .india-compliance-status-banner__content-value.btn-solid-default:not(:disabled):not(.disabled):active {
  color: #991b1b;
}
.india-compliance-status-banner--default {
  background-color: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}
.india-compliance-status-banner--default .india-compliance-status-banner__icon {
  rotate: 180deg;
}
.india-compliance-status-banner--default .india-compliance-status-banner__content-value.btn-solid {
  color: #92400e;
}
.india-compliance-status-banner--default .india-compliance-status-banner__content-value.btn-solid:hover {
  color: #92400e;
  text-decoration: underline;
}
.india-compliance-status-banner--default .india-compliance-status-banner__content-value.btn-solid:focus {
  color: #92400e;
}
.india-compliance-status-banner--default .india-compliance-status-banner__content-value.btn-solid-default {
  color: #92400e;
}
.india-compliance-status-banner--default .india-compliance-status-banner__content-value.btn-solid-default:hover, .india-compliance-status-banner--default .india-compliance-status-banner__content-value.btn-solid-default:focus {
  color: #92400e;
}
.india-compliance-status-banner--default .india-compliance-status-banner__content-value.btn-solid-default:not(:disabled):not(.disabled):active {
  color: #92400e;
}
.india-compliance-status-banner--suspended {
  background-color: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.india-compliance-status-banner--suspended .india-compliance-status-banner__content-value.btn-solid {
  color: #991b1b;
}
.india-compliance-status-banner--suspended .india-compliance-status-banner__content-value.btn-solid:hover {
  color: #991b1b;
  text-decoration: underline;
}
.india-compliance-status-banner--suspended .india-compliance-status-banner__content-value.btn-solid:focus {
  color: #991b1b;
}
.india-compliance-status-banner--suspended .india-compliance-status-banner__content-value.btn-solid-default {
  color: #991b1b;
}
.india-compliance-status-banner--suspended .india-compliance-status-banner__content-value.btn-solid-default:hover, .india-compliance-status-banner--suspended .india-compliance-status-banner__content-value.btn-solid-default:focus {
  color: #991b1b;
}
.india-compliance-status-banner--suspended .india-compliance-status-banner__content-value.btn-solid-default:not(:disabled):not(.disabled):active {
  color: #991b1b;
}
.india-compliance-status-banner--expired {
  background-color: #f3f4f6;
  border-color: #e5e7eb;
  color: #4b5563;
}

.assign-phone-number-modal .modal-dialog {
  max-width: 520px;
}
.assign-phone-number-modal .shd-modal--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px !important;
  background-color: #fff;
  border-bottom: 1px solid #f3f4f6 !important;
}
.assign-phone-number-modal .shd-modal--divider {
  width: 100% !important;
}
.assign-phone-number-modal__header-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.assign-phone-number-modal__header-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #1f2937;
  font-size: 1.25rem;
}
.assign-phone-number-modal__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #1f2937;
  margin: 0;
}
.assign-phone-number-modal .shd-modal--body {
  padding: 0 !important;
}
.assign-phone-number-modal__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.assign-phone-number-modal__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.assign-phone-number-modal__select-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.assign-phone-number-modal__select-container .bs-select-box .bs-select-box-icon-wrapper {
  color: #6b7280;
}
.assign-phone-number-modal__label {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: #6b7280;
  margin: 0;
}
.assign-phone-number-modal__select {
  height: 2rem;
}
.assign-phone-number-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background-color: #fff;
  border-radius: 0 0 0.25rem 0.25rem;
}
.assign-phone-number-modal .shd-modal--footer__left {
  width: 100%;
}
.assign-phone-number-modal .shd-modal--footer__right {
  display: none !important;
}
.assign-phone-number-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.assign-phone-number-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.assign-phone-number-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.assign-phone-number-modal__confirm-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
}
.assign-phone-number-modal .close {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}
.assign-phone-number-modal .close .icon {
  color: #6b7280;
  font-size: 1rem;
}
.assign-phone-number-modal .close:hover {
  background-color: #f3f4f6;
  border-radius: 0.25rem;
}

.assign-phone-number-label-modal .modal-dialog {
  max-width: 500px;
}
.assign-phone-number-label-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px !important;
  background-color: #fff;
  border-bottom: 1px solid #f3f4f6 !important;
}
.assign-phone-number-label-modal__header-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.assign-phone-number-label-modal__header-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #1f2937;
}
.assign-phone-number-label-modal__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #1f2937;
  margin: 0;
}
.assign-phone-number-label-modal__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: visible !important;
}
.assign-phone-number-label-modal__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.assign-phone-number-label-modal__input-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.assign-phone-number-label-modal__input-container .assign-phone-number-label-modal__error-message {
  color: #ef4444;
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}
.assign-phone-number-label-modal__input-container .inline-autosuggest-input-wrapper:focus-within {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.assign-phone-number-label-modal__input-container--error .inline-autosuggest-input-wrapper {
  border-color: #ef4444;
}
.assign-phone-number-label-modal__input-container--error .inline-autosuggest-input-wrapper:focus-within {
  border-color: #f5222d !important;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5) !important;
}
.assign-phone-number-label-modal__label {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: #6b7280;
  margin: 0;
}
.assign-phone-number-label-modal__autosuggest {
  width: 100%;
}
.assign-phone-number-label-modal__footer {
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background-color: #fff;
  border-radius: 0 0 0.25rem 0.25rem;
}
.assign-phone-number-label-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.assign-phone-number-label-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.assign-phone-number-label-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.assign-phone-number-label-modal__confirm-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
}

.enable-call-recording-modal .modal-dialog {
  max-width: 567px;
}
.enable-call-recording-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px !important;
  background-color: #fff;
  border-bottom: 1px solid #f3f4f6 !important;
}
.enable-call-recording-modal__header-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.enable-call-recording-modal__header-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #1f2937;
}
.enable-call-recording-modal__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #1f2937;
  margin: 0;
}
.enable-call-recording-modal__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: visible !important;
}
.enable-call-recording-modal__radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.enable-call-recording-modal__radio-group .bs-radio-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding-left: 0.25rem;
  margin-left: 0px !important;
}
.enable-call-recording-modal__radio-group .bs-radio-wrapper span:last-child {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  font-weight: 400;
}
.enable-call-recording-modal__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.enable-call-recording-modal__footer {
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background-color: #fff;
  border-radius: 0 0 0.25rem 0.25rem;
}
.enable-call-recording-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.enable-call-recording-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.enable-call-recording-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.enable-call-recording-modal__confirm-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
}

.enable-voicemail-greeting-modal .modal-dialog {
  max-width: 567px;
}
.enable-voicemail-greeting-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px !important;
  background-color: #fff;
  border-bottom: 1px solid #f3f4f6 !important;
}
.enable-voicemail-greeting-modal__header-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.enable-voicemail-greeting-modal__header-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #1f2937;
}
.enable-voicemail-greeting-modal__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #1f2937;
  margin: 0;
}
.enable-voicemail-greeting-modal__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: visible !important;
}
.enable-voicemail-greeting-modal__radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.enable-voicemail-greeting-modal__radio-group .bs-radio-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding-left: 0.25rem;
  margin-left: 0px !important;
}
.enable-voicemail-greeting-modal__radio-group .bs-radio-wrapper span:last-child {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  font-weight: 400;
}
.enable-voicemail-greeting-modal__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.enable-voicemail-greeting-modal__footer {
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background-color: #fff;
  border-radius: 0 0 0.25rem 0.25rem;
}
.enable-voicemail-greeting-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.enable-voicemail-greeting-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.enable-voicemail-greeting-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.enable-voicemail-greeting-modal__confirm-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
}

.set-call-forwarding-rule-modal .modal-dialog {
  max-width: 912px;
}
.set-call-forwarding-rule-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px !important;
  background-color: #fff;
  border-bottom: 1px solid #f3f4f6 !important;
}
.set-call-forwarding-rule-modal__header-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.set-call-forwarding-rule-modal__header-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #1f2937;
}
.set-call-forwarding-rule-modal__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #1f2937;
  margin: 0;
}
.set-call-forwarding-rule-modal__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: visible !important;
}
.set-call-forwarding-rule-modal__body p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
  font-weight: 400;
  margin-bottom: 1rem;
}
.set-call-forwarding-rule-modal__info-alert {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 10px 16px;
  background-color: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 6px;
}
.set-call-forwarding-rule-modal__info-alert-icon {
  flex-shrink: 0;
  margin-top: 2px;
  color: #d48806;
  rotate: 180deg;
}
.set-call-forwarding-rule-modal__info-alert-text {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #92400e;
}
.set-call-forwarding-rule-modal__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.set-call-forwarding-rule-modal__toggle-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.set-call-forwarding-rule-modal__toggle-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.set-call-forwarding-rule-modal__toggle-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  font-weight: 400;
}
.set-call-forwarding-rule-modal__footer {
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background-color: #fff;
  border-radius: 0 0 0.25rem 0.25rem;
}
.set-call-forwarding-rule-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.set-call-forwarding-rule-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.set-call-forwarding-rule-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.set-call-forwarding-rule-modal__confirm-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
}
.set-call-forwarding-rule-modal .forwarding-number-input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.set-call-forwarding-rule-modal .test-number-link {
  font-size: 12px;
  font-weight: 400;
  color: #1d4ed8;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.set-call-forwarding-rule-modal .test-number-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.set-call-forwarding-rule-modal .test-number-link--disabled {
  color: rgba(29, 79, 216, 0.5215686275);
  cursor: not-allowed;
  pointer-events: none;
}
.set-call-forwarding-rule-modal .test-number-link--disabled:hover {
  text-decoration: none;
}

.dialer-settings-modal .modal-dialog {
  max-width: 520px;
}
.dialer-settings-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px !important;
  background-color: #fff;
  border-bottom: 1px solid #f3f4f6 !important;
}
.dialer-settings-modal__header-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dialer-settings-modal__header-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialer-settings-modal__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #1f2937;
  margin: 0;
}
.dialer-settings-modal__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  overflow-y: visible !important;
}
.dialer-settings-modal__setting-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.dialer-settings-modal__setting-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dialer-settings-modal__setting-header .switchToggle {
  display: flex !important;
}
.dialer-settings-modal__setting-header .switchToggle label {
  margin-bottom: 0 !important;
}
.dialer-settings-modal__setting-label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1f2937;
}
.dialer-settings-modal__setting-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  margin: 0;
  padding-top: 0.25rem;
}
.dialer-settings-modal__footer {
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background-color: #fff;
  border-radius: 0 0 0.25rem 0.25rem;
}
.dialer-settings-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.dialer-settings-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.dialer-settings-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.dialer-settings-modal__confirm-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
}

.phone-number-settings-container {
  height: calc(100vh - 50px);
  padding: 24px;
}
:has(.demo-account-alert) .phone-number-settings-container {
  height: calc(100vh - 90px);
}
.phone-number-settings-container {
  display: flex;
  gap: 24px;
}
.phone-number-settings-container .phone-number-settings-sidebar {
  width: 148px;
  transition: all 0.3s;
}
.phone-number-settings-container .phone-number-settings-sidebar__item {
  padding-left: 12px;
  padding-top: 9px;
  padding-bottom: 9px;
  border: 1px solid transparent;
  cursor: pointer;
}
.phone-number-settings-container .phone-number-settings-sidebar__item:not(:first-child) {
  margin-top: 0.375rem;
}
.phone-number-settings-container .phone-number-settings-sidebar__item.active {
  background-color: #eff6ff;
  border: 1px solid #dbeafe;
  border-left: 3px solid #1d4ed8;
  border-radius: 1px 0.25rem 0.25rem 1px;
  box-shadow: 1px 1px 4px #f3f4f6;
}
.phone-number-settings-container .phone-number-settings-content {
  width: calc(100% - 148px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: scroll;
}
.phone-number-settings-container .phone-number-settings-content .settings-text-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.phone-number-settings-container .phone-number-settings-content p {
  margin-bottom: 0px;
}
.phone-number-settings-container .phone-number-settings-content p.settings__title {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
}
.phone-number-settings-container .phone-number-settings-content p.settings__description {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
}
.phone-number-settings-container .phone-number-settings-content .settings-wrapper {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 1rem;
}
.phone-number-settings-container .phone-number-settings-content .settings-wrapper__save-btn {
  padding: 4px 24px;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2rem;
}
.phone-number-settings-container .phone-number-settings-content .label-settings__error-message {
  color: #ef4444;
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}
.phone-number-settings-container .phone-number-settings-content .label-settings__input-container {
  display: flex;
  flex-direction: column;
  width: 340px;
}
.phone-number-settings-container .phone-number-settings-content .label-settings__input-container .inline-autosuggest-input-wrapper:focus-within {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.phone-number-settings-container .phone-number-settings-content .label-settings__input-container--error .inline-autosuggest-input-wrapper {
  border-color: #ef4444;
}
.phone-number-settings-container .phone-number-settings-content .label-settings__input-container--error .inline-autosuggest-input-wrapper:focus-within {
  border-color: #f5222d !important;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5) !important;
}
.phone-number-settings-container .phone-number-settings-content .label-settings__autosuggest {
  width: 100%;
}
.phone-number-settings-container .phone-number-settings-content .label-settings__actions {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.phone-number-settings-container .phone-number-settings-content .assign-phone-number-settings__select-container {
  display: flex;
  flex-direction: column;
  width: 340px;
}
.phone-number-settings-container .phone-number-settings-content .assign-phone-number-settings__select {
  height: 2rem;
}
.phone-number-settings-container .phone-number-settings-content .assign-phone-number-settings__actions {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings .always-forward-the-calls,
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings-content .always-forward-the-calls {
  display: flex;
  align-items: center;
  gap: 0;
}
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings .always-forward-the-calls .rb-group,
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings-content .always-forward-the-calls .rb-group {
  flex-shrink: 0;
}
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings .forwarding-number-input-group,
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings-content .forwarding-number-input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings .test-number-link,
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings-content .test-number-link {
  font-size: 12px;
  font-weight: 400;
  color: #1d4ed8;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings .test-number-link:hover,
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings-content .test-number-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings .test-number-link--disabled,
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings-content .test-number-link--disabled {
  color: rgba(29, 79, 216, 0.5215686275);
  cursor: not-allowed;
  pointer-events: none;
}
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings .test-number-link--disabled:hover,
.phone-number-settings-container .phone-number-settings-content .call-forwarding-settings-content .test-number-link--disabled:hover {
  text-decoration: none;
}
.phone-number-settings-container .phone-number-settings-content .call-recording-settings .enable-call-recording {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.phone-number-settings-container .phone-number-settings-content .call-recording-settings .enable-call-recording .enable-call-recording-label {
  font-size: 14px;
  color: #1f2937;
  font-weight: 400;
}
.phone-number-settings-container .phone-number-settings-content .call-recording-settings__transcription-language {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.phone-number-settings-container .phone-number-settings-content .call-recording-settings__transcription-language-title {
  margin-bottom: 4px;
}
.phone-number-settings-container .phone-number-settings-content .call-recording-settings__transcription-language-desc {
  margin-bottom: 12px;
}
.phone-number-settings-container .phone-number-settings-content .call-recording-settings__action {
  margin-top: 16px;
}
.phone-number-settings-container .phone-number-settings-content .voicemail-greeting-settings .enable-voicemail-greeting {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.phone-number-settings-container .phone-number-settings-content .voicemail-greeting-settings .enable-voicemail-greeting .enable-voicemail-greeting-label {
  font-size: 14px;
  color: #1f2937;
  font-weight: 400;
}
.phone-number-settings-container .phone-number-settings-content .voicemail-greeting-settings .enable-voicemail-greeting .voicemail-greeting-audio-player {
  width: 418px;
}
.phone-number-settings-container .phone-number-settings-content .voicemail-greeting-settings .enable-voicemail-greeting .change-greeting-btn {
  border: 1px solid #e5e7eb;
  background-color: #fff;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  padding: 0.375rem 1rem;
  height: 2rem;
  border-radius: 4px;
  cursor: pointer;
}
.phone-number-settings-container .phone-number-settings-content .voicemail-greeting-settings .enable-voicemail-greeting .change-greeting-btn:hover {
  background-color: #f3f4f6;
}
.phone-number-settings-container .phone-number-settings-content .voicemail-greeting-settings .enable-voicemail-greeting .change-greeting-btn:focus {
  background-color: none;
}

.delete-primary-phone-number-modal .modal-dialog {
  max-width: 450px;
}
.delete-primary-phone-number-modal__header {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.delete-primary-phone-number-modal__title {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.delete-primary-phone-number-modal__trash-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.delete-primary-phone-number-modal__body {
  padding: 24px;
  overflow: visible !important;
}
.delete-primary-phone-number-modal__body .smart-search-team-input {
  width: 100%;
}
.delete-primary-phone-number-modal__description {
  font-size: 14px;
  color: #1F2937;
  margin: 0 0 20px 0;
  font-weight: 400;
}
.delete-primary-phone-number-modal__select-container {
  margin-top: 16px;
}
.delete-primary-phone-number-modal__label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  margin-bottom: 8px;
}
.delete-primary-phone-number-modal__select {
  width: 100%;
}
.delete-primary-phone-number-modal__footer {
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
}
.delete-primary-phone-number-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}
.delete-primary-phone-number-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.delete-primary-phone-number-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.delete-primary-phone-number-modal__confirm-btn {
  min-width: 80px;
  background-color: #b91c1c;
}
.delete-primary-phone-number-modal__confirm-btn:hover:not(:disabled) {
  background-color: #b91c1c;
  border-color: #b91c1c;
}
.delete-primary-phone-number-modal__confirm-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.delete-phone-number-modal .modal-content {
  padding: 0 24px;
}
.delete-phone-number-modal .modal-dialog {
  max-width: 450px;
}
.delete-phone-number-modal__header.modal-header {
  padding: 24px 0px 0px 0px;
  border-bottom: none;
  min-height: max-content;
}
.delete-phone-number-modal__title {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.delete-phone-number-modal__trash-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.delete-phone-number-modal__body {
  padding: 24px 0px 0px 0px;
}
.delete-phone-number-modal__description {
  font-size: 14px;
  color: #1f2937;
  margin: 0 0 24px 0;
  font-weight: 400;
}
.delete-phone-number-modal__footer.modal-footer {
  border-top: 1px solid #e5e7eb;
  padding: 0;
  min-height: max-content;
  max-height: max-content;
}
.delete-phone-number-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin: 0px;
  padding: 20px 0px;
}
.delete-phone-number-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.delete-phone-number-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.delete-phone-number-modal__confirm-btn {
  min-width: 80px;
  background-color: #b91c1c;
}
.delete-phone-number-modal__confirm-btn:hover:not(:disabled) {
  background-color: #b91c1c;
  border-color: #b91c1c;
}
.delete-phone-number-modal__confirm-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.delete-phone-number-modal__description__phone-number {
  font-weight: 500;
}

.revoke-release-modal__header {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.revoke-release-modal__title {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.revoke-release-modal__body {
  padding: 24px;
}
.revoke-release-modal__description {
  font-size: 14px;
  color: #1F2937;
  margin: 0 0 20px 0;
  font-weight: 400;
}
.revoke-release-modal__footer {
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
}
.revoke-release-modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}
.revoke-release-modal__cancel-btn {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  height: 2rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
.revoke-release-modal__cancel-btn:hover {
  background-color: transparent !important;
}
.revoke-release-modal__confirm-btn {
  min-width: 80px;
}
.revoke-release-modal__confirm-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.revoke-release-modal__description__phone-number {
  font-weight: 500;
}

.phone-numbers-tabs {
  padding: 0 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}
.phone-numbers-tabs .bs-tabs .bs-tabs-nav {
  margin: 0;
}
.phone-numbers-tabs .bs-tabs .bs-tabs-nav::before {
  border-bottom: none;
}
.phone-numbers-tabs .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab {
  height: 44px;
  padding: 0px;
}
.phone-numbers-tabs__tabs {
  margin: 0;
}
.phone-numbers-tabs__tabs .bs-tabs-nav {
  margin: 0;
}
.phone-numbers-tabs__tabs .bs-tabs-nav::before {
  border-bottom: none;
}
.phone-numbers-tabs__tabs .bs-tabs-tab {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  padding: 1rem 0;
  margin-right: 1.5rem;
}
.phone-numbers-tabs__tabs .bs-tabs-tab:hover {
  color: #1d4ed8;
}
.phone-numbers-tabs__tabs .bs-tabs-tab-active .bs-tabs-tab-btn {
  color: #1d4ed8;
}
.phone-numbers-tabs__tabs .bs-tabs-ink-bar {
  background-color: #1d4ed8;
  height: 3px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.compliance-details-drawer__backdrop {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  justify-content: flex-end;
}
.compliance-details-drawer__panel {
  width: min(515px, 36%);
  min-width: 360px;
  max-width: 100%;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), -4px 0 24px rgba(0, 0, 0, 0.0784313725);
  display: flex;
  flex-direction: column;
  animation: compliance-details-drawer-in 200ms ease-out;
}
.compliance-details-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 24px 24px 16px 24px;
  flex-shrink: 0;
}
.compliance-details-drawer__close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 6px;
  border-radius: 4px;
  color: #9ca3af;
  flex-shrink: 0;
}
.compliance-details-drawer__close:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.compliance-details-drawer__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #1f2937;
}
.compliance-details-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 0 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.compliance-details-drawer__body .compliance-details-drawer__suspension-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compliance-details-drawer__body .compliance-details-drawer__suspension-section .compliance-details-drawer__field-label-header {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.compliance-details-drawer__body .compliance-details-drawer__suspension-section .compliance-details-drawer__suspension-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.compliance-details-drawer__body .compliance-details-drawer__suspension-section .compliance-details-drawer__suspension-fields .compliance-details-drawer__field-suspension {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.compliance-details-drawer__body .compliance-details-drawer__suspension-section .compliance-details-drawer__suspension-fields .compliance-details-drawer__field-suspension .compliance-details-drawer__field-label {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.compliance-details-drawer__body .compliance-details-drawer__suspension-section .compliance-details-drawer__suspension-fields .compliance-details-drawer__field-suspension .compliance-details-drawer__field-value {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.compliance-details-drawer__suspended-banner {
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid #fde68a;
  background-color: #fffbeb;
}
.compliance-details-drawer__suspended-banner.violation-happen {
  background: #fef2f2;
  border-color: #fecaca;
}
.compliance-details-drawer__suspended-banner.violation-happen .compliance-details-drawer__suspended-banner-text .compliance-details-drawer__suspended-banner-label {
  color: #991b1b;
}
.compliance-details-drawer__suspended-banner.violation-happen .compliance-details-drawer__suspended-banner-text .compliance-details-drawer__suspended-banner-value {
  color: #b91c1c;
}
.compliance-details-drawer__suspended-banner-icon {
  display: flex;
  justify-content: center;
  color: #dc2626;
  padding-top: 3px;
}
.compliance-details-drawer__suspended-banner-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.compliance-details-drawer__suspended-banner-label {
  color: #92400e;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.compliance-details-drawer__suspended-banner-value {
  color: #b45309;
  font-size: 12px;
  font-weight: 400;
}
.compliance-details-drawer__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.compliance-details-drawer__field-label {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #6b7280;
}
.compliance-details-drawer__field-value {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.compliance-details-drawer__country {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.compliance-details-drawer__country-flag-img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 2px;
}
.compliance-details-drawer__country-flag-emoji {
  font-size: 18px;
  line-height: 1;
}
.compliance-details-drawer__rejection-banner {
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.compliance-details-drawer__proof-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compliance-details-drawer__proof-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.compliance-details-drawer__proof-info {
  background: transparent;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
  flex-shrink: 0;
  border: 1px solid #93c5fd;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
}
.compliance-details-drawer__proof-info:hover {
  background: #eff6ff;
  text-decoration: none;
}
.compliance-details-drawer__proof-info svg {
  flex-shrink: 0;
}
.compliance-details-drawer__proof-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 28px 16px;
  border: 2px dashed #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
  color: #9ca3af;
  cursor: pointer;
}
.compliance-details-drawer__proof-dropzone:hover {
  background: #eff6ff;
}
.compliance-details-drawer__proof-dropzone-title {
  margin: 4px 0 0 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #4b5563;
}
.compliance-details-drawer__proof-dropzone-description {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #9ca3af;
}
.compliance-details-drawer__proof-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compliance-details-drawer__proof-selected {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #f9fafb;
}
.compliance-details-drawer__proof-selected-icon {
  color: #9ca3af;
  flex-shrink: 0;
}
.compliance-details-drawer__proof-selected-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.compliance-details-drawer__proof-selected-name {
  min-width: 0;
  display: flex;
}
.compliance-details-drawer__proof-selected-name-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #1f2937;
}
.compliance-details-drawer__proof-selected-size {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #9ca3af;
}
.compliance-details-drawer__proof-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
}
.compliance-details-drawer__proof-remove:hover {
  color: #f5222d;
}
.compliance-details-drawer__proof-remove:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.compliance-details-drawer__documents-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compliance-details-drawer__documents-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #1f2937;
  margin-top: 10px;
}
.compliance-details-drawer__documents-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compliance-details-drawer__document-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
}
.compliance-details-drawer__document-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  flex-shrink: 0;
}
.compliance-details-drawer__document-icon svg {
  color: #9ca3af;
}
.compliance-details-drawer__document-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.compliance-details-drawer__document-name {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #1f2937;
}
.compliance-details-drawer__document-meta {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #6b7280;
}
.compliance-details-drawer__document-download {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
}
.compliance-details-drawer__document-download:hover {
  color: #1d4ed8;
}
.compliance-details-drawer__document-download:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.compliance-details-drawer__document-download .spinner-border {
  width: 16px;
  height: 16px;
  border-width: 2px;
}
.compliance-details-drawer__proof-requirements-popover {
  max-width: 315px;
}
.compliance-details-drawer__proof-requirements-popover.bs-popover-inner {
  padding: 0;
}
.compliance-details-drawer__proof-requirements-popover .arrow {
  display: none;
}
.compliance-details-drawer__proof-requirements-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 16px;
}
.compliance-details-drawer__proof-requirements {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.compliance-details-drawer__proof-requirements-intro {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #6b7280;
}
.compliance-details-drawer__proof-requirements-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.compliance-details-drawer__proof-requirement {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.compliance-details-drawer__proof-requirement-number {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #d1d5db;
  color: #6b7280;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compliance-details-drawer__proof-requirement-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.compliance-details-drawer__proof-requirement-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #1f2937;
}
.compliance-details-drawer__proof-requirement-description {
  font-size: 12px;
  font-weight: 400;
  color: #6b7280;
}
.compliance-details-drawer__footer {
  flex-shrink: 0;
  padding: 16px 24px;
  border-top: 1px solid #f3f4f6;
  background-color: #ffffff;
}
.compliance-details-drawer__resubmit-button {
  width: 100%;
}

@keyframes compliance-details-drawer-in {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.compliance-list-header-skeleton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  flex-shrink: 0;
}
.compliance-list-header-skeleton__left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.compliance-details-drawer-skeleton {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.compliance-details-drawer-skeleton__fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.compliance-details-drawer-skeleton__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.compliance-details-drawer-skeleton__country-value {
  display: flex;
  align-items: center;
  gap: 8px;
}
.compliance-details-drawer-skeleton__documents {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compliance-details-drawer-skeleton__document-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compliance-details-drawer-skeleton__document-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
}
.compliance-details-drawer-skeleton__document-card-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.delete-compliance-application-modal--relink .delete-compliance-application-modal__relink-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
}
.delete-compliance-application-modal--relink .delete-compliance-application-modal__relink-label {
  display: block;
}
.delete-compliance-application-modal--relink .delete-compliance-application-modal__relink-select {
  width: 100%;
}

.compliance-list-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  background-color: #ffffff;
}

.compliance-list-empty-state {
  flex: 1;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.compliance-list-empty-state__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
}
.compliance-list-empty-state__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.compliance-list-empty-state__content-title {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  line-height: 27px;
}
.compliance-list-empty-state__content-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
  max-width: 320px;
  text-align: center;
}
.compliance-list-empty-state__add-button {
  min-width: 140px;
}

.compliance-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
  padding: 24px 24px 0 24px;
}
.compliance-list-header__left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
}
.compliance-list-header__left .bs-select-box {
  width: 168px;
}
.compliance-list-header__search {
  width: 240px;
  height: 100%;
}
.compliance-list-header__search .bs-input-affix-wrapper {
  color: #9ca3af;
}
.compliance-list-header__search .bs-input-affix-wrapper .input-icons-left {
  margin: 0 !important;
}
.compliance-list-header__search .bs-input-affix-wrapper .input-icons-left .bs-input-prefix {
  margin-right: 5px;
}
.compliance-list-header__search .input-icons-right {
  cursor: pointer;
}
.compliance-list-header__status-select {
  min-width: 140px;
}
.compliance-list-header__status-select .transfer-container .transfer-body .transfer-content {
  max-height: fit-content;
}
.compliance-list-header__add-button {
  white-space: nowrap;
}

.compliance-list-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding-top: 16px;
}
.compliance-list-table.compliance-list-table:not(.compliance-list-table--no-pagination) .tanstack-table .tanstack-table--wrapper {
  height: calc(100% - 47px);
  max-height: calc(100% - 47px);
}
.compliance-list-table .tanstack-table {
  flex: 1;
  min-height: 0;
}
.compliance-list-table--no-pagination .tanstack-table--wrapper {
  height: calc(100% - 16px);
  max-height: calc(100% - 16px);
  margin-bottom: 16px;
}
.compliance-list-table__cell-clickable {
  width: 100%;
  cursor: pointer;
}
.compliance-list-table__height {
  min-height: 400px;
}
.compliance-list-table__documents {
  display: flex;
  gap: 0.5rem;
}
.compliance-list-table__skeleton-country {
  display: flex;
  align-items: center;
  gap: 8px;
}
.compliance-list-table__skeleton-documents {
  display: flex;
  align-items: center;
  gap: 8px;
}
.compliance-list-table__document-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: #f3f4f6;
  color: #6b7280;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border: 1px solid #e5e7eb;
}
.compliance-list-table__alert-triangle {
  flex-shrink: 0;
}
.compliance-list-table__country {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.compliance-list-table__country-flag-img {
  width: 20px;
  height: 14px;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: 2px;
}
.compliance-list-table__country-flag-emoji {
  font-size: 18px;
  line-height: 1;
}
.compliance-list-table__delete-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  cursor: pointer;
  color: #6b7280;
}
.compliance-list-table__delete-action:hover {
  background-color: #fef2f2;
  color: #dc2626;
}
.compliance-list-table__delete-action--disabled {
  cursor: not-allowed;
  color: #d1d5db;
}
.compliance-list-table__delete-action--disabled:hover {
  background-color: transparent;
  color: #d1d5db;
}
.compliance-list-table .tanstack-table {
  padding: 0 1.5rem;
}
.compliance-list-table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th .column-header-resizer {
  display: none;
}
.compliance-list-table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th.compliance-list-table__applied-date-header .column-header-content--headText {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.compliance-list-table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th.compliance-list-table__applied-date-header .column-header-content--headText .column-header-content--sorting-icons {
  display: flex;
}
.compliance-list-table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th:nth-child(4) {
  min-width: 235px !important;
}
.compliance-list-table .tanstack-table--thead .tanstack-table--tr .tanstack-table--th:not(:last-of-type) {
  width: 100% !important;
}
.compliance-list-table .tanstack-table--tbody .tanstack-table--tr:hover .tanstack-table--td:first-of-type .column-cell-content {
  background-color: #f9fafb;
}
.compliance-list-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td:nth-child(4) {
  min-width: 235px !important;
}
.compliance-list-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td:not(:last-of-type) {
  width: 100% !important;
}
.compliance-list-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td:last-of-type .column-cell-content {
  padding: 0 8px;
}
.compliance-list-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td:last-of-type .column-cell-content .column-cell-content--value {
  display: flex;
  align-items: center;
  justify-content: center;
}
.compliance-list-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value span:not(.compliance-verification-status-badge) {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #1f2937;
}
.compliance-list-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value .compliance-list-table__documents .compliance-list-table__document-tag {
  font-size: 12px;
  color: #6b7280;
}
.compliance-list-table .tanstack-table--tbody .tanstack-table--tr .tanstack-table--td .column-cell-content .column-cell-content--value .compliance-list-table__documents .compliance-list-table__document-tag {
  font-size: 12px;
  color: #4b5563;
}

.delete-compliance-application-modal .modal-dialog {
  max-width: 450px;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header {
  border-bottom: none;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header .modal-title .confirmation-modal-v3--title {
  gap: 8px;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header .modal-title .confirmation-modal-v3--title h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  padding: 0 24px 24px !important;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-v3--body__content {
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer {
  border-top: 1px solid #e5e7eb;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost {
  border: 1px solid #e5e7eb;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost:hover {
  background-color: #f9fafb;
  border-color: #e5e7eb;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid {
  background-color: #b91c1c;
  border: none;
  min-width: 77px;
  height: 32px;
  transition: 0.2s ease;
  color: #ffffff;
}
.delete-compliance-application-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid:hover {
  background-color: #cf1322;
}

.relink-numbers-before-delete-modal .modal-dialog {
  max-width: 450px;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header .modal-title .confirmation-modal-v3--title {
  gap: 8px;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header .modal-title .confirmation-modal-v3--title h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  padding: 16px 24px 24px !important;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .confirmation-modal-v3--body__content {
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .confirmation-modal-v3--body__content strong {
  color: #111827;
  font-weight: 600;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer {
  border-top: 1px solid #e5e7eb;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost {
  border: 1px solid #e5e7eb;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost:hover {
  background-color: #f9fafb;
  border-color: #e5e7eb;
}
.relink-numbers-before-delete-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid {
  min-width: 77px;
  height: 32px;
  transition: 0.2s ease;
}
.relink-numbers-before-delete-modal__field {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.relink-numbers-before-delete-modal__field-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #111827;
}
.relink-numbers-before-delete-modal__select {
  width: 100%;
}
.relink-numbers-before-delete-modal__select .bs-select-box {
  width: 100%;
}
.relink-numbers-before-delete-modal .bs-modal-footer:not(:disabled) .btn-solid-md {
  color: #ffffff;
  background: #b91c1c;
}

.compliance-verification-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  width: fit-content;
}
.compliance-verification-status-badge--approvalPending {
  background-color: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}
.compliance-verification-status-badge--approved {
  background-color: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
}
.compliance-verification-status-badge--rejected {
  background-color: #fef2f2;
  color: #f5222d;
  border: 1px solid #fecaca;
}
.compliance-verification-status-badge--suspended {
  background-color: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}
.compliance-verification-status-badge--expired {
  background-color: #f3f4f6;
  color: #4b5563;
  border: 1px solid #e5e7eb;
}

.compliance-status-view {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
  background-color: #ffffff;
}
.compliance-status-view__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 520px;
  gap: 1rem;
}
.compliance-status-view__title {
  margin: 0px;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}
.compliance-status-view__title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.compliance-status-view__description {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  color: #6b7280;
}
.compliance-status-view__submitted {
  margin: 0;
}
.compliance-status-view__action {
  margin: 0px;
  min-width: 200px;
}
.compliance-status-view__action--suspended {
  background: none;
  color: #1f2937;
  padding: 0 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  cursor: pointer;
  min-width: fit-content;
}
.compliance-status-view__action--suspended:hover {
  background-color: #f9fafb;
}
.compliance-status-view__action--suspended:focus-within {
  background-color: #f9fafb;
}

.compliance-status-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.compliance-status-icon--not_added {
  background-color: #effeff;
  color: #0137fc;
}
.compliance-status-icon--approvalPending {
  background-color: #eff6ff;
  color: #3b82f6;
  border: 1px solid #bfdbfe;
}
.compliance-status-icon--rejected {
  background-color: #f3f4f6;
  color: #9ca3af;
}
.compliance-status-icon--approved {
  background-color: #f0fdf4;
  color: #16a34a;
  border: 1px solid #bbf7d0;
}
.compliance-status-icon--suspended {
  background-color: #fffbeb;
  color: #f59e0b;
  border: 1px solid #fde68a;
}
.compliance-status-icon__glyph {
  font-size: 2rem;
}

.add-compliance-form {
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
}
.add-compliance-form__content {
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0 0 0;
}
.add-compliance-form__title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  line-height: 30px;
}
.add-compliance-form__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.add-compliance-form__info-alert {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 16px;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 4px;
}
.add-compliance-form__info-alert-icon {
  width: 15px;
  height: 15px;
  align-self: baseline;
  margin-top: 2px;
}
.add-compliance-form__info-alert-text {
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
  line-height: 20px;
}
.add-compliance-form__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.add-compliance-form__field .bs-input-affix-wrapper {
  padding: 0 12px;
}
.add-compliance-form__field .bs-input-affix-wrapper .bs-input {
  color: #1f2937;
  line-height: 36px;
}
.add-compliance-form__field-label {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  line-height: 18px;
}
.add-compliance-form__required {
  color: #f5222d;
  margin-left: 2px;
}
.add-compliance-form__section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-compliance-form__regulatory {
  display: flex;
  justify-self: center;
  gap: 10px;
  padding: 10px 16px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 4px;
}
.add-compliance-form .add-compliance-form__regulatory--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 15px;
  min-width: 15px;
  color: #d97706;
  margin-top: 3px;
}
.add-compliance-form .add-compliance-form__regulatory--text {
  font-size: 14px;
  font-weight: 400;
  color: #92400e;
}
.add-compliance-form .add-compliance-form__regulatory--text span {
  font-weight: 600;
}
.add-compliance-form .add-compliance-form__regulatory--text a {
  color: #92400e;
  text-decoration: underline;
}
.add-compliance-form__section-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  line-height: 22px;
}
.add-compliance-form__actions {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.add-compliance-form__submit-button.btn-solid-primary:disabled {
  background: #1d4ed8;
  border-color: transparent;
  color: #ffffff;
  opacity: 0.35;
  cursor: not-allowed;
}

.compliance-file-upload {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.compliance-file-upload__label {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  line-height: 18px;
}
.compliance-file-upload__dropzone {
  border: 2px dashed #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.compliance-file-upload__dropzone .shd-drag-and-drop--overlay {
  border: none;
}
.compliance-file-upload__dropzone .shd-drag-and-drop--overlay .shd-drag-and-drop--title {
  font-weight: 400;
}
.compliance-file-upload__dropzone:hover, .compliance-file-upload__dropzone--dragging {
  background-color: #f9fafb;
}
.compliance-file-upload__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 20px;
  text-align: center;
}
.compliance-file-upload__title {
  margin: 0;
  color: #4b5563;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.compliance-file-upload__description {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  color: #9ca3af;
  line-height: 18px;
}
.compliance-file-upload__selected {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0.75rem 1rem;
  border: 2px dashed #bfdbfe;
  border-radius: 8px;
  background-color: #eff6ff;
}
.compliance-file-upload__selected-icon {
  color: #1d4ed8;
}
.compliance-file-upload__selected-name {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  line-height: 20px;
  width: 100%;
}
.compliance-file-upload__selected-success {
  display: flex;
  align-items: center;
  gap: 4px;
}
.compliance-file-upload__selected-success-text {
  font-size: 14px;
  font-weight: 500;
  color: #16a34a;
  line-height: 20px;
}
.compliance-file-upload__selected-uploading {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  line-height: 20px;
}
.compliance-file-upload__remove {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6b7280;
  transition: color 0.2s ease;
}
.compliance-file-upload__remove:hover:not(.compliance-file-upload__remove--disabled) .compliance-file-upload__remove-icon {
  color: #ef4444;
}
.compliance-file-upload__remove:hover:not(.compliance-file-upload__remove--disabled) .compliance-file-upload__remove-text {
  color: #ef4444;
}
.compliance-file-upload__remove--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.compliance-file-upload__remove-text {
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  line-height: 20px;
}

.audio-player-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #f9fafb;
  min-width: 0;
}
.audio-player-bar .audio-player-play-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
  background: none;
}
.audio-player-bar .audio-player-play-button svg {
  color: #6b7280;
}
.audio-player-bar .audio-player-play-button:hover {
  background: #dbeafe;
}
.audio-player-bar .audio-player-play-button:hover svg {
  color: #1d4ed8;
}
.audio-player-bar .audio-player-play-button.active {
  background: #dbeafe;
}
.audio-player-bar .audio-player-play-button.active svg {
  color: #1d4ed8;
}
.audio-player-bar .audio-player-play-button:focus {
  outline: none;
}
.audio-player-bar .audio-player-play-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.audio-player-bar .audio-player-progress {
  position: relative;
  flex: 1;
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  min-width: 0;
}
.audio-player-bar .audio-player-progress .audio-player-progress-filled {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #1d4ed8;
  border-radius: 2px;
  transition: width 0.1s ease;
}
.audio-player-bar .audio-player-time {
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
  white-space: nowrap;
  flex-shrink: 0;
  width: 34px;
}
.audio-player-bar .audio-player-download-tooltip-anchor {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.audio-player-bar .audio-player-download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
  background: none;
}
.audio-player-bar .audio-player-download-button svg {
  color: #6b7280;
}
.audio-player-bar .audio-player-download-button:hover:not(:disabled) {
  background: #f3f4f6;
}
.audio-player-bar .audio-player-download-button:focus {
  outline: none;
}
.audio-player-bar .audio-player-download-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.audio-player-bar .audio-player-download-spinner {
  border-width: 2px;
}
.audio-player-bar .audio-player-speed {
  width: 38px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  padding: 0;
}
.audio-player-bar .audio-player-speed:hover:not(:disabled) {
  background-color: #f9fafb;
}
.audio-player-bar .audio-player-speed:focus {
  outline: none;
}
.audio-player-bar .audio-player-speed:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.phone-numbers-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.phone-numbers-container .alert {
  margin-bottom: 0 !important;
  flex-shrink: 0;
}
.phone-numbers-container .phone-numbers-tabs {
  flex-shrink: 0;
}

.call-forwarding-settings-content {
  position: relative;
}
.call-forwarding-settings-content__enable-call-forwarding {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.call-forwarding-settings-content__enable-call-forwarding .enable-call-forwarding-label {
  font-size: 14px;
  color: #1f2937;
  font-weight: 400;
}
.call-forwarding-settings-content__forward-to {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 0;
  color: #1f2937;
}
.call-forwarding-settings-content__forward-to .rb-group span {
  color: #1f2937;
}
.call-forwarding-settings-content__forward-to .rb-group .bs-radio-wrapper-disabled span {
  opacity: 0.5;
  cursor: not-allowed;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input {
  width: 320px;
  height: 32px;
  margin-left: auto;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container {
  width: 100%;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__control {
  min-height: 32px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #d9d9d9;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__control .react-select__single-value--is-disabled {
  color: #bfbfbf !important;
  cursor: not-allowed !important;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__control:hover {
  border-color: #346aff;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__control.react-select__control--is-focused {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__value-container {
  padding: 0px 11px;
  height: 32px;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__placeholder {
  font-size: 14px;
  color: #595959;
  margin: 0px;
  margin-left: 3px;
  margin-top: -1px;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .css-b8ldur-Input {
  padding-bottom: 4px;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__single-value {
  font-size: 14px;
  color: #1f2937;
  margin-top: -1px;
  margin-left: 1px;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__indicators .react-select__dropdown-indicator {
  display: none;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__indicators .react-select__indicator-separator {
  display: none;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__indicators .react-select__clear-indicator {
  margin-right: 7px;
  margin-top: -3px;
  width: 16px;
  height: 16px;
  padding: 0;
  color: #1f2937;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__indicators .clear-indicator {
  color: #6b7280;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__indicators .clear-indicator:hover:hover {
  color: #374151;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__menu {
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 9999;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option {
  height: 36px;
  padding: 8px 16px;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option .inline-dropdown-add-new-column-container {
  padding: 0px;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option .smart-search-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option .smart-search-option .smart-search-option-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option .smart-search-option .phone-number-text {
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__menu-list {
  padding: 8px 0px;
  max-height: 224px;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__option {
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  padding: 6px 12px;
  background-color: #ffffff;
  cursor: pointer;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__option:hover, .call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__option.react-select__option--is-focused {
  background-color: #eff6ff;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input .react-select-container .react-select__option:active {
  background-color: #eff6ff;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input.bs-smart-search-team-input--error {
  height: auto;
  align-self: flex-end;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input.bs-smart-search-team-input--error .react-select-container .react-select__control {
  border-color: #f5222d;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input.bs-smart-search-team-input--error .react-select-container .react-select__control:hover {
  border-color: #f5222d;
}
.call-forwarding-settings-content__forward-to .smart-search-team-input.bs-smart-search-team-input--error .react-select-container .react-select__control.react-select__control--is-focused {
  border-color: #f5222d;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.25);
}
.call-forwarding-settings-content__forward-to .smart-search-team-input.bs-smart-search-team-input--error .bs-smart-search-team-input__error {
  margin: 4px 0 0;
}
.call-forwarding-settings-content__forward-to .always-forward-the-calls {
  display: flex;
  align-items: center;
}
.call-forwarding-settings-content__forward-to .always-forward-the-calls .react-select__placeholder {
  color: #595959;
}
.call-forwarding-settings-content__forward-to .always-forward-the-calls .bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled + span {
  color: unset;
}
.call-forwarding-settings-content__forward-to .always-forward-the-calls .bs-smart-search-team-input .bs-smart-search-team-input__error {
  color: #b91c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 2px;
  position: absolute;
}
.call-forwarding-settings-content__forward-to .always-forward-the-calls.always-forward-the-calls-disabled .bs-smart-search-team-input {
  opacity: 0.3 !important;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled + span {
  color: unset;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content {
  margin-top: 12px;
  margin-left: 24px;
  border-left: 3px solid #f3f4f6;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1f2937;
  position: relative;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered_disabled,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy_disabled,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo_disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .forwarding-condition-label,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .forwarding-condition-label,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .forwarding-condition-label {
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-input,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-input,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-input {
  display: flex;
  align-items: center;
  gap: 4px;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-input.error .bs-input-affix-wrapper,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-input.error .bs-input-affix-wrapper,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-input.error .bs-input-affix-wrapper {
  border: 1px solid #f5222d !important;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-input.error .bs-input-affix-wrapper:hover,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-input.error .bs-input-affix-wrapper:hover,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-input.error .bs-input-affix-wrapper:hover {
  border: 1px solid #f5222d !important;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-input.error .bs-input-affix-wrapper:focus-within,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-input.error .bs-input-affix-wrapper:focus-within,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-input.error .bs-input-affix-wrapper:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-input .bs-input-affix-wrapper,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-input .bs-input-affix-wrapper,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-input .bs-input-affix-wrapper {
  width: 52px;
  height: 32px;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-input .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-input .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-input .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled {
  background: none;
  color: #595959;
  opacity: 0.5;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-input .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled .bs-input[disabled],
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-input .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled .bs-input[disabled],
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-input .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled .bs-input[disabled] {
  color: #595959;
  background: none;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-input .seconds-label,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-input .seconds-label,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-input .seconds-label {
  font-size: 14px;
  font-weight: 400;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container {
  display: flex;
  flex-flow: wrap;
  width: 150px;
  width: 140px;
  height: 32px;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .error-message,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .error-message,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .error-message {
  width: 100%;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot {
  display: flex;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 0px 5px;
  align-items: center;
  height: 32px;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot.active,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot.active,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot.active {
  background: #fff;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot.error,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot.error,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot.error {
  border: 1px solid #f5222d;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot.error:focus-within,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot.error:focus-within,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot.error:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot input,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot input,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot input {
  margin: 0;
  border: none;
  padding: 0;
  width: 23px;
  text-align: center;
  font-size: 13px;
  color: #595959;
  background: transparent;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot input:focus,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot input:focus,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot input:focus {
  outline: 0;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot input:disabled,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot input:disabled,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot input:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot input[type=number]::-webkit-outer-spin-button,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot input[type=number]::-webkit-inner-spin-button,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot input[type=number]::-webkit-outer-spin-button,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot input[type=number]::-webkit-inner-spin-button,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot input[type=number]::-webkit-outer-spin-button,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot input[type=number],
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot input[type=number],
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot small,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot small,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot small {
  height: 1.5rem;
  align-items: center;
  display: flex;
  width: 0.3rem;
  justify-content: flex-start;
  color: #595959;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .schedule-timeslot-container .schedule-timeslot p,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .schedule-timeslot-container .schedule-timeslot p,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .schedule-timeslot-container .schedule-timeslot p {
  margin: 0 0 0 2px;
  color: #595959;
  opacity: 1;
  margin: 0;
  display: flex;
  height: fit-content;
  line-height: 6px;
  margin-left: 3px;
  margin-bottom: 2px;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .bs-smart-search-team-input .bs-smart-search-team-input__error,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .bs-smart-search-team-input .bs-smart-search-team-input__error,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .bs-smart-search-team-input .bs-smart-search-team-input__error {
  color: #b91c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 2px;
  position: absolute;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-container,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-container,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-unanswered .unanswered-seconds-container .error-message,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-busy .unanswered-seconds-container .error-message,
.call-forwarding-settings-content__forward-to .forward-calls-based-on-conditions .forward-calls-based-on-conditions__content .when-ooo .unanswered-seconds-container .error-message {
  position: absolute;
  bottom: -20px;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.call-forwarding-settings-content .call-forwarding-settings__save-button {
  margin-top: 20px;
  padding: 4px 24px;
}

.smart-search-team-input {
  width: 320px;
  height: 32px;
  margin-left: auto;
}
.smart-search-team-input .react-select-container {
  width: 100%;
}
.smart-search-team-input .react-select-container .react-select__control {
  min-height: 32px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #d9d9d9;
}
.smart-search-team-input .react-select-container .react-select__control.react-select__control--is-disabled {
  color: #595959;
  background: none;
  background-color: transparent;
}
.smart-search-team-input .react-select-container .react-select__control .react-select__single-value--is-disabled {
  color: #bfbfbf !important;
  cursor: not-allowed !important;
}
.smart-search-team-input .react-select-container .react-select__control:hover {
  border-color: #346aff;
}
.smart-search-team-input .react-select-container .react-select__control.react-select__control--is-focused {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.smart-search-team-input .react-select-container .react-select__value-container {
  padding: 0px 11px;
  height: 32px;
}
.smart-search-team-input .react-select-container .react-select__placeholder {
  font-size: 14px;
  color: #595959;
  margin: 0px;
  margin-left: 3px;
  margin-top: -1px;
}
.smart-search-team-input .react-select-container .css-b8ldur-Input {
  padding-bottom: 4px;
}
.smart-search-team-input .react-select-container .react-select__single-value {
  font-size: 14px;
  color: #1f2937;
  margin-top: -1px;
  margin-left: 1px;
}
.smart-search-team-input .react-select-container .react-select__indicators .react-select__dropdown-indicator {
  display: none;
}
.smart-search-team-input .react-select-container .react-select__indicators .react-select__indicator-separator {
  display: none;
}
.smart-search-team-input .react-select-container .react-select__indicators .react-select__clear-indicator {
  margin-right: 7px;
  margin-top: -3px;
  width: 16px;
  height: 16px;
  padding: 0;
  color: #1f2937;
}
.smart-search-team-input .react-select-container .react-select__indicators .clear-indicator {
  color: #6b7280;
}
.smart-search-team-input .react-select-container .react-select__indicators .clear-indicator:hover:hover {
  color: #374151;
}
.smart-search-team-input .react-select-container .react-select__menu {
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 9999;
}
.smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option {
  height: 36px;
  padding: 8px 16px;
}
.smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option .inline-dropdown-add-new-column-container {
  padding: 0px;
}
.smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option .smart-search-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.smart-search-team-input .react-select-container .react-select__menu .react-select__menu-list .react-select__option .smart-search-option .phone-number-text {
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
}
.smart-search-team-input .react-select-container .react-select__menu-list {
  padding: 8px 0px;
  max-height: 224px;
}
.smart-search-team-input .react-select-container .react-select__option {
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  padding: 6px 12px;
  background-color: #ffffff;
  cursor: pointer;
}
.smart-search-team-input .react-select-container .react-select__option:hover, .smart-search-team-input .react-select-container .react-select__option.react-select__option--is-focused {
  background-color: #eff6ff;
}
.smart-search-team-input .react-select-container .react-select__option:active {
  background-color: #eff6ff;
}
.smart-search-team-input.bs-smart-search-team-input--error {
  height: auto;
  align-self: flex-end;
}
.smart-search-team-input.bs-smart-search-team-input--error .react-select-container .react-select__control {
  border-color: #f5222d;
}
.smart-search-team-input.bs-smart-search-team-input--error .react-select-container .react-select__control:hover {
  border-color: #f5222d;
}
.smart-search-team-input.bs-smart-search-team-input--error .react-select-container .react-select__control.react-select__control--is-focused {
  border-color: #f5222d;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.25);
}
.smart-search-team-input.bs-smart-search-team-input--error .bs-smart-search-team-input__error {
  margin: 4px 0 0;
}

.record-voicemail-popup .modal-dialog {
  max-width: 535px !important;
}
.record-voicemail-popup .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.record-voicemail-popup .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .categorize-by-modal-truncatedText {
  max-width: 55% !important;
}
.record-voicemail-popup .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .pencil-icon-container {
  display: flex;
  align-items: center;
}
.record-voicemail-popup .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .bs-input-affix-wrapper {
  line-height: 20px;
}
.record-voicemail-popup .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .bs-input-affix-wrapper.input-error {
  padding: 2px;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
  max-width: 250px;
}
.record-voicemail-popup .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .bs-input-affix-wrapper .bs-input-md {
  line-height: 20px;
}
.record-voicemail-popup .modal-dialog .modal-content .shd-modal--header .shd-modal--title .categorize-by-modal-header-container .bs-input-affix-wrapper.bs-input-affix-wrapper::before {
  line-height: 20px;
}
.record-voicemail-popup .modal-dialog .modal-content .shd-modal--header .shd-modal--title .error-text {
  font-size: 12px;
  color: #b91c1c;
  margin-top: 1px;
  padding-left: 32px;
  line-height: 20px;
}
.record-voicemail-popup .modal-dialog .modal-body {
  padding-bottom: 24px !important;
}
.record-voicemail-popup {
  /* Editable title (mirrors draggable-input-modal categorize-by-modal-header-container) */
}
.record-voicemail-popup .shd-modal--header .shd-modal--title {
  line-height: 24px !important;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title {
  display: flex;
  flex-direction: column;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-container {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-text {
  max-width: 51% !important;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-input {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
  padding: 0;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-input.bs-input-affix-wrapper {
  transition: none;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-input.bs-input-affix-wrapper:focus-within {
  padding: 2px;
  max-width: 250px;
  min-width: auto;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-input.bs-input-affix-wrapper .bs-input-md {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-input::placeholder {
  color: #9ca3af;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-input:focus-visible {
  border: 1px solid #1d4ed8;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-input.input-error {
  border-color: #f5222d;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__pencil {
  color: #9ca3af;
  display: flex;
  align-items: center;
}
.record-voicemail-popup .shd-modal--header .shd-modal--title .record-voicemail-popup__title-error {
  font-size: 12px;
  color: #f5222d;
  margin-top: 4px;
}
.record-voicemail-popup .record-voicemail-popup-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform {
  width: 342px;
  height: 32px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid #bfdbfe;
  background-color: #eff6ff;
  border-radius: 4px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform.rec-not-started {
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform .record-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform .record-actions svg {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 16px;
  min-width: 16px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform .record-actions .record-actions-icon-pause.active {
  color: #1d4ed8;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform .record-actions:hover {
  background-color: #dbeafe;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform .record-actions:hover .record-actions-icon-play {
  color: #1d4ed8;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform .record-voicemail-popup__playback-spinner {
  width: 16px;
  height: 16px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform .recording-player {
  position: relative;
  height: 24px;
  width: 262px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform div.mic-waveform-style {
  width: 286px;
  overflow: hidden;
  height: 24px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform div.mic-waveform-style.rec-divider {
  height: 0px;
  border: 0.5px solid #9ca3af;
  opacity: 0.3;
  border-bottom: none;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-waveform .recording-time {
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
  width: 32px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-controls {
  flex: 4;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-controls button {
  width: 137px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-controls button:focus {
  background-color: transparent !important;
}
.record-voicemail-popup .record-voicemail-popup-container .record-section .record-controls button:hover {
  background-color: #f3f4f6;
}
.record-voicemail-popup .record-voicemail-popup-container .upload-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  margin-top: 8px;
}
.record-voicemail-popup .record-voicemail-popup-container .upload-section .upload-or-text {
  line-height: 16px;
  font-weight: 600;
  color: #1f2937;
}
.record-voicemail-popup .record-voicemail-popup-container .upload-section .upload-audio-link {
  font-weight: 600;
  line-height: 16px;
  color: #1d4ed8;
  cursor: pointer;
}
.record-voicemail-popup .record-voicemail-popup-container .upload-section .upload-audio-link:hover {
  text-decoration: underline;
}
.record-voicemail-popup .record-voicemail-popup-container .upload-section .upload-format-text {
  font-weight: 600;
  line-height: 16px;
  color: #6b7280;
}
.record-voicemail-popup .record-voicemail-popup-container .upload-section.upload-section-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.record-voicemail-popup .record-voicemail-popup-container .upload-section.upload-section-disabled .upload-audio-link {
  pointer-events: none;
}
.record-voicemail-popup .record-voicemail-popup-container .uploaded-file-section {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background-color: #ffffff;
  max-width: fit-content;
  font-weight: 600;
  width: 50%;
}
.record-voicemail-popup .record-voicemail-popup-container .uploaded-file-section svg {
  display: flex;
  align-items: center;
  min-height: 16px;
  min-width: 16px;
}
.record-voicemail-popup .record-voicemail-popup-container .uploaded-file-section .uploaded-file-name {
  font-size: 12px;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.record-voicemail-popup .record-voicemail-popup-container .uploaded-file-section .uploaded-file-name:hover {
  color: #1d4ed8;
}
.record-voicemail-popup .record-voicemail-popup-container .uploaded-file-section .uploaded-file-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 2px;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.record-voicemail-popup .record-voicemail-popup-container .uploaded-file-section .uploaded-file-close:hover {
  background-color: #f3f4f6;
}
.record-voicemail-popup .record-voicemail-popup-container .uploaded-file-section .uploaded-file-close:focus {
  outline: none;
}
.record-voicemail-popup .record-voicemail-popup-container .record-voicemail-popup__language-section {
  margin-top: 30px;
}
.record-voicemail-popup .record-voicemail-popup-container .record-voicemail-popup__language-section .record-voicemail-popup__language-label {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
}
.record-voicemail-popup .record-voicemail-popup-container .record-voicemail-popup__language-section .record-voicemail-popup__language-label .record-voicemail-popup__language-info-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.record-voicemail-popup .record-voicemail-popup-container .record-voicemail-popup__language-section .record-voicemail-popup__language-select {
  width: 100%;
}
.record-voicemail-popup .record-voicemail-popup-container .record-voicemail-popup__language-section .record-voicemail-popup__language-display {
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #f9fafb;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.record-voicemail-popup .record-voicemail-popup-container .mark-as-default {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  margin-bottom: 24px;
}
.record-voicemail-popup .record-voicemail-popup-container .mark-as-default .mark-as-default-checkbox.bs-checkbox-wrapper .checkbox-label-text {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
}
.record-voicemail-popup .record-voicemail-popup-container .mark-as-default .mark-as-default-description {
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
  margin: 0;
  padding-left: 24px;
  line-height: 1.4;
}
.record-voicemail-popup .record-voicemail-popup-container .mark-as-default.mark-as-default-disabled .mark-as-default-checkbox.bs-checkbox-wrapper .checkbox-label-text {
  opacity: 0.5;
}
.record-voicemail-popup .record-voicemail-popup-container .mark-as-default.mark-as-default-disabled .mark-as-default-description {
  opacity: 0.5;
}

.dialer-container {
  height: 100%;
}
.dialer-container .phone-numbers-container {
  height: 100%;
}

.bw-1 {
  border-width: 2px !important;
}

.switchToggle {
  display: flex !important;
}
.switchToggle label {
  margin-bottom: 0 !important;
}
.switchToggle input:checked + label {
  background: #1d4ed8 !important;
}

.badge-chip {
  display: inline-flex;
  width: fit-content;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  flex-shrink: 0;
  color: #262626;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.badge-chip span {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
}

.primary {
  background-color: #d1fae5;
}

.free {
  background-color: #DBEAFE;
}

.bs-schedule-form {
  padding: 24px;
  max-height: 500px;
  overflow-y: auto;
}
.bs-schedule-form .bs-schedule-form__field {
  margin-bottom: 20px;
}
.bs-schedule-form .bs-schedule-form__field label {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.bs-schedule-form .bs-schedule-form__field .bs-input-container {
  width: 100%;
  position: relative;
}
.bs-schedule-form .bs-schedule-form__field:hover .bs-input-affix-wrapper:not(.input-error) {
  border: 1px solid #1d4ed8;
}
.bs-schedule-form .bs-schedule-form__field .bs-input-affix-wrapper .bs-input-md {
  color: #1f2937;
}
.bs-schedule-form .bs-schedule-form__field .bs-input-label-suffix {
  color: #b91c1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
  position: absolute;
  bottom: -18px;
}
.bs-schedule-form .bs-schedule-form__error-banner {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 1rem;
  padding: 7px 12px;
  border: 1px solid #ffccc7;
  border-radius: 6px;
  border-color: #fecaca;
  background: #fef2f2;
}
.bs-schedule-form .bs-schedule-form__error-banner span {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #1f2937;
}
.bs-schedule-form .bs-schedule-form__warning-banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 20px;
  padding: 12px 14px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 4px;
}
.bs-schedule-form .bs-schedule-form__warning-banner-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bs-schedule-form .bs-schedule-form__warning-banner-text .bs-schedule-form__warning-banner-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #1f2937;
}
.bs-schedule-form .bs-schedule-form__warning-banner-text .bs-schedule-form__warning-banner-description {
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
  line-height: 16px;
  margin: 0;
}
.bs-schedule-form .bs-schedule-form__warning-banner-info {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 0.25rem;
  cursor: pointer;
}
.bs-schedule-form .bs-schedule-form__usage-tooltip {
  text-align: left;
}
.bs-schedule-form .bs-schedule-form__usage-tooltip ul {
  margin: 0.25rem 0 0;
  padding-left: 1rem;
}
.bs-schedule-form .bs-schedule-form__day-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
}
.bs-schedule-form .bs-schedule-form__day-row--inactive .bs-schedule-form__day-label {
  color: #595959;
}
.bs-schedule-form .bs-schedule-form__timezone-select {
  width: 100%;
}
.bs-schedule-form .bs-schedule-form__timezone-select .bs-select-box:hover {
  border: 1px solid #1d4ed8;
}
.bs-schedule-form .bs-schedule-form__timezone-select .bs-select-box .bs-select-box-text span {
  color: #1f2937;
}
.bs-schedule-form .bs-schedule-form__timezone-select .bs-select-box .bs-select-box-icon-wrapper {
  color: #6b7280;
}
.bs-schedule-form .bs-schedule-form__timezone-select .transfer-select-box {
  width: 100%;
}
.bs-schedule-form .bs-schedule-form__days {
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bs-schedule-form .bs-schedule-form__day-checkbox {
  flex-shrink: 0;
}
.bs-schedule-form .bs-schedule-form__day-checkbox .bs-checkbox .bs-checkbox-inner {
  border-radius: 4px;
  width: 20px;
  height: 20px;
}
.bs-schedule-form .bs-schedule-form__day-checkbox .bs-checkbox .bs-checkbox-inner.bs-checkbox-inner:after {
  width: 7px;
  height: 12px;
  left: 23%;
  top: 45%;
}
.bs-schedule-form .bs-schedule-form__day-label {
  width: 140px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  flex-shrink: 0;
}
.bs-schedule-form .bs-schedule-form__day-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  gap: 6px;
}
.bs-schedule-form .bs-schedule-form__slot-pill {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 0 0.5rem;
  background: #ffffff;
  gap: 6px;
  flex-wrap: wrap;
}
.bs-schedule-form .bs-schedule-form__slot-pill--error {
  border-color: #f5222d;
}
.bs-schedule-form .bs-schedule-form__slot-label {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  color: #9ca3af;
}
.bs-schedule-form .bs-schedule-time-field {
  position: relative;
  display: flex;
  align-items: center;
  justify-self: center;
  line-height: 28px;
}
.bs-schedule-form .bs-schedule-time-field__control {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 56px;
  padding: 2px 4px;
  border-radius: 4px;
  background: #ffffff;
}
.bs-schedule-form .bs-schedule-time-field__control--focused {
  border-color: #1d4ed8;
}
.bs-schedule-form .bs-schedule-time-field__control--disabled {
  background: #fafafa;
  cursor: not-allowed;
}
.bs-schedule-form .bs-schedule-time-field__segment {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  font-size: 14px;
  line-height: 18px;
  color: #1f2937;
  user-select: none;
}
.bs-schedule-form .bs-schedule-time-field__segment--placeholder {
  color: #9ca3af;
  font-size: 12px;
}
.bs-schedule-form .bs-schedule-time-field__segment--active {
  background: #bfdbfe;
  color: #1f2937;
}
.bs-schedule-form .bs-schedule-time-field__colon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6px;
  font-size: 14px;
  color: #1f2937;
  user-select: none;
  height: 16px;
}
.bs-schedule-form .bs-schedule-time-field__input {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  opacity: 0;
  color: transparent;
  background: transparent;
  caret-color: transparent;
}
.bs-schedule-form .bs-schedule-time-field__input:focus {
  outline: 0;
}
.bs-schedule-form .bs-schedule-time-field__input::selection {
  background: transparent;
}
.bs-schedule-form .bs-schedule-time-field__dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  z-index: 10;
  min-width: 5.5rem;
  max-height: 12rem;
  overflow-y: auto;
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.bs-schedule-form .bs-schedule-time-field__option {
  padding: 0.35rem 0.75rem;
  color: #1f2937;
  cursor: pointer;
}
.bs-schedule-form .bs-schedule-time-field__option:hover {
  background: #eff6ff;
}
.bs-schedule-form .bs-schedule-time-field__option--selected {
  background: #eff6ff;
  color: #1d4ed8;
}
.bs-schedule-form .bs-schedule-form__slot-dash {
  margin: 0 0.25rem;
  color: #6b7280;
}
.bs-schedule-form .bs-schedule-form__slot-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.25rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #8c8c8c;
  cursor: pointer;
}
.bs-schedule-form .bs-schedule-form__slot-remove-icon {
  color: #8c8c8c;
}
.bs-schedule-form .bs-schedule-form__slot-remove-icon:hover {
  color: #1f2937;
}
.bs-schedule-form .bs-schedule-form__day-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.bs-schedule-form .bs-schedule-form__add-slot {
  display: flex;
  align-items: center;
  justify-self: center;
  gap: 4px;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.bs-schedule-form .bs-schedule-form__add-slot--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.bs-schedule-form .bs-schedule-form__add-slot:hover .bs-schedule-form__add-slot-icon {
  color: #1e40af;
}
.bs-schedule-form .bs-schedule-form__add-slot:hover {
  color: #1e40af;
}
.bs-schedule-form .bs-schedule-form__apply-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
  background: none;
}
.bs-schedule-form .bs-schedule-form__apply-btn:hover .bs-schedule-form__apply-btn-icon {
  color: #1d4ed8;
}
.bs-schedule-form .bs-schedule-form__apply-btn:hover {
  background: #dbeafe;
}
.bs-schedule-form .bs-schedule-form__apply-btn .bs-schedule-form__apply-btn-icon {
  color: #1f2937;
}
.bs-schedule-form .bs-schedule-form__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

.bs-schedule-form-modal .modal-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
}
.bs-schedule-form-modal .modal-dialog .modal-content {
  border: none !important;
  width: 980px;
}
.bs-schedule-form-modal .modal-dialog .modal-content .shd-modal--header {
  padding: 20px 24px !important;
}
.bs-schedule-form-modal .modal-dialog .modal-content .shd-modal--body {
  padding: 0 !important;
  overflow: visible;
}
.bs-schedule-form-modal .modal-dialog .modal-content .shd-modal--body .change-email-modal--divider {
  height: 1px;
  margin: 0px;
  width: 100%;
  color: #e5e7eb;
}
.bs-schedule-form-modal .modal-dialog .modal-content .shd-modal--divider {
  height: 1px;
  margin: 0px;
  width: 100%;
  color: #e5e7eb;
}
.bs-schedule-form-modal .modal-dialog .modal-content .shd-modal--footer .shd-modal--footer__right .cancel-btn.shd-button--secondary:focus {
  background-color: transparent;
}
.bs-schedule-form-modal .bs-modal-body {
  padding: 1.5rem;
}

.schedule-select .transfer-container .transfer-body {
  padding: 8px 0 4px 0;
}
.schedule-select .transfer-list li .schedule-dropdown-option-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.5rem;
}
.schedule-select .transfer-list li .schedule-dropdown-option-row__name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.schedule-select .transfer-list li .schedule-dropdown-option-row__edit {
  display: none;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  color: #374151;
  font-size: 14px;
  font-weight: 400;
  padding: 2px 5px;
  border-radius: 4px;
}
.schedule-select .transfer-list li .schedule-dropdown-option-row__edit span {
  white-space: nowrap;
  line-height: 16px;
}
.schedule-select .transfer-list li .schedule-dropdown-option-row__edit:hover {
  background: #ffffff;
}
.schedule-select .transfer-list li .schedule-dropdown-option-row:hover .schedule-dropdown-option-row__edit {
  display: flex;
}
.schedule-select .transfer-container {
  margin-top: 4px;
}
.schedule-select .transfer-container .transfer-body .transfer-content .transfer-list div li {
  line-height: 36px;
  padding: 0px 16px;
}
.schedule-select .transfer-container .transfer-body .transfer-footer {
  padding: 0px;
}
.schedule-select .transfer-footer .schedule-dropdown-add-footer-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.schedule-select .transfer-footer .schedule-dropdown-add-footer-container .change-email-modal--divider {
  margin: 4px 0 0 0;
  background: #e5e7eb;
  width: 100%;
  height: 1px;
}
.schedule-select .transfer-footer .schedule-dropdown-add-footer-container .schedule-dropdown-add-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: none;
  cursor: pointer;
  padding: 10px 16px;
  background: #ffffff;
}
.schedule-select .transfer-footer .schedule-dropdown-add-footer-container .schedule-dropdown-add-footer p {
  margin: 0;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.schedule-select .transfer-footer .schedule-dropdown-add-footer-container .schedule-dropdown-add-footer:hover {
  background: #eff6ff;
}

.schedule-discard-changes-modal.confirmation-modal-v3 .modal-dialog {
  max-width: 450px;
}
.schedule-discard-changes-modal.confirmation-modal-v3 .modal-dialog .modal-header {
  border-bottom: none;
  padding: 24px 24px 16px 24px;
}
.schedule-discard-changes-modal.confirmation-modal-v3 .modal-dialog .modal-content .modal-body {
  padding: 0 24px 24px !important;
}
.schedule-discard-changes-modal.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons .btn-ghost:hover {
  border-color: #d9d9d9;
  background: #f9fafb;
}

.bs-schedule-form__timezone-select-input.transfer-overlay {
  padding: 2px 0 0 0;
}

.inline-mention-editor {
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 0.25rem;
  position: relative;
}
.inline-mention-editor.editor {
  border: 1px solid #e5e7eb;
  height: min-content;
}
.inline-mention-editor.editor .editor-editable-content-container {
  padding: 0;
}
.inline-mention-editor.editor:focus-within {
  border: 1px solid #1d4ed8;
}
.inline-mention-editor:focus-within {
  border: none;
  outline: 0;
  box-shadow: none;
}
.inline-mention-editor.error {
  border-color: #f5222d;
}
.inline-mention-editor.error:focus, .inline-mention-editor.error:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.inline-mention-editor .toolbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 2rem;
  background: #f5f5f5;
  border-bottom: 0.0625rem solid #d1d5db;
  box-sizing: border-box;
  padding: 0.25rem 0.5rem;
}
.inline-mention-editor .toolbar-container .fixed-toolbar-container {
  flex: 1;
}
.inline-mention-editor .hide-toolbar-container, .inline-mention-editor .toolbar-container {
  background: none;
  padding: 0px;
}
.inline-mention-editor .hide-toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group, .inline-mention-editor .toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group {
  padding: 8px 0 !important;
}
.inline-mention-editor .hide-toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group .tox-collection__item--active, .inline-mention-editor .toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group .tox-collection__item--active {
  background-color: #eff6ff !important;
}
.inline-mention-editor .hide-toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group .tox-collection__item--active:hover, .inline-mention-editor .toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group .tox-collection__item--active:hover {
  background-color: #eff6ff !important;
}
.inline-mention-editor .hide-toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group .tox-collection__item .tox-collection__item-container .tox-collection__item-container--row, .inline-mention-editor .toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group .tox-collection__item .tox-collection__item-container .tox-collection__item-container--row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
}
.inline-mention-editor .hide-toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group .tox-collection__item .tox-collection__item-container .tox-collection__item-container--row .inline-mention-option__initials, .inline-mention-editor .toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .tox-autocompleter .tox-collection .tox-collection__group .tox-collection__item .tox-collection__item-container .tox-collection__item-container--row .inline-mention-option__initials {
  color: #1d4ed8;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 50%;
  max-width: 24px;
  max-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  width: 22px;
}
.inline-mention-editor .hide-toolbar-container.hide-toolbar-container .fixed-toolbar-container .tox-tinymce, .inline-mention-editor .toolbar-container.hide-toolbar-container .fixed-toolbar-container .tox-tinymce {
  height: 0px;
}
.inline-mention-editor .hide-toolbar-container.hide-toolbar-container .fixed-toolbar-container .tox-tinymce-aux, .inline-mention-editor .toolbar-container.hide-toolbar-container .fixed-toolbar-container .tox-tinymce-aux {
  height: 0;
}
.inline-mention-editor .editor-editable-content-container {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth;
  padding: 0;
  cursor: text;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 12px;
  min-height: 0;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper:focus-within {
  border: none;
  outline: none;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper:has(.attachments-list) {
  min-height: fit-content;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mce-content-body {
  min-height: 127px;
  outline: none;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container {
  display: inline;
  border-radius: 4px;
  background-color: #eff6ff !important;
  border: 1px solid #bfdbfe;
  margin-bottom: 2px;
  margin-inline: 1px;
  padding-inline: 6px;
  position: relative;
  text-decoration: none !important;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container .mention-tag-chip {
  color: #3b82f6 !important;
  font-size: inherit;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .mention-tag-chip-container .mention-tag-chip .inline-mention-text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  flex: 1;
  outline: none;
  font-family: sans-serif;
  font-size: 0.875rem;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content p {
  margin: 1em 0;
  line-height: 1.4;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content-edit {
  position: absolute;
  bottom: 12px;
  right: 12px;
  padding: 4px;
  display: flex;
  cursor: pointer;
  color: #6b7280;
}
.inline-mention-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content-edit:hover {
  background: #f3f4f6;
  border-radius: 4px;
}
.inline-mention-editor .inline-mention-option {
  align-items: center;
  gap: 0.5rem;
}
.inline-mention-editor .inline-mention-option .inline-mention-option__initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #eff6ff;
  color: #0004c9;
  font-weight: 600;
  font-size: 0.875rem;
}
.inline-mention-editor .inline-mention-option .inline-mention-option__label {
  color: #6c6f74;
  font-size: 0.875rem;
  font-weight: 500;
}
.inline-mention-editor .upcoming-task-footer {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-top: 1px solid #e5e7eb;
}
.inline-mention-editor .upcoming-task-footer .toolbar-container {
  background: none;
  border: none;
}
.inline-mention-editor .upcoming-task-footer .toolbar-container div .tox-toolbar-overlord {
  background: none;
}
.inline-mention-editor .upcoming-task-footer .toolbar-container div .tox-toolbar__primary {
  background: none;
}
.inline-mention-editor .upcoming-task-footer .visibility-selector-container {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
  width: 100%;
}
.inline-mention-editor .upcoming-task-footer .visibility-selector-container .notes-draft-saved {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inline-mention-editor .upcoming-task-footer .visibility-selector-container .notes-draft-saved .notes-draft-saved-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
}
.inline-mention-editor .upcoming-task-footer .visibility-selector-container .footer-cancel-btn {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.inline-mention-editor .upcoming-task-footer .visibility-selector-container .footer-cancel-btn:hover {
  background: #f3f4f6;
}
.inline-mention-editor .upcoming-task-footer .visibility-selector-container .visibility-selector .visibility-selector__current {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
}
.inline-mention-editor .upcoming-task-footer .visibility-selector-container .visibility-selector .visibility-selector__current span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.inline-mention-editor .upcoming-task-footer .visibility-selector-container .shd-button {
  white-space: nowrap;
}

.inline-mention-editor.editor .hide-toolbar-container.toolbar-container {
  background: none;
  border-bottom: none;
  min-height: 0;
  height: 0;
}
.inline-mention-editor.editor .hide-toolbar-container.toolbar-container div .toolbar-extra-btn {
  height: 0;
  padding: 0;
}
.inline-mention-editor .attachments-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-top: 0.75rem;
}
.inline-mention-editor .email-content-error {
  margin: 0;
  font-size: 0.875rem !important;
  background: #fee2e2 !important;
  border-radius: 0 !important;
  border-top: 0.0625rem solid #fecaca !important;
}

.toolbar-container-popover {
  max-width: 100%;
}
.toolbar-container-popover.bs-popover-inner {
  padding: 0;
}
.toolbar-container-popover .arrow {
  display: none;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector {
  position: relative;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__menu {
  left: 0;
  background: #ffffff;
  border-radius: 8px;
  min-width: 300px;
  box-shadow: 0px 12px 24px rgba(15, 23, 42, 0.15);
  z-index: 5;
  overflow: hidden;
  padding: 8px 0px;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option img {
  padding: 2px;
  align-self: flex-start;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option:hover {
  background: #eff6ff;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option.selected {
  background: #eff6ff;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option-texts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option-texts span:first-child {
  font-weight: 500;
  color: #1f2937;
  line-height: 20px;
  font-size: 14px;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__option-texts span:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #9ca3af;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__current {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 2px;
  cursor: pointer;
  background: #ffffff;
  font-size: 13px;
  font-weight: 500;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__current span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__chevron {
  display: inline-flex;
  transition: transform 0.2s ease;
}
.toolbar-container-popover .popover-body .bs-popover-content .bs-popover-inner-content .visibility-selector__chevron.open {
  transform: rotate(180deg);
}

.editor {
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
  position: relative;
}
.editor:hover {
  border-color: #346aff;
  border-right-width: 0.0625rem !important;
}
.editor:hover + .bs-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.editor:hover .bs-input-number-handler-wrap {
  opacity: 1;
}
.editor:focus, .editor:focus-within {
  border-color: #346aff;
  border-right-width: 0.0625rem !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.editor.error {
  border: 0.0625rem solid #f5222d;
}
.editor.error:hover {
  border-color: #f5222d;
}
.editor.error:focus, .editor.error:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.editor .editor-editable-content-container {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  scroll-behavior: smooth;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  flex: 1;
  outline: 0 solid transparent;
  font-family: sans-serif;
  font-size: 0.8125rem;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h1,
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h2,
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h3,
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h4,
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h5,
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h6 {
  font-weight: bold;
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h1 {
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h2 {
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h3 {
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h4 {
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h5 {
  font-size: 0.83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content h6 {
  font-size: 0.67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content p {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content.mce-content-body:not([dir=rtl]) blockquote {
  border-left: 2px solid #ccc;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content.mce-content-body[dir=rtl] blockquote {
  border-right: 2px solid #ccc;
  margin-right: 1.5rem;
  padding-right: 1rem;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content pre {
  white-space: pre-line;
}
.editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content.single-line-content {
  white-space: nowrap;
  overflow: hidden;
}
.editor .toolbar-container {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 2rem;
  background: #f5f5f5;
  border-bottom: 0.0625rem solid #d1d5db;
  box-sizing: border-box;
}
.editor .template-button {
  display: flex;
  align-items: center;
  margin-right: 0.625rem;
  border: none;
  background-color: transparent;
}
.editor .template-button p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: normal;
  margin: 0;
  margin-left: 0.1875rem;
  color: #000000;
}
.editor .tox-tinymce-inline .tox-editor-header {
  border: none;
  margin-bottom: 0;
}
.editor .tox-tinymce-inline .tox-editor-header .tox .tox-toolbar-overlord {
  background-color: transparent;
}
.editor .tox .tox-toolbar,
.editor .tox .tox-toolbar__overflow,
.editor .tox .tox-toolbar__primary {
  background: none;
  background-color: #f5f5f5;
  height: 1.875rem;
}
.editor .tox .tox-toolbar__group {
  margin: 0;
  height: 100%;
}
.editor .tox .tox-tbtn {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #000000;
  width: 1.5rem;
  height: 1.5rem;
}
.editor .tox .tox-tbtn--select {
  width: auto;
}
.editor .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  width: 5em;
}
.editor .tox button[aria-label="Font sizes"].tox-tbtn--bespoke .tox-tbtn__select-label {
  width: 2.5em;
}
.editor .tox .tox-split-button .tox-tbtn .tox-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.editor .tox .tox-split-button .tox-split-button__chevron {
  display: flex;
  justify-content: center;
  align-items: center;
}
.editor .tox .tox-menu {
  max-height: 16.25rem !important;
}
.editor .tox .tox-collection--list .tox-collection__group:first-child {
  min-width: 5.625rem;
}
.editor .add-merge-tag-option-container {
  margin-left: 1rem;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.25rem;
  background: #ffffff;
  width: 2.375rem;
  height: 2.375rem;
  color: #222f3e;
  padding: 0.25rem;
  cursor: pointer;
}
.editor .add-merge-tag-option-container:hover, .editor .add-merge-tag-option-container:focus {
  background: #f5f5f5;
}
.editor .add-merge-tag-option-container:active {
  background: #dee0e2;
}
.editor .add-merge-tag-option-container .add-merge-tags-option {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.editor .add-merge-tag-option-container .add-merge-tags-option .merge-tag-icon {
  font-size: 1.5rem;
}
.editor.unsubscribe-editor {
  padding: 0 !important;
  border-radius: 4px;
  border: 0.0625rem solid #d1d5db;
  max-width: 50em;
}
.editor.unsubscribe-editor .editor-editable-content-container {
  border: none;
}
.editor.unsubscribe-editor .toolbar-container-for-unsubscribe-tag {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 50em;
  border-radius: 0;
}
.editor.unsubscribe-editor .unsubscribe-container {
  background-color: #f5f5f5;
  height: 100%;
  padding: 0 0.5rem 0 0;
  flex-basis: 35%;
}
.editor.unsubscribe-editor .toolbar-flex-size {
  flex-basis: 65%;
}
.editor.unsubscribe-editor .w-full {
  width: 100%;
}
.editor.unsubscribe-editor .unsubscribe-setting-editor .tox-tinymce-inline .tox-editor-header {
  border: none;
}
.editor.unsubscribe-editor .editor-editable-content {
  color: #1f2937;
}

.attachments-list {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-top: 0.9375rem;
}
.attachments-list.reply-forward-editor-attachement {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.attachments-list.reply-forward-editor-attachement .attachment {
  box-sizing: border-box;
}

.drag-n-drop {
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  height: calc(100% - 1.875rem);
  background: rgba(255, 255, 255, 0.96);
  border-radius: 0px 0px 0.25rem 0.25rem;
  border-top: 0.0625rem solid #d1d5db;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.drag-n-drop--title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: #1f2937;
  margin: 0;
}
.drag-n-drop--text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
  margin: 0;
}

.email-content-error {
  margin: 0;
  font-size: 0.875rem !important;
  justify-content: flex-start !important;
}

pre {
  color: inherit;
  display: inherit;
  font-size: inherit;
}

.editor .tox .tox-autocompleter .tox-menu {
  width: 14rem;
  max-height: 18.25rem !important;
  overflow-y: auto;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group {
  padding: 4px 0 12px 0px !important;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item {
  padding: 0 !important;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item .group-header {
  width: calc(100% - 24px);
  padding: 8px 12px 4px 12px;
  color: #9ca3af;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: default;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item .group-header-hidden {
  display: none;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item .tag-item {
  width: calc(100% - 24px);
  padding: 6px 12px;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item .tag-item.ai-generated-variant::after {
  position: absolute;
  top: 8px;
  right: 2px;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.0238%202.9668C19.5781%202.9668%2020.0274%203.41615%2020.0274%203.97046C20.0274%204.23665%2020.1332%204.49194%2020.3214%204.68016C20.5096%204.86839%2020.7649%204.97413%2021.0311%204.97413C21.5854%204.97413%2022.0348%205.42349%2022.0348%205.9778C22.0348%206.53211%2021.5854%206.98146%2021.0311%206.98146C20.7649%206.98146%2020.5096%207.08721%2020.3214%207.27543C20.1332%207.46365%2020.0274%207.71894%2020.0274%207.98513C20.0274%208.53944%2019.5781%208.9888%2019.0238%208.9888C18.4694%208.9888%2018.0201%208.53944%2018.0201%207.98513C18.0201%207.71894%2017.9143%207.46365%2017.7261%207.27543C17.5379%207.08721%2017.2826%206.98146%2017.0164%206.98146C16.4621%206.98146%2016.0128%206.53211%2016.0128%205.9778C16.0128%205.42349%2016.4621%204.97413%2017.0164%204.97413C17.2826%204.97413%2017.5379%204.86839%2017.7261%204.68016C17.9143%204.49194%2018.0201%204.23665%2018.0201%203.97046C18.0201%203.41615%2018.4694%202.9668%2019.0238%202.9668ZM9.99075%204.97413C10.5451%204.97413%2010.9944%205.42349%2010.9944%205.9778C10.9944%207.30874%2011.5231%208.58517%2012.4643%209.52629C13.4054%2010.4674%2014.6818%2010.9961%2016.0128%2010.9961C16.5671%2010.9961%2017.0164%2011.4455%2017.0164%2011.9998C17.0164%2012.5541%2016.5671%2013.0035%2016.0128%2013.0035C14.6818%2013.0035%2013.4054%2013.5322%2012.4643%2014.4733C11.5231%2015.4144%2010.9944%2016.6909%2010.9944%2018.0218C10.9944%2018.5761%2010.5451%2019.0255%209.99075%2019.0255C9.43644%2019.0255%208.98709%2018.5761%208.98709%2018.0218C8.98709%2016.6909%208.45837%2015.4144%207.51725%2014.4733C6.57613%2013.5322%205.2997%2013.0035%203.96875%2013.0035C3.41444%2013.0035%202.96509%2012.5541%202.96509%2011.9998C2.96509%2011.4455%203.41444%2010.9961%203.96875%2010.9961C5.2997%2010.9961%206.57613%2010.4674%207.51725%209.52629C8.45837%208.58517%208.98709%207.30874%208.98709%205.9778C8.98709%205.42349%209.43644%204.97413%209.99075%204.97413ZM18.0201%2016.0145C18.0201%2015.4602%2018.4694%2015.0108%2019.0238%2015.0108C19.5781%2015.0108%2020.0274%2015.4602%2020.0274%2016.0145C20.0274%2016.2807%2020.1332%2016.5359%2020.3214%2016.7242C20.5096%2016.9124%2020.7649%2017.0181%2021.0311%2017.0181C21.5854%2017.0181%2022.0348%2017.4675%2022.0348%2018.0218C22.0348%2018.5761%2021.5854%2019.0255%2021.0311%2019.0255C20.7649%2019.0255%2020.5096%2019.1312%2020.3214%2019.3194C20.1332%2019.5077%2020.0274%2019.7629%2020.0274%2020.0291C20.0274%2020.5834%2019.5781%2021.0328%2019.0238%2021.0328C18.4694%2021.0328%2018.0201%2020.5834%2018.0201%2020.0291C18.0201%2019.7629%2017.9143%2019.5077%2017.7261%2019.3194C17.5379%2019.1312%2017.2826%2019.0255%2017.0164%2019.0255C16.4621%2019.0255%2016.0128%2018.5761%2016.0128%2018.0218C16.0128%2017.4675%2016.4621%2017.0181%2017.0164%2017.0181C17.2826%2017.0181%2017.5379%2016.9124%2017.7261%2016.7242C17.9143%2016.5359%2018.0201%2016.2807%2018.0201%2016.0145Z'%20fill='url(%23paint0_linear_11190_77860)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_11190_77860'%20x1='-2.74321'%20y1='-32.8106'%20x2='36.7512'%20y2='-14.5332'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.183258'%20stop-color='%23EB4CE6'/%3e%3cstop%20offset='0.534401'%20stop-color='%239D54DB'/%3e%3cstop%20offset='1'%20stop-color='%231D4ED8'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item:hover {
  background-color: transparent !important;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item:hover .tag-item {
  background-color: #eff6ff !important;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item--active {
  background-color: transparent !important;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item--active .tag-item {
  background-color: #eff6ff !important;
}
.editor .tox .tox-autocompleter .tox-menu .tox-collection__group .tox-collection__item--active:hover .tag-item {
  background-color: #eff6ff !important;
}

.merge-tag-chip-container,
.variable-tag-chip-container,
.date-tag-chip-container {
  display: inline;
  border-radius: 4px;
  background-color: #eff6ff !important;
  border: 1px solid #bfdbfe;
  margin-bottom: 2px;
  margin-inline: 1px;
  position: relative;
  text-decoration: none !important;
}
.merge-tag-chip-container .merge-tag-chip,
.variable-tag-chip-container .merge-tag-chip,
.date-tag-chip-container .merge-tag-chip {
  color: #3b82f6 !important;
}
.merge-tag-chip-container.variable-tag-chip-container, .merge-tag-chip-container.date-tag-chip-container,
.variable-tag-chip-container.variable-tag-chip-container,
.variable-tag-chip-container.date-tag-chip-container,
.date-tag-chip-container.variable-tag-chip-container,
.date-tag-chip-container.date-tag-chip-container {
  background-color: #eef2ff !important;
  border: 1px solid #c7d2fe;
}
.merge-tag-chip-container.variable-tag-chip-container .variable-tag-chip, .merge-tag-chip-container.variable-tag-chip-container .date-tag-chip, .merge-tag-chip-container.date-tag-chip-container .variable-tag-chip, .merge-tag-chip-container.date-tag-chip-container .date-tag-chip,
.variable-tag-chip-container.variable-tag-chip-container .variable-tag-chip,
.variable-tag-chip-container.variable-tag-chip-container .date-tag-chip,
.variable-tag-chip-container.date-tag-chip-container .variable-tag-chip,
.variable-tag-chip-container.date-tag-chip-container .date-tag-chip,
.date-tag-chip-container.variable-tag-chip-container .variable-tag-chip,
.date-tag-chip-container.variable-tag-chip-container .date-tag-chip,
.date-tag-chip-container.date-tag-chip-container .variable-tag-chip,
.date-tag-chip-container.date-tag-chip-container .date-tag-chip {
  color: #6366f1 !important;
}
.merge-tag-chip-container.variable-tag-chip-container .editable-fallback, .merge-tag-chip-container.date-tag-chip-container .editable-fallback,
.variable-tag-chip-container.variable-tag-chip-container .editable-fallback,
.variable-tag-chip-container.date-tag-chip-container .editable-fallback,
.date-tag-chip-container.variable-tag-chip-container .editable-fallback,
.date-tag-chip-container.date-tag-chip-container .editable-fallback {
  border-left: 1px solid #c7d2fe;
}
.merge-tag-chip-container.merge-tag-chip-container .chip-cancel-icon,
.variable-tag-chip-container.merge-tag-chip-container .chip-cancel-icon,
.date-tag-chip-container.merge-tag-chip-container .chip-cancel-icon {
  bottom: 10px;
  top: unset;
}
.merge-tag-chip-container .chip-cancel-icon,
.variable-tag-chip-container .chip-cancel-icon,
.date-tag-chip-container .chip-cancel-icon {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  position: absolute;
  top: -4px;
  right: -4px;
  cursor: pointer;
  display: flex;
  z-index: 10;
}
.merge-tag-chip-container:hover .chip-cancel-icon,
.variable-tag-chip-container:hover .chip-cancel-icon,
.date-tag-chip-container:hover .chip-cancel-icon {
  opacity: 1;
}
.merge-tag-chip-container .merge-tag-chip,
.merge-tag-chip-container .variable-tag-chip,
.merge-tag-chip-container .date-tag-chip,
.merge-tag-chip-container .long-text-merge-tag-chip-container,
.variable-tag-chip-container .merge-tag-chip,
.variable-tag-chip-container .variable-tag-chip,
.variable-tag-chip-container .date-tag-chip,
.variable-tag-chip-container .long-text-merge-tag-chip-container,
.date-tag-chip-container .merge-tag-chip,
.date-tag-chip-container .variable-tag-chip,
.date-tag-chip-container .date-tag-chip,
.date-tag-chip-container .long-text-merge-tag-chip-container {
  padding: 0 4px;
  border: none;
  background-color: transparent !important;
  font-size: inherit;
  font-weight: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none !important;
}
.merge-tag-chip-container.long-text-merge-tag-chip-container,
.variable-tag-chip-container.long-text-merge-tag-chip-container,
.date-tag-chip-container.long-text-merge-tag-chip-container {
  display: inline-flex;
}
.merge-tag-chip-container.long-text-merge-tag-chip-container .merge-tag-chip,
.variable-tag-chip-container.long-text-merge-tag-chip-container .merge-tag-chip,
.date-tag-chip-container.long-text-merge-tag-chip-container .merge-tag-chip {
  line-height: 16px;
}
.merge-tag-chip-container .editable-fallback,
.merge-tag-chip-container .long-text-editable-fallback,
.variable-tag-chip-container .editable-fallback,
.variable-tag-chip-container .long-text-editable-fallback,
.date-tag-chip-container .editable-fallback,
.date-tag-chip-container .long-text-editable-fallback {
  padding: 0 4px;
  font-size: inherit;
  font-weight: inherit;
  color: #212529;
  cursor: pointer;
  background-color: #fff;
  border-left: 1px solid #bfdbfe;
  border-radius: 0px 4px 4px 0px;
  outline: none !important;
  position: relative;
}
.merge-tag-chip-container .editable-fallback.default-fallback,
.merge-tag-chip-container .long-text-editable-fallback.default-fallback,
.variable-tag-chip-container .editable-fallback.default-fallback,
.variable-tag-chip-container .long-text-editable-fallback.default-fallback,
.date-tag-chip-container .editable-fallback.default-fallback,
.date-tag-chip-container .long-text-editable-fallback.default-fallback {
  display: inline;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #3b82f6;
  font-size: inherit;
  outline: none !important;
}
.merge-tag-chip-container .editable-fallback.default-fallback::before,
.merge-tag-chip-container .long-text-editable-fallback.default-fallback::before,
.variable-tag-chip-container .editable-fallback.default-fallback::before,
.variable-tag-chip-container .long-text-editable-fallback.default-fallback::before,
.date-tag-chip-container .editable-fallback.default-fallback::before,
.date-tag-chip-container .long-text-editable-fallback.default-fallback::before {
  color: #bfdbfe;
  content: "+";
  font-size: 13px;
}
.merge-tag-chip-container .editable-fallback.long-text-editable-fallback,
.merge-tag-chip-container .long-text-editable-fallback.long-text-editable-fallback,
.variable-tag-chip-container .editable-fallback.long-text-editable-fallback,
.variable-tag-chip-container .long-text-editable-fallback.long-text-editable-fallback,
.date-tag-chip-container .editable-fallback.long-text-editable-fallback,
.date-tag-chip-container .long-text-editable-fallback.long-text-editable-fallback {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 14rem;
  line-height: 16px;
}

.date-tag-chip-container .chip-cancel-icon {
  top: unset;
  bottom: 10px;
}
.date-tag-chip-container .editable-fallback.default-fallback::before {
  color: #212529;
  content: "0";
}

.error-chip-container {
  display: inline-flex;
  align-items: stretch;
  border-radius: 4px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  margin-bottom: 2px;
  margin-right: 2px;
  position: relative;
}
.error-chip-container .chip-cancel-icon {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  position: absolute;
  top: -4px;
  right: -4px;
  cursor: pointer;
  display: flex;
}
.error-chip-container:hover .chip-cancel-icon {
  opacity: 1;
}
.error-chip-container .error-chip-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
}
.error-chip-container .error-chip-icon::before {
  content: "";
  width: 14px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='11'%20viewBox='0%200%2012%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.99983%203.66643C6.32199%203.66643%206.58316%203.9276%206.58316%204.24976V5.41643C6.58316%205.7386%206.32199%205.99976%205.99983%205.99976C5.67766%205.99976%205.41649%205.7386%205.41649%205.41643V4.24976C5.41649%203.9276%205.67766%203.66643%205.99983%203.66643ZM5.99983%207.16643C6.32199%207.16643%206.58316%207.4276%206.58316%207.74976V7.7556C6.58316%208.07776%206.32199%208.33893%205.99983%208.33893C5.67766%208.33893%205.41649%208.07776%205.41649%207.7556V7.74976C5.41649%207.4276%205.67766%207.16643%205.99983%207.16643Z'%20fill='%23F87171'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.11104%200.388494C5.38033%200.229731%205.68722%200.145996%205.99983%200.145996C6.31243%200.145996%206.61933%200.229731%206.88861%200.388494C7.15662%200.546507%207.37764%200.773101%207.52893%201.04491L11.6105%208.1876C11.6233%208.21012%2011.6347%208.23347%2011.6444%208.2575C11.7495%208.51612%2011.7912%208.79613%2011.7659%209.07414C11.7407%209.35215%2011.6494%209.62009%2011.4995%209.8556C11.3496%2010.0911%2011.1456%2010.2873%2010.9044%2010.4279C10.6633%2010.5685%2010.392%2010.6494%2010.1132%2010.6637C10.1032%2010.6643%2010.0932%2010.6645%2010.0832%2010.6645H1.95733C1.95063%2010.6645%201.94396%2010.6644%201.93732%2010.6642C1.92052%2010.6648%201.90356%2010.6646%201.88646%2010.6637C1.60768%2010.6494%201.33639%2010.5685%201.09522%2010.4279C0.854057%2010.2873%200.650024%2010.0911%200.500155%209.8556C0.350287%209.62009%200.258931%209.35215%200.233717%209.07414C0.208502%208.79613%200.250159%208.51612%200.35521%208.2575C0.364969%208.23347%200.37632%208.21012%200.389186%208.1876L4.47073%201.04491C4.62201%200.773101%204.84303%200.546507%205.11104%200.388494ZM1.93844%209.49815C1.94471%209.49795%201.95101%209.49785%201.95733%209.49785H10.0656C10.1541%209.49139%2010.2401%209.46479%2010.3169%209.42002C10.3973%209.37316%2010.4653%209.30775%2010.5152%209.22924C10.5652%209.15074%2010.5956%209.06143%2010.604%208.96876C10.6115%208.88682%2010.6015%208.80437%2010.5749%208.72678L6.5102%201.61362C6.45975%201.52244%206.38585%201.44642%206.29609%201.3935C6.20633%201.34057%206.10403%201.31266%205.99983%201.31266C5.89563%201.31266%205.79333%201.34057%205.70357%201.3935C5.6138%201.44642%205.53986%201.52242%205.48941%201.61359L5.48552%201.62063L1.42479%208.72678C1.39818%208.80437%201.38818%208.88683%201.39561%208.96876C1.40402%209.06143%201.43447%209.15074%201.48443%209.22924C1.53438%209.30775%201.60239%209.37316%201.68278%209.42002C1.76083%209.46552%201.84835%209.49225%201.93844%209.49815Z'%20fill='%23F87171'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.error-chip-container .error-chip {
  padding: 3px;
  font-size: 13px;
  font-weight: 400;
  line-height: 10px;
  color: #f87171;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  outline: none !important;
}

.spin-tag-chip-container {
  align-items: center;
  border-radius: 4px;
  background-color: rgba(245, 243, 255, 0.6509803922) !important;
  border-left: 2px solid #8b5cf6;
  border-right: 2px solid #8b5cf6;
  margin-bottom: 2px;
  margin-inline: 1px;
  position: relative;
  outline: none !important;
  text-decoration: none !important;
}
.spin-tag-chip-container:hover .add-spin-icon .chip-cancel-icon {
  opacity: 1;
}
.spin-tag-chip-container .spin-start {
  padding: 0 4px;
  border-radius: 4px 0 0 4px;
  font-size: inherit;
  font-weight: inherit;
  color: #8b5cf6;
  background-color: #ede9fe;
}
.spin-tag-chip-container .spin-start::before {
  color: #8b5cf6;
  content: "spin";
  font-size: inherit;
}
.spin-tag-chip-container .spin-tag-chip {
  padding: 0 4px;
  border: none;
  background-color: transparent !important;
  font-size: inherit;
  font-weight: inherit;
  color: #212529 !important;
  outline: none !important;
}
.spin-tag-chip-container .spin-tag-chip.with-merge-tag {
  padding: 0 4px;
}
.spin-tag-chip-container .spin-tag-chip .merge-tag-chip-container, .spin-tag-chip-container .spin-tag-chip .variable-tag-chip-container, .spin-tag-chip-container .spin-tag-chip .date-tag-chip-container, .spin-tag-chip-container .spin-tag-chip .error-chip-container {
  margin-bottom: 0;
}
.spin-tag-chip-container .spin-tag-chip .merge-tag-chip-container .chip-cancel-icon, .spin-tag-chip-container .spin-tag-chip .variable-tag-chip-container .chip-cancel-icon, .spin-tag-chip-container .spin-tag-chip .date-tag-chip-container .chip-cancel-icon, .spin-tag-chip-container .spin-tag-chip .error-chip-container .chip-cancel-icon {
  display: none;
}
.spin-tag-chip-container .spin-tag-chip .merge-tag-chip-container .tooltip-text.content-tooltip, .spin-tag-chip-container .spin-tag-chip .variable-tag-chip-container .tooltip-text.content-tooltip, .spin-tag-chip-container .spin-tag-chip .date-tag-chip-container .tooltip-text.content-tooltip, .spin-tag-chip-container .spin-tag-chip .error-chip-container .tooltip-text.content-tooltip {
  opacity: 0;
}
.spin-tag-chip-container .add-spin-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  padding-left: 0;
  font-size: inherit;
  font-weight: inherit;
  color: #8b5cf6;
  cursor: pointer;
  position: relative;
}
.spin-tag-chip-container .add-spin-icon .chip-cancel-icon {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  position: absolute;
  top: -6px;
  right: -6px;
  cursor: pointer;
  display: flex;
  z-index: 10;
}
.spin-tag-chip-container .add-spin-icon::before {
  color: #8b5cf6;
  content: "+";
  font-size: inherit;
}
.spin-tag-chip-container .spin-divider {
  display: inline-block;
  margin-bottom: 2px;
  width: 4px;
  height: 4px;
  background-color: #8b5cf6;
  border-radius: 50%;
}

.tooltip-text {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  line-height: 16px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 12;
  pointer-events: none;
  margin-top: 4px;
  text-align: left;
  padding: 0.625rem;
  font-weight: 500;
  font-size: 0.75rem;
  background-color: #1f2937;
  max-width: 250px;
  color: #fff;
}
.tooltip-text::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-bottom-color: #1f2937;
}

.default-fallback:hover ~ .tooltip-text:not(.content-tooltip),
.add-spin-icon:hover ~ .tooltip-text:not(.content-tooltip) {
  opacity: 1;
  visibility: visible;
  z-index: 12;
}

.default-fallback ~ .tooltip-text:not(.content-tooltip) {
  position: absolute;
  top: 100%;
  left: calc(100% - 10px);
  transform: translateX(-50%);
  z-index: 12;
  min-width: 130px;
  max-width: 120px;
  text-align: center;
  margin-top: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.default-fallback ~ .tooltip-text:not(.content-tooltip)::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-bottom-color: #1f2937;
}

.add-spin-icon ~ .tooltip-text:not(.content-tooltip) {
  position: absolute;
  top: 100%;
  left: unset;
  transform: translateX(-60%);
  z-index: 12;
  min-width: 96px;
  max-width: 120px;
  text-align: center;
  margin-top: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.add-spin-icon ~ .tooltip-text:not(.content-tooltip)::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-bottom-color: #1f2937;
}

.spin-tag-chip-container .spin-chips .with-merge-tag {
  color: #212529 !important;
  background-color: rgba(245, 243, 255, 0.6509803922) !important;
}
.spin-tag-chip-container .spin-chips .with-merge-tag .merge-tag-chip-container .tooltip-text,
.spin-tag-chip-container .spin-chips .with-merge-tag .date-tag-chip-container .tooltip-text {
  display: none;
}

.content-tooltip {
  text-align: left;
  padding: 0.625rem;
  font-weight: 500;
  font-size: 0.75rem;
  background-color: #1f2937;
  max-width: 250px;
  color: #ffffff;
}

.merge-tag-chip:hover ~ .tooltip-text.content-tooltip,
.spin-chips:hover ~ .tooltip-text.content-tooltip {
  opacity: 1;
  visibility: visible;
  z-index: 12;
}

.spin-chip-wrapper:hover .tooltip-text.spin-chip-tooltip {
  opacity: 1;
  visibility: visible;
  z-index: 12;
}

.spin-chip-wrapper {
  position: relative;
  display: inline-block;
}
.spin-chip-wrapper .tooltip-text.spin-chip-tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 4px;
  z-index: 12;
  word-break: normal;
  white-space: normal;
  overflow-wrap: break-word;
}
.spin-chip-wrapper .tooltip-text.spin-chip-tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-bottom-color: #1f2937;
}

.email-modal-input-wrapper {
  overflow: visible;
}
.email-modal-input-wrapper .subject-editor-wrapper {
  overflow: visible;
}
.email-modal-input-wrapper .subject-editor-wrapper .editor {
  overflow: visible;
}
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container {
  overflow: visible;
  min-height: 1.25rem;
}
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content {
  overflow: visible;
  max-height: none;
}
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content .merge-tag-chip-container .tooltip-text,
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content .variable-tag-chip-container .tooltip-text,
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content .date-tag-chip-container .tooltip-text,
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content .spin-tag-chip-container .tooltip-text {
  position: absolute;
  z-index: 13;
  top: 100%;
  margin-top: 4px;
}
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content .merge-tag-chip-container .tooltip-text.content-tooltip,
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content .variable-tag-chip-container .tooltip-text.content-tooltip,
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content .date-tag-chip-container .tooltip-text.content-tooltip,
.email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content .spin-tag-chip-container .tooltip-text.content-tooltip {
  left: 50%;
  transform: translateX(-50%);
}

/** Merge Tag Editor Modal CSS */
.merge-tag-modal .merge-tag-modal-container,
.date-tag-modal .merge-tag-modal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
}
.merge-tag-modal .merge-tag-modal-container__header,
.date-tag-modal .merge-tag-modal-container__header {
  display: flex;
  flex-direction: row;
  align-items: center !important;
  justify-content: space-between;
  width: 100%;
}
.merge-tag-modal .merge-tag-modal-container__header-title,
.date-tag-modal .merge-tag-modal-container__header-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.merge-tag-modal .merge-tag-modal-container__header-icon,
.date-tag-modal .merge-tag-modal-container__header-icon {
  cursor: pointer;
}
.merge-tag-modal .merge-tag-modal-container__body .fallback-prompt,
.date-tag-modal .merge-tag-modal-container__body .fallback-prompt {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback,
.date-tag-modal .merge-tag-modal-container__add-fallback {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 6px;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .fallback-prompt,
.date-tag-modal .merge-tag-modal-container__add-fallback .fallback-prompt {
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  color: #1f2937;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback input,
.date-tag-modal .merge-tag-modal-container__add-fallback input {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
  border-radius: 4px;
  height: 36px;
  padding: 8px 12px;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback input:focus,
.date-tag-modal .merge-tag-modal-container__add-fallback input:focus {
  border: 1px solid var(--blue-700, #1d4ed8);
  background: #fff;
  box-shadow: 0 0 0 2px #dbeafe;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback input::placeholder,
.date-tag-modal .merge-tag-modal-container__add-fallback input::placeholder {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #9ca3af;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback input.tag-fallback-error,
.date-tag-modal .merge-tag-modal-container__add-fallback input.tag-fallback-error {
  border: 1px solid #f5222d;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text textarea,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text textarea {
  min-height: 150px;
  max-height: 250px;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text textarea.tag-fallback-error,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text textarea.tag-fallback-error {
  border: 1px solid #f5222d;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .fallback-text-error-container,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .fallback-text-error-container {
  display: flex;
  align-items: center;
  gap: 3px;
  line-height: 18px;
  margin-top: 4px;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .fallback-text-error-container .fallback-text-error,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .fallback-text-error-container .fallback-text-error {
  color: #b91c1c;
  font-size: 10px;
  font-weight: 600;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker-wrapper .react-datepicker__input-container .date-picker-input-container,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker-wrapper .react-datepicker__input-container .date-picker-input-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker-wrapper .react-datepicker__input-container .date-picker-input-container .calendar-icon,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker-wrapper .react-datepicker__input-container .date-picker-input-container .calendar-icon {
  position: absolute;
  right: 12px;
  color: #6b7280;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker__tab-loop .react-datepicker-popper,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker__tab-loop .react-datepicker-popper {
  position: fixed !important;
  inset: unset;
  transform: none;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker__tab-loop .react-datepicker-popper div .react-datepicker .react-datepicker__month-container .react-datepicker__header .pick-date-and-time-header,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker__tab-loop .react-datepicker-popper div .react-datepicker .react-datepicker__month-container .react-datepicker__header .pick-date-and-time-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.merge-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker__tab-loop .react-datepicker-popper div .react-datepicker .react-datepicker__month-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button,
.date-tag-modal .merge-tag-modal-container__add-fallback .add-fallback-text .date-picker-wrapper .react-datepicker__tab-loop .react-datepicker-popper div .react-datepicker .react-datepicker__month-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button {
  border: none;
  background: none;
}
.merge-tag-modal .merge-tag-modal-container__footer,
.date-tag-modal .merge-tag-modal-container__footer {
  width: 100%;
  margin-top: 12px;
  display: flex;
  align-items: end !important;
  justify-content: end !important;
  gap: 16px;
}
.merge-tag-modal .merge-tag-modal-container__footer button,
.date-tag-modal .merge-tag-modal-container__footer button {
  width: 100px;
}
.merge-tag-modal .merge-tag-modal-container__footer-submit-button,
.date-tag-modal .merge-tag-modal-container__footer-submit-button {
  background-color: #1d4ed8;
  color: #fff;
  width: 100px !important;
  height: 32px !important;
}
.merge-tag-modal .merge-tag-modal-container__footer-cancel-button,
.date-tag-modal .merge-tag-modal-container__footer-cancel-button {
  background-color: #fff;
  color: #595959;
  width: 100px !important;
  height: 32px !important;
  border: 1px solid #d9d9d9 !important;
}
.merge-tag-modal .merge-tag-modal-container__footer-cancel-button:hover,
.date-tag-modal .merge-tag-modal-container__footer-cancel-button:hover {
  color: #595959 !important;
}

.spintax-tag-modal .modal-dialog .modal-content {
  max-width: 466px;
  border: none !important;
}
.spintax-tag-modal .modal-dialog .modal-content .shd-modal--header {
  padding: 24px 24px 16px 24px !important;
}
.spintax-tag-modal .modal-dialog .modal-content .shd-modal--body {
  overflow: hidden;
  padding: 0px 0px 24px 0px !important;
}
.spintax-tag-modal .modal-dialog .modal-content .shd-modal--body .spintax-tag-modal-container .spintax-tag-modal-container__body {
  padding: 0px 24px;
  max-height: 244px;
  overflow-y: auto;
}
.spintax-tag-modal .modal-dialog .modal-content .shd-modal--body .spintax-tag-modal-container .spintax-tag-modal-container__footer {
  padding: 0px 24px;
}
.spintax-tag-modal .modal-dialog .modal-content .shd-modal--divider {
  display: none;
}
.spintax-tag-modal .spintax-tag-modal-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  gap: 16px;
}
.spintax-tag-modal .spintax-tag-modal-container__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.spintax-tag-modal .spintax-tag-modal-container__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag {
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag-remove {
  cursor: pointer;
  border-radius: 2px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag-remove:hover .spintax-tag-modal-container__body-spin-tag-remove-icon {
  color: #b91c1c;
  background: #fee2e2;
  border-radius: 2px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag-remove .spintax-tag-modal-container__body-spin-tag-remove-icon.disable-cross-icon {
  opacity: 0.5;
  pointer-events: none;
  color: #9ca3af;
  background: none;
  cursor: not-allowed;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag-remove-icon {
  color: #9ca3af;
  transition: color 0.2s ease;
  padding: 0px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container {
  max-width: 390px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper {
  gap: 6px;
  padding: 0px 12px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box {
  max-width: 338px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container {
  height: 1.25rem;
  min-height: 1.25rem;
  border: none;
  background-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 0px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper {
  min-height: 1.25rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div .merge-tag-chip-container .tooltip-text, .spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div .date-tag-chip-container .tooltip-text {
  display: none;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div br {
  display: none;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spin-tag-error-message {
  color: #b91c1c;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag.spintax-error {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag.spintax-error .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper {
  border: 1px solid #b91c1c;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag.spintax-error .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper:focus-within {
  border: 1px solid #b91c1c;
  box-shadow: 0 0 0 2px #fee2e2;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag.spintax-error .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper:hover {
  border: 1px solid #b91c1c;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag input {
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag input:focus {
  outline: none;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag input::placeholder {
  font-size: 14px;
  color: #9ca3af;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container {
  width: 100%;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper {
  width: 100%;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper:hover {
  border-color: #1d4ed8;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper:focus-within .subject-editor-icons {
  display: flex;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box {
  border: none;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box:focus-within {
  border: none;
  box-shadow: none;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .toolbar-container {
  position: absolute;
  left: -99999px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .merge-tag-autocomplete .tox-collection--list {
  position: fixed;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container {
  padding: 0px;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons {
  padding: 1px;
  border-radius: 4px;
  color: #6b7280;
  display: none;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons:hover {
  background: #f3f4f6;
}
.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .single-line-editor-container .email-modal-input-error-wrapper {
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1.125rem;
  color: #b91c1c;
  margin-top: 3px;
}
.spintax-tag-modal .spintax-tag-modal-container__body .add-spintax-button {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  width: fit-content;
  height: 36px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #fff;
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.spintax-tag-modal .spintax-tag-modal-container__body .add-spintax-button:hover {
  transition: all 0.3s ease;
  color: var(--blue-700, #1d4ed8);
}
.spintax-tag-modal .spintax-tag-modal-container__footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.spintax-tag-modal .spintax-tag-modal-container__footer-submit-button {
  background-color: #1d4ed8;
  color: #fff;
  width: 100px;
  height: 32px;
}
.spintax-tag-modal .spintax-tag-modal-container__footer-cancel-button {
  background-color: #fff;
  color: #595959;
  width: 100px;
  height: 32px;
  border: 1px solid #d9d9d9;
}
.spintax-tag-modal .spintax-tag-modal-container__footer-cancel-button:hover {
  color: #595959;
}
.spintax-tag-modal .spintax-tag-modal-container__add-spintax, .spintax-tag-modal .spintax-tag-modal-container__add-spintax-input, .spintax-tag-modal .spintax-tag-modal-container__add-spintax-input-input {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}

.spintax-tag-modal .spintax-tag-modal-container__body-spin-tag .spintax-tag-modal-input-wrapper .single-line-editor-container .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container {
  overflow-x: auto;
  scrollbar-width: none;
}

.table-list {
  position: relative;
  height: calc(100vh - 10rem);
  overflow-y: auto;
  overflow-x: auto;
}
.table-list .bs-table-small .bs-table-tbody td.selection-cell {
  width: 1.875rem;
}
.table-list .bs-table-small .bs-table-thead > tr > th {
  font-weight: 600;
}
.table-list .bs-table-small .bs-table-thead > tr > th.selection-cell-header {
  width: 1.875rem;
}
.table-list .bs-table-small .bs-table-thead > tr > th.th-center {
  text-align: center;
}
.table-list .bs-table-tbody tr:last-child td {
  border-bottom: 0;
}
.table-list .bs-table-tbody tr:first-child td {
  border-bottom: 0.0625rem solid #e8e8e8;
}
.table-list .table-switch label {
  margin-bottom: 0;
}
.table-list .grid-action .btn-solid {
  padding: 0.2rem 0.1rem;
}
.table-list .grid-action .btn-solid i {
  font-size: 1.2rem;
}
.table-list .grid-flex {
  display: flex;
  gap: 15px;
  align-items: start;
}
.table-list .grid-flex i {
  display: flex;
  width: 18px !important;
  height: 18px !important;
  justify-content: center;
  align-items: center;
}
.table-list .grid-center {
  display: flex;
  justify-content: center;
}
.table-list .grid-center :hover {
  cursor: pointer;
}
.table-list .grid-center {
  align-items: center;
}
.table-list .grid-center .action-icon-generic {
  width: 34px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b7280;
  font-weight: 500;
}
.table-list .grid-center .action-icon-generic:hover {
  background: #dbeafe;
  color: #1d4ed8;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th {
  background-color: transparent;
  border: none;
  white-space: nowrap;
  border-top: 0.0625rem solid #eaedef;
  border-bottom: 0.0625rem solid #eaedef;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:first-of-type {
  border-top-left-radius: 0.25rem;
  padding-left: 1.875rem;
  border-left: 0.0625rem solid #eaedef;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header > tr > th:last-of-type {
  border-top-right-radius: 0.25rem;
  padding-right: 1.875rem;
  border-right: 0.0625rem solid #eaedef;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header {
  border: none;
  position: sticky;
  top: 0%;
  z-index: 2;
  background: #f9fafb;
  box-shadow: 0px 4px 4px rgba(229, 231, 235, 0.25);
}
.table-list .react-bootstrap-table .table-organism .table-organism-header th {
  font-weight: 600;
  color: #4b5563;
  font-size: 0.75rem;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header th:hover .sequence-sorting-icon {
  visibility: visible;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header .sortable-custom div {
  display: flex;
  align-items: center;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header .sortable-custom div:hover span {
  background: transparent;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header .sortable-custom div span {
  padding: 0;
  margin-right: 0.375rem;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header div span {
  font-weight: 600;
  color: #4b5563;
}
.table-list .react-bootstrap-table .table-organism .table-organism-header .sort-button {
  margin-left: 0.625rem;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr {
  transition: all 0.2s ease;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover {
  background: #f9fafb;
  box-shadow: 0.125rem 0px 0.25rem rgba(31, 41, 55, 0.16);
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover .toggler-column,
.table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover .fixed-td {
  transition: all 0.2s ease;
  background: #f9fafb;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr .toggler-column {
  background: #fff;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr.expand-row {
  background: #f9fafb;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr.expand-row .sequence-name {
  padding-left: 1.5rem;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr.expand-row .sequence-name span {
  font-weight: normal !important;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr.expand-row td,
.table-list .react-bootstrap-table .table-organism .table-organism-body tr.expand-row .sequence-owner,
.table-list .react-bootstrap-table .table-organism .table-organism-body tr.expand-row .unsubscribe,
.table-list .react-bootstrap-table .table-organism .table-organism-body tr.expand-row .toggler-column,
.table-list .react-bootstrap-table .table-organism .table-organism-body tr.expand-row .fixed-td {
  background: #f9fafb;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr .fixed-td {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: white;
  transition: 0.2s ease;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body tr .fixed-td.team-sequence-name.sequence-name {
  left: 2.7919rem;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body td {
  vertical-align: middle !important;
  border: none;
  border-bottom: 0.0625rem solid #e5e7eb;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type {
  padding-left: 1.875rem;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body td:last-of-type {
  padding-right: 1.875rem;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body .text-container {
  width: 10.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body.no-data tr:hover {
  cursor: default;
  box-shadow: none;
  background: transparent;
}
.table-list .react-bootstrap-table .table-organism .table-organism-body.no-data td {
  border-bottom: none;
}
.table-list .react-bootstrap-table .table-organism .sortable-custom div span {
  border-radius: 0.1875rem;
  padding: 0.2rem 0.5rem;
}
.table-list .react-bootstrap-table .table-organism .sortable-custom div span i {
  font-weight: 600;
  color: #495057;
}
.table-list .react-bootstrap-table .table-organism .sortable-custom div:hover {
  text-decoration: inherit;
  transition-duration: 0s, 0.15s;
  color: rgb(66, 82, 110) !important;
}
.table-list .react-bootstrap-table .table-organism .sortable-custom div:hover span {
  background: #d9d9d9;
  visibility: visible !important;
}
.table-list .react-bootstrap-table .table {
  margin-bottom: 0;
}
.table-list .empty-list {
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-list .empty-list__inner-vertical {
  position: static;
  top: auto;
  left: auto;
  transform: none;
}
.table-list .empty-list__content-vertical {
  height: auto;
  margin-top: 1.875rem;
}

.table-list::-webkit-scrollbar {
  width: 0.4375rem;
  margin-right: 0.25rem;
}

.table-list::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #e5e7eb;
}

.pagination-container-new {
  position: sticky;
  bottom: 0px !important;
  background: #ffffff !important;
  height: 2.5rem !important;
  padding-right: 1.125rem !important;
  overflow-y: auto;
}
.pagination-container-new .pagination {
  margin-right: 0px !important;
}

.pagination-container {
  display: flex;
  justify-content: flex-end;
  border-top: 0.0625rem solid #d1d5db;
  z-index: 10;
  background: #f9fafb;
  height: 4rem;
}
.pagination-container .page-record-count {
  display: flex;
  align-items: center;
}
.pagination-container .page-record-count label {
  color: #262626;
  margin: 0;
}
.pagination-container .page-record-count .dropdown-toggle-custom {
  border: 0.0625rem solid #d9d9d9;
  padding: 0.314rem 0.5rem;
}
.pagination-container .page-record-count .dropdown-menu-custom {
  width: auto;
  min-width: 5rem;
}
.pagination-container .pagination-count .pagination {
  margin: 0;
}
.pagination-container {
  padding: 1.125rem 1.5rem;
  background: #f9fafb;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
}
.pagination-container .pagination-row {
  align-items: center;
}
.pagination-container .pagination-row > span {
  color: #1f2937;
}
.pagination-container .pagination-row .divider {
  width: 1px;
  height: 1.25rem;
  background: #d1d5db;
  margin: 0px 1.25rem;
}
.pagination-container .pagination-select-count {
  min-width: 15rem;
}
.pagination-container .pagination-select-count .bs-select-box {
  min-width: 4.625rem;
  max-width: 6rem;
  width: 4.625rem;
  height: 1.5rem;
}
.pagination-container .pagination-select-count .total-pagination-count {
  width: 7rem;
}
.pagination-container .pagination-page-input .go-to-page {
  width: max-content;
}
.pagination-container .pagination-page-input .page-number-input {
  width: 3.9375rem;
  height: 1.5rem;
}
.pagination-container .pagination-page-input .input-bounce {
  outline: 0;
  animation-name: bounce;
  animation-duration: 0.5s;
  animation-delay: 0.25s;
}
@keyframes bounce {
  0% {
    transform: translateX(0px);
    transition-timing-function: ease-in;
  }
  37% {
    transform: translateX(5px);
    transition-timing-function: ease-out;
  }
  55% {
    transform: translateX(-5px);
    transition-timing-function: ease-in;
  }
  73% {
    transform: translateX(4px);
    transition-timing-function: ease-out;
  }
  82% {
    transform: translateX(-4px);
    transition-timing-function: ease-in;
  }
  91% {
    transform: translateX(2px);
    transition-timing-function: ease-out;
  }
  96% {
    transform: translateX(-2px);
    transition-timing-function: ease-in;
  }
  100% {
    transform: translateX(0px);
    transition-timing-function: ease-in;
  }
}
.pagination-container .pagination {
  margin: 0px 1.875rem;
}
.pagination-container .pagination .page-item .page-link {
  color: #1f2937;
  padding: 0;
  font-size: 0.875rem;
  min-width: 1.4375rem;
  min-height: 1.5rem;
  border-radius: 0.25rem;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.pagination-container .pagination .page-item .page-link:hover {
  background: #dbeafe;
  color: #1d4ed8;
  border: none;
  border-color: transparent;
}
.pagination-container .pagination .page-item.disabled:first-of-type .page-link, .pagination-container .pagination .page-item.disabled:last-of-type .page-link {
  color: #1f2937;
  opacity: 0.32;
}
.pagination-container .pagination .page-item.disabled.active:first-of-type .page-link, .pagination-container .pagination .page-item.disabled.active:last-of-type .page-link {
  background-color: transparent;
}
.pagination-container .pagination .page-item.active .page-link {
  background: #dbeafe;
  color: #1d4ed8;
  border: none;
  border-color: transparent;
}

.table-sort-tooltip {
  flex-wrap: nowrap;
}
.table-sort-tooltip .arrow {
  display: none !important;
}

.max-rows-selected {
  margin-left: -1.25rem !important;
}
.max-rows-selected .arrow {
  left: 1.25rem !important;
}

.columns-toggler-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 10.1875rem;
  height: 2rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #1f2937;
  background-color: #ffffff;
  border: 0.0625rem solid #e8eff5;
  border-radius: 0.25rem;
  cursor: pointer;
}
.columns-toggler-button svg {
  color: #9ca3af;
}
.columns-toggler-button div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.columns-toggler-button div i {
  color: #4b5563;
}

.columns-toggler-select {
  padding: 2px 0 0 0 !important;
  height: 2rem;
}
.columns-toggler-select .transfer-content {
  height: calc(100vh - 31.25rem);
  min-height: 2.5rem;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.columns-toggler-select .transfer-content::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
.columns-toggler-select .transfer-footer {
  border-top: 1px solid #e5e7eb;
}
.columns-toggler-select .transfer-list li {
  height: 40px;
  line-height: 20px !important;
  padding: 10px 16px !important;
}
.columns-toggler-select .transfer-list li .checkbox-wrapper,
.columns-toggler-select .transfer-list li .checkbox-wrapper label {
  width: 1rem;
  height: 1rem;
  line-height: 20px;
}
.columns-toggler-select .transfer-list li .option-content {
  display: flex;
  align-items: center;
  height: 20px;
  line-height: 20px;
  width: calc(100% - 24px);
}
.columns-toggler-select .transfer-list .disabled {
  pointer-events: none;
}
.columns-toggler-select .transfer-list .disabled .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner {
  opacity: 0.5;
  background-color: #1d4ed8;
  border-width: 0px;
}
.columns-toggler-select .transfer-list .disabled .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner::after {
  background-color: #1d4ed8;
}
.columns-toggler-select .transfer-list .disabled .option-content {
  opacity: 0.5;
}
.columns-toggler-select .sequence-name-item {
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1f2937;
  margin-top: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.columns-toggler-select .columns-name {
  font-size: 0.875rem;
}

.columns-expand {
  cursor: pointer;
}

.max-rows-selected {
  margin-left: -1.25rem !important;
}
.max-rows-selected .arrow {
  left: 1.25rem !important;
}

.columns-toggler-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 10.1875rem;
  height: 2rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #1f2937;
  background-color: #ffffff;
  border: 0.0625rem solid #e8eff5;
  border-radius: 0.25rem;
  cursor: pointer;
}
.columns-toggler-button svg {
  color: #9ca3af;
}
.columns-toggler-button div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.columns-toggler-button div i {
  color: #4b5563;
}

.columns-toggler-select {
  padding: 2px 0 0 0 !important;
  height: 2rem;
}
.columns-toggler-select .transfer-content {
  height: calc(100vh - 31.25rem);
  min-height: 2.5rem;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.columns-toggler-select .transfer-content::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
.columns-toggler-select .transfer-footer {
  border-top: 1px solid #e5e7eb;
}
.columns-toggler-select .transfer-list li {
  height: 40px;
  line-height: 20px !important;
  padding: 10px 16px !important;
}
.columns-toggler-select .transfer-list li .checkbox-wrapper,
.columns-toggler-select .transfer-list li .checkbox-wrapper label {
  width: 1rem;
  height: 1rem;
  line-height: 20px;
}
.columns-toggler-select .transfer-list li .option-content {
  display: flex;
  align-items: center;
  height: 20px;
  line-height: 20px;
  width: calc(100% - 24px);
}
.columns-toggler-select .transfer-list .disabled {
  pointer-events: none;
}
.columns-toggler-select .transfer-list .disabled .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner {
  opacity: 0.5;
  background-color: #1d4ed8;
  border-width: 0px;
}
.columns-toggler-select .transfer-list .disabled .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner::after {
  background-color: #1d4ed8;
}
.columns-toggler-select .transfer-list .disabled .option-content {
  opacity: 0.5;
}
.columns-toggler-select .columns-name {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1f2937;
  margin-top: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.columns-expand {
  cursor: pointer;
}

.max-rows-selected {
  margin-left: -1.25rem !important;
}
.max-rows-selected .arrow {
  left: 1.25rem !important;
}

.table-action-icon-disabled,
.table-action-icon-disabled:hover {
  cursor: not-allowed !important;
  opacity: 0.35;
}

.sequence-sorting-icon {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  visibility: hidden;
  border-radius: 2px;
  padding: 0 5px;
  background-color: transparent;
  transition: visibility 0.2s ease, background-color 0.2s ease;
}
.sequence-sorting-icon:hover {
  visibility: visible;
  background-color: #fff;
}
.sequence-sorting-icon:hover .single-icon {
  transition: color 0.2s ease;
  color: #d1d5db;
}
.sequence-sorting-icon:hover .single-icon:hover {
  color: #1f2937;
}
.sequence-sorting-icon.active {
  visibility: visible;
}
.sequence-sorting-icon.active .sorted-order-icon {
  color: #1f2937;
}
.sequence-sorting-icon .single-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: #6b7280;
  cursor: pointer;
}

.text-stack-container {
  display: flex;
  max-width: 3.75rem;
  flex-direction: column;
  min-width: 3.75rem;
  align-items: center;
  margin: 0.2rem;
}
.text-stack-container .label {
  color: #8c8c8c;
  font-size: 12px;
  line-height: 20px;
}
.text-stack-container .value {
  color: #595959;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.text-stack-container .emailsSent {
  color: #1d4ed8;
}
.text-stack-container .opened {
  color: #0891b2;
}
.text-stack-container .replied {
  color: #047857;
}
.text-stack-container .clicked {
  color: #6d28d9;
}
.text-stack-container .unsubscribed {
  color: #b91c1c;
}
.text-stack-container .bounced {
  color: #d97706;
}

.text-stack-container-report {
  align-items: flex-start;
}

.status-filter-option-container-selected {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 3px solid #0137fc;
  border-radius: 3px;
  padding-bottom: 5px;
  cursor: pointer;
}
.status-filter-option-container-selected .status {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
}
.status-filter-option-container-selected .value {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}

.status-filter-option-container-unselected {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
  cursor: pointer;
}
.status-filter-option-container-unselected .status {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
}
.status-filter-option-container-unselected .value {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}

.filter-option-bar-container .selected {
  display: flex;
  align-items: center;
  height: 48px;
  background-color: #ffffff;
  cursor: pointer;
}
.filter-option-bar-container .selected .filter-text {
  display: flex;
  justify-content: space-around;
  height: 34px;
  width: 100%;
  align-items: center;
  border-left: 5px solid #000096;
}
.filter-option-bar-container .selected .filter-text .label {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #262626;
}
.filter-option-bar-container .selected .filter-text .value {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #00007d;
}
.filter-option-bar-container .unselected {
  display: flex;
  align-items: center;
  height: 48px;
  background-color: #f5f5f5;
  cursor: pointer;
}
.filter-option-bar-container .unselected .filter-text {
  display: flex;
  justify-content: space-around;
  height: 34px;
  width: 100%;
  align-items: center;
}
.filter-option-bar-container .unselected .filter-text .label {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #262626;
}
.filter-option-bar-container .unselected .filter-text .value {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #bfbfbf;
}

.report {
  justify-content: center;
}
.report .report-content {
  flex: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.report .report-content .report-data-wrapper {
  align-self: center;
}
.report .report-content .report-data {
  text-align: right;
  justify-content: center;
}
.report .report-content .report-data .head-body-spacer {
  height: 2rem;
}
.report .report-content .report-data tbody > tr > td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.report .report-content .report-data tbody > tr > td.status {
  padding-right: 0.875rem;
}
.report .report-content .report-data tbody > tr > td.count, .report .report-content .report-data tbody > tr > td.icon-wrapper {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.report .report-content .report-data tbody > tr > td.download-link-wrapper {
  padding-left: 0.75rem;
}
.report .report-content .report-data tbody > tr > td.download-link-wrapper a {
  color: #0137fc;
}
.report .report-content .verification-section {
  margin-top: 1rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-self: center;
  background-color: #f5f5f5;
}
.report .report-content .verification-section .verification-spinner {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 1rem;
  padding-top: 1rem;
}
.report .report-content .verification-section .verification-spinner .spinner-loading {
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
}
.report .report-content .verification-section .verification-spinner .spinner-loading i.icon-loading {
  animation: spin 2s linear infinite;
  color: #346aff;
  font-weight: 500;
  font-size: 1.5rem;
}
.report .report-content .verification-section .content-title {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.report .report-content .verification-section .content-description {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.report .action-state-data {
  margin-top: 1.375rem;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
}
.report .action-state-data__row {
  background: #f9fafb;
  padding: 0.625rem 1rem;
}
.report .action-state-data__row:not(:first-child) {
  border-top: 1px solid #f3f4f6;
}
.report .action-state-data__row .count {
  margin-right: 0.75rem;
}
.report .action-state-data__row .icon-wrapper {
  margin-top: 0.125rem;
}
.report .action-state-data__row .right-space {
  margin-right: 6.875rem;
}
.report .action-state-data__row .margin-space {
  margin-right: 2.75rem;
}
.report .action-state-data__row .download-link-wrapper a {
  color: #1d4ed8;
}
.report .failed-report-download-search-add {
  text-align: right;
  font-size: 12px;
  margin-right: 2em;
  margin-top: 7px;
  font-weight: 500 !important;
  cursor: pointer;
  text-decoration: none;
}
.report .failed-report-download-search-add:hover {
  text-decoration: underline;
  cursor: pointer;
}
.report .report-header-failed {
  font-weight: 600;
}
.report .report-table-data {
  width: 27.5rem;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.report .report-table-inner {
  width: 100%;
}
.report .unsubscribeTextWarning {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #595959;
}

.textWarning {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 20px;
  color: #595959;
}

.textWarning span:first-of-type {
  margin-top: 2px;
}

.datepicker_button {
  background-color: #f3f4f6 !important;
  color: #4b5563 !important;
  min-width: 128px;
  height: 2rem;
  padding: 0px 0px 0px 0px;
  border-radius: 2px !important;
  font-family: inter, sans-serif !important;
  border: solid lightgray 0.5px !important;
  align-items: center !important;
  display: flex !important;
  justify-content: space-evenly;
}

.react-datepicker-wrapper {
  width: auto !important;
  position: "absolute" !important;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.15rem;
}

.icon-padding {
  padding: 0 10px 0 10px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  padding: 0.7rem 0;
}

.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end,
.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-start {
  background-color: #0137fc !important;
  color: #fff;
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 4px !important;
  background-color: #e6f7ff !important;
  color: inherit;
}

.react-datepicker__day-selecting-range-start {
  background-color: red !important;
}

.react-datepicker__day--selected {
  background-color: #0137fc !important;
}

.react-datepicker__triangle {
  display: none;
}

.react-datepicker-popper {
  z-index: 2;
}

.react-datepicker {
  overflow: hidden;
  border: none !important;
  border-radius: 4px;
  padding: 1rem !important;
  background: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}
.react-datepicker__header {
  padding: 0 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  background-color: #ffffff !important;
}
.react-datepicker__header .header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.react-datepicker__header .header-wrapper .label {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.react-datepicker__header .header-wrapper .btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.react-datepicker__header .header-wrapper .btn-wrapper button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}
.react-datepicker__day-names {
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
  width: 2rem !important;
  height: 2rem !important;
  padding: 6px 0px !important;
  margin: 0 !important;
  border-radius: 0.25rem !important;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  text-align: center !important;
  line-height: 1.25rem !important;
  color: #9ca3af !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-datepicker__day {
  font-weight: 400;
  color: #1f2937 !important;
  user-select: none;
}
.react-datepicker__day--outside-month, .react-datepicker__day--disabled {
  color: #9ca3af !important;
}
.react-datepicker__day--selected, .react-datepicker__day--range-start, .react-datepicker__day--range-end, .react-datepicker__day--selecting-range-start {
  font-weight: 600;
  color: #fff !important;
  background-color: #1d4ed8 !important;
}
.react-datepicker__day--keyboard-selected {
  background-color: #ffffff;
  font-weight: 400;
}
.react-datepicker__day--keyboard-selected:hover {
  background-color: #f0f0f0;
}
.react-datepicker__month {
  margin: 0.5rem 0 0 0 !important;
}
.react-datepicker__week {
  display: flex !important;
}

/* DatePicker Standalone CSS */
.datepicker-select-input {
  background-color: #ffffff !important;
  color: #6b7280 !important;
  height: 2.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #e4e7ec !important;
  align-items: center !important;
  display: flex !important;
  justify-content: space-between;
  cursor: pointer;
  transition: border-color 0.2s ease;
  width: 100%;
}

.datepicker-select-input:hover {
  border-color: #e4e7ec !important;
}

.datepicker-select-input:focus {
  outline: none;
  border-color: #1d4ed8 !important;
  box-shadow: 0 0 0 3px rgba(127, 86, 217, 0.1);
}

.datepicker-select-input.datepicker-focused {
  outline: none;
  border-color: #1d4ed8 !important;
  box-shadow: 0px 0px 2px 0px #1d4ed8 !important;
}

.datepicker-select-input.datepicker-disabled {
  background-color: #f3f4f6 !important;
  cursor: not-allowed !important;
  opacity: 0.6;
}
.datepicker-select-input.datepicker-disabled:hover {
  border-color: #e4e7ec !important;
}
.datepicker-select-input.datepicker-disabled:focus {
  border-color: #e4e7ec !important;
  box-shadow: none !important;
}

.datepicker-placeholder {
  color: #98a2b3;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  flex: 1;
  text-align: left;
}

.datepicker-separator {
  width: 1px;
  height: 16px;
  background-color: #d1d5db;
  margin: 0 8px;
}

.datepicker-chevron {
  color: #6b7280;
  width: 16px;
  height: 16px;
}

.icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon-padding {
  padding: 0 10px 0 10px;
}

.react-datepicker-wrapper {
  width: 100% !important;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.15rem;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  padding: 0.7rem 0;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range, .react-datepicker__day--selecting-range-start),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: #e6f7ff !important;
}

.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end,
.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-start {
  background-color: #0137fc !important;
  color: #fff;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--selecting-range-start),
.react-datepicker__day--in-range:not(.react-datepicker__day--range-start, .react-datepicker__day--range-end),
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 4px !important;
  background-color: #e6f7ff !important;
  color: inherit;
}

.react-datepicker__day--selecting-range-start {
  font-weight: 600;
  background-color: red !important;
}

.react-datepicker__day.react-datepicker__day--selecting-range-start {
  font-weight: 600;
  background-color: red !important;
}

.react-datepicker__day--selected {
  background-color: #0137fc !important;
}

.react-datepicker__triangle {
  display: none;
}

/* Remove library's light-blue focus highlight unless it's an actual selection */
.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--selected):not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):not(.react-datepicker__day--selecting-range-start) {
  background-color: transparent !important;
  color: inherit !important;
}

.react-datepicker-popper {
  z-index: 3;
}

.react-datepicker {
  overflow: hidden;
  border: none !important;
  border-radius: 4px;
  padding: 1rem !important;
  background: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}

.react-datepicker__header {
  padding: 0 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  background-color: #ffffff !important;
}

.react-datepicker__header .header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.react-datepicker__header .header-wrapper .label {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}

.react-datepicker__header .header-wrapper .btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.react-datepicker__header .header-wrapper .btn-wrapper button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.react-datepicker__header .header-wrapper .btn-wrapper button:hover {
  background-color: #f3f4f6;
  border-radius: 4px;
}

.react-datepicker__header .header-wrapper .btn-wrapper button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.react-datepicker__day-names {
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  width: 2rem !important;
  height: 2rem !important;
  padding: 6px 0px !important;
  margin: 0 !important;
  border-radius: 0.25rem !important;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  text-align: center !important;
  line-height: 1.25rem !important;
  color: #9ca3af !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.react-datepicker__day {
  font-weight: 400;
  color: #1f2937 !important;
  user-select: none;
}

.react-datepicker__day--outside-month,
.react-datepicker__day--disabled {
  color: #9ca3af !important;
  cursor: not-allowed !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--range-start,
.react-datepicker__day--range-end,
.react-datepicker__day--keyboard-selected,
.react-datepicker__day--selecting-range-start {
  font-weight: 600;
  color: #fff !important;
  background-color: #1d4ed8 !important;
}

.react-datepicker__month {
  margin: 0.5rem 0 0 0 !important;
}

.react-datepicker__week {
  display: flex !important;
}

.page-header {
  color: #000000;
  margin: 0;
  padding: 1rem 2.5rem !important;
  box-shadow: 5px 0px 10px rgba(220, 224, 230, 0.25);
  height: 4.5rem;
  position: relative !important;
  z-index: 10;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100% !important;
}
.page-header p {
  margin: 0;
}

.semibold-3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
}

.danger-alert {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.icon-log-container {
  z-index: 2;
  height: auto;
  align-items: flex-start;
  margin-left: 0.7rem;
  display: flex;
  gap: 0.75rem;
}
.icon-log-container .icon-log-single-field {
  gap: 16px !important;
  align-self: center;
}
.icon-log-container .activity-html-content {
  flex: 1;
  color: #6b7280;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  word-break: break-all;
}
.icon-log-container .activity-html-content a {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.icon-log-container .activity-html-content a:hover {
  color: #1d4ed8;
}

.icon-container-wrapper {
  padding-top: 1px;
  background-color: white;
  z-index: 3;
}
.icon-container-wrapper .icon-container {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.icon-container-wrapper .icon-container img {
  width: 16px;
  height: 16px;
}

.activity-day-text {
  color: #9ca3af;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  display: flex;
  justify-content: end;
  min-width: 180px;
}

.icon-email-sent,
.icon-email-sent-manually {
  background-color: #e0e7ff;
}

.icon-email-sent-manually,
.icon-email-sent-one-to-one,
.icon-user-sent-manual-email,
.icon-email-sent {
  background-color: #ede9fe;
}
.icon-email-sent-manually svg,
.icon-email-sent-one-to-one svg,
.icon-user-sent-manual-email svg,
.icon-email-sent svg {
  color: #6d28d9;
}

.icon-blacklisted,
.icon-call-blacklisted-global-list,
.icon-call-blacklisted-client-list {
  background-color: #fee2e2;
}

.icon-email-opened {
  background-color: #cffafe;
}

.icon-link-clicked {
  background-color: #ede9fe;
}

.icon-reply-received-auto {
  background-color: #d1fae5;
}

.icon-reply-received-manual,
.icon-reply-received {
  background-color: #d1fae5;
}

.icon-unsubscribed-auto {
  background-color: #fee2e2;
}

.icon-unsubscribed-manual {
  background-color: #fee2e2;
}

.icon-email-failed {
  background-color: #fef3c7;
}

.icon-email-bounced,
.icon-email-bounced-manual {
  background-color: #fee2e2;
}

.icon-primary-email-changed-auto,
.icon-primary-email-changed-manual {
  background-color: #dbeafe;
  color: #1d4ed8;
}

.icon-unsubscribed {
  background-color: #fee2e2;
}

.icon-mark-as-finished,
.icon-finished-manual,
.icon-finished-manually {
  background-color: #dbeafe;
}

.icon-mark-as-replied {
  background-color: #d1fae5;
}

.icon-sequence-paused,
.icon-sequence-contact-paused,
.icon-prospect-manually-paused {
  background-color: #fee2e2;
}

.icon-sequence-resumed {
  background-color: #dbeafe;
}

.icon-sequence-contact-resumed {
  background-color: #dbeafe;
}

.icon-primary-email-number-changed {
  background-color: #dbeafe;
}

.icon-moved-column,
.icon-kanban-column-updated {
  background-color: #dbeafe;
}

.icon-note-deleted,
.icon-note-deleted-task {
  background-color: #fee2e2;
}

.icon-system-update {
  background-color: #fef3c7;
}

.icon-mark-as-bounced {
  background-color: #fee2e2;
}

.icon-note-added,
.icon-note-added-private,
.icon-note-added-public,
.icon-note-added-private-task,
.icon-note-added-public-task {
  background-color: #ffedd5;
}

.icon-note-edited,
.icon-note-edited-task {
  background-color: #ffedd5;
}

.icon-call-made,
.icon-incoming-call-answered {
  background-color: #d1fae5;
}

.icon-call-outcome-updated,
.icon-call-outcome-updated-for-call-task {
  background-color: #ede9fe;
}

.icon-email-sent-automatically {
  background-color: #ede9fe;
}

.icon-linkedin-task-created {
  background-color: #dbeafe;
}

.icon-call-task-created {
  background-color: #ede9fe;
}
.icon-call-task-created svg {
  color: #6d28d9;
}

.icon-whatsapp-task-created {
  background-color: #d1fae5;
}

.icon-custom-task-created {
  background-color: #ffedd5;
}

.icon-task-snoozed,
.icon-task-snoozed-from-prospect-tab {
  background-color: #f3f4f6;
}

.icon-task-skipped,
.icon-task-skipped-from-prospect-tab,
.icon-linkedin-automation-task-skipped {
  background-color: #ffedd5;
}

.icon-task-marked-as-complete,
.icon-task-marked-as-complete-from-prospect-tab {
  background-color: #d1fae5;
}

.icon-incoming-call-missed,
.icon-miss-call {
  background-color: #fee2e2;
}

.icon-outgoing-call,
.icon-incoming-call,
.icon-incoming-call-answered {
  background-color: #d1fae5;
}

.icon-profile-field-updated {
  background-color: #dbeafe;
}

.icon-bulk-profile-field-updated,
.icon-prospect-added {
  background-color: #dbeafe;
}

.icon-resubscribed {
  background-color: #dbeafe;
}

.icon-link-clicked {
  background-color: #cffafe;
}

.icon-unibox-email-link-clicked {
  background-color: #ede9fe;
}

.icon-email-verifier {
  background-color: #d1fae5;
}

.icon-prospect-email-verification {
  background-color: #dbeafe;
}
.icon-prospect-email-verification svg {
  color: #1d4ed8;
}

.icon-bad-email-verifier {
  background-color: #fee2e2;
}

.icon-added-to-sequence {
  background-color: #dbeafe;
}
.icon-added-to-sequence svg {
  color: #1d4ed8;
}

.icon-remove-from-sequence {
  background-color: #fee2e2;
}

.icon-removed-from-blacklist,
.icon-call-whitelisted-global-list,
.icon-call-whitelisted-client-list {
  background-color: #dbeafe;
}

.icon-email-opened,
.icon-unibox-email-opened {
  background-color: #cffafe;
}

.icon-linkedin-automation-executed,
.icon-linkedin-automation-executed-retry {
  background-color: #d1fae5;
}

.icon-linkedin-automation-retrying {
  background-color: #dbeafe;
}

.icon-linkedin-automation-failed,
.icon-linkedin-automation-retry-failed {
  background-color: #fee2e2;
}

.tab-wrapper {
  display: flex;
  max-width: 9.375rem;
  height: 2.8125rem;
  justify-content: center;
  font-weight: 400;
  align-items: center;
  width: 100%;
}
.tab-wrapper .icon-wrapper {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.625rem;
}
.tab-wrapper .icon-wrapper i {
  font-size: 1.5rem;
}
.tab-wrapper .label-wrapper {
  margin-left: 0.5rem;
  margin-right: 1.25rem;
}
.tab-wrapper .counter-wrapper {
  margin-right: 0.9375rem;
  color: #4b5563;
}
.tab-wrapper:hover {
  color: #1d4ed8;
}
.tab-wrapper:hover .counter-wrapper {
  color: #1d4ed8;
}

.bs-tabs-tab-active .tab-wrapper .counter-wrapper {
  color: #1d4ed8;
}

.rb-group {
  display: inline-flex;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn-solid-group,
.btn-group-vertical > .btn-solid-group {
  align-items: center;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  font-size: 14px;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.45;
  border-radius: 4px;
  margin-left: 2rem;
  margin-right: 3rem;
}
.btn-group > .btn-solid-group:focus, .btn-group > .btn-solid-group:active, .btn-group > .btn-solid-group.active,
.btn-group-vertical > .btn-solid-group:focus,
.btn-group-vertical > .btn-solid-group:active,
.btn-group-vertical > .btn-solid-group.active {
  z-index: 1;
}
.btn-group > .btn-solid-group.btn-solid-primary-group:not(:disabled):not(.disabled).active,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group:not(:disabled):not(.disabled).active {
  background-color: #eff6ff !important;
  border-color: #eff6ff;
  color: #1d4ed8;
  border-radius: 0.25rem;
  font-weight: 600;
}
.btn-group > .btn-solid-group.btn-solid-primary-group:not(:disabled):not(.disabled).active:hover, .btn-group > .btn-solid-group.btn-solid-primary-group:not(:disabled):not(.disabled).active.hover,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group:not(:disabled):not(.disabled).active:hover,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group:not(:disabled):not(.disabled).active.hover {
  background-color: #eff6ff;
}
.btn-group > .btn-solid-group.btn-solid-primary-group:not(:disabled):not(.disabled).active:active,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group:not(:disabled):not(.disabled).active:active {
  background-color: #eff6ff;
}
.btn-group > .btn-solid-group.btn-solid-primary-group:active:disabled, .btn-group > .btn-solid-group.btn-solid-primary-group:active.disabled, .btn-group > .btn-solid-group.btn-solid-primary-group.active:disabled, .btn-group > .btn-solid-group.btn-solid-primary-group.active.disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group:active:disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group:active.disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group.active:disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group.active.disabled {
  cursor: not-allowed;
}
.btn-group > .btn-solid-group.btn-solid-primary-group:disabled, .btn-group > .btn-solid-group.btn-solid-primary-group.disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group:disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-primary-group.disabled {
  cursor: not-allowed;
  color: #6c757d;
}
.btn-group > .btn-solid-group.btn-solid-outlined-group:active:disabled, .btn-group > .btn-solid-group.btn-solid-outlined-group:active.disabled, .btn-group > .btn-solid-group.btn-solid-outlined-group.active:disabled, .btn-group > .btn-solid-group.btn-solid-outlined-group.active.disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-outlined-group:active:disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-outlined-group:active.disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-outlined-group.active:disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-outlined-group.active.disabled {
  cursor: not-allowed;
}
.btn-group > .btn-solid-group.btn-solid-outlined-group:disabled, .btn-group > .btn-solid-group.btn-solid-outlined-group.disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-outlined-group:disabled,
.btn-group-vertical > .btn-solid-group.btn-solid-outlined-group.disabled {
  cursor: not-allowed;
}

.btn-group > .btn-solid:not(:first-child) {
  align-items: center;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.chevron-right-icon {
  margin-top: 0.9375rem;
  margin-right: 1.3125rempx;
  color: #d1d5db;
}

.radio-button {
  display: flex;
  align-items: center;
  width: max-content;
  cursor: not-allowed;
}
.radio-button__container {
  display: flex;
  position: relative;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6.1875rem;
}
.radio-button__label {
  margin-bottom: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  width: 5.1rem;
  border-radius: 6.1875rem;
  cursor: pointer;
  transition: color 0.15s ease-in;
  z-index: 1;
}
.radio-button input[disabled] + label {
  pointer-events: none;
}
.radio-button input[type=radio] {
  display: none;
}
.radio-button input[type=radio]:checked + label {
  color: #1d4ed8;
}
.radio-button input[id=radio-1]:checked ~ .glider {
  transform: translateX(0);
}
.radio-button input[id=radio-2]:checked ~ .glider {
  transform: translateX(100%);
}
.radio-button .glider {
  position: absolute;
  height: 1.75rem;
  width: 4.875rem;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  margin: auto 0.25rem;
  top: 0;
  bottom: 0;
  border-radius: 6.1875rem;
  transition: 0.25s ease-out;
}
@media (max-width: 700px) {
  .radio-button__container {
    transform: scale(0.6);
  }
}

.email-verification-error-container .email-verification-error-content .email-verification-error-message {
  display: flex;
  flex-direction: column;
}
.email-verification-error-container .email-verification-error-content .verification-credits {
  color: #6b7280;
  margin-top: 1rem;
}
.email-verification-error-container .email-verification-error-content .email-verification-error-table {
  max-width: 21.625rem;
  height: 4.6875rem;
  background: #f9fafb;
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
}
.email-verification-error-container .email-verification-error-content .email-verification-error-table .credit-table {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 1rem 0.5rem 1rem;
}
.email-verification-error-container .email-verification-error-content .email-verification-error-table .credit-table:first-of-type {
  border-bottom: 0.0625rem solid #f3f4f6;
}
.email-verification-error-container .email-verification-error-content .email-verification-error-table .credit-table p {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
}

.badge-dot-danger {
  z-index: auto;
  width: 8px;
  height: 8px;
  background: #b91c1c;
  border-radius: 100%;
  position: absolute;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.badge-dot-success {
  z-index: auto;
  width: 8px;
  height: 8px;
  background: #047857;
  border-radius: 100%;
  position: absolute;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.badge-dot-secondary {
  z-index: auto;
  width: 8px;
  height: 8px;
  background: #9ca3af;
  border-radius: 100%;
  position: absolute;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.badge-dot-orange {
  z-index: auto;
  width: 8px;
  height: 8px;
  background: #ea580c;
  border-radius: 100%;
  position: absolute;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.badge-dot-green {
  z-index: auto;
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 100%;
  position: absolute;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.accordion {
  border: none;
}

.custom-accordion .custom-accordion-item {
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background-color: #ffffff;
}
.custom-accordion .custom-accordion-item .custom-accordion-heading .custom-accordion-button {
  display: flex;
  align-items: center;
  padding: 1rem 1.25rem;
  background-color: #ffffff;
  border-radius: 0.25rem;
  user-select: none;
}
.custom-accordion .custom-accordion-item .custom-accordion-heading .custom-accordion-button.custom-icon-start .custom-accordian-title {
  margin-left: 1.25rem;
}
.custom-accordion .custom-accordion-item .custom-accordion-heading .custom-accordion-button.custom-icon-end {
  justify-content: space-between;
}
.custom-accordion .custom-accordion-item .custom-accordion-heading .custom-accordion-button .custom-accordian-title {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.custom-accordion .custom-accordion-item .custom-accordion-heading .custom-accordion-button::before {
  display: none;
}
.custom-accordion .custom-accordion-item .custom-accordion-heading .custom-accordion-button:focus {
  outline: none;
}
.custom-accordion .custom-accordion-item .custom-accordion-panel {
  border-top: 0.0625rem solid #f3f4f6;
  padding: 14px 20px 20px 20px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  color: #1f2937;
}

.bulk-action-icon-button {
  width: 2rem;
  height: 2rem;
  padding: 0.3125rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
}
.bulk-action-icon-button i {
  font-size: 1.25rem;
  color: #6b7280;
}
.bulk-action-icon-button:hover:not(.disabled) {
  background-color: #dbeafe !important;
}
.bulk-action-icon-button:hover:not(.disabled) i {
  color: #1d4ed8;
}
.bulk-action-icon-button.btn-ghost.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.deal-value-prospect {
  overflow: hidden;
  height: 1.875rem;
  width: 8em;
}

.deal-value-input {
  height: 100%;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
  background-color: transparent;
}

.deal-value-icon-btn-cls-border:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
}

.icon-deal-remove {
  display: none;
}

.deal-value-icon-btn-cls {
  border-color: #1d4ed8;
  outline: none;
}

.deal-icon-wrap {
  display: inline-block;
  transition: background-color 0.25s;
  border-radius: 50%;
}

.deal-icon-wrap:hover {
  background-color: #eff6ff;
  cursor: pointer;
}

.text-stack-directional-container {
  display: flex;
  justify-content: center;
}

.contact-field-name-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 2.7rem;
}
.contact-field-name-container .name-field {
  color: #1f2937;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.contact-field-name-container .email-field {
  display: flex;
  align-items: center;
  color: #4b5563;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.contact-field-name-container .email-only-field {
  display: flex;
  align-items: center;
  color: #262626;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  height: 1.35rem;
  cursor: pointer;
}

.contact-field-name-tooltip .tooltip-inner {
  max-width: 16rem !important;
}

.contact-name-field-tooltip {
  flex: 1 1;
  min-width: 0px;
  width: auto;
  max-width: max-content;
}

.email-field-tooltip {
  width: auto;
  max-width: max-content;
}

.email-field-inner-container-tooltip {
  display: flex;
  align-items: center;
  width: auto;
  max-width: max-content;
  min-width: 0px;
}

.email-field-tooltip-container {
  flex: 1 1;
  min-width: 0px;
  width: auto;
  max-width: max-content;
}

.no-name:hover {
  color: #1d4ed8;
}

.log-activity {
  position: relative;
  width: 95%;
}
.log-activity::after {
  z-index: 0;
  content: "";
  width: 2px;
  height: calc(100% - 2.25rem);
  background-color: #e5e7eb;
  margin-left: 0.6rem;
  position: absolute;
  top: 1.5rem;
  left: 1rem;
}
.log-activity .day-text {
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 0.4rem 0.52rem;
  color: #000;
  font-weight: 600;
  z-index: 3;
}

.log-activity-new {
  position: relative;
  width: 100%;
  padding-right: 14px;
}
.log-activity-new::after {
  z-index: 0;
  content: "";
  width: 2px;
  height: calc(100% - 2.25rem);
  background: repeating-linear-gradient(to bottom, #e5e7eb, #e5e7eb 6px, transparent 6px, transparent 12px);
  margin-left: 0.6rem;
  position: absolute;
  top: 2.2rem;
  left: 1rem;
}
.log-activity-new .day-text {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.legacy-activities {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.legacy-activities-divider {
  display: flex;
  height: 1px;
  align-items: center;
  flex: 1 0 0;
  border-radius: 4px;
  background: #d1d5db;
}

.empty-list {
  width: 100%;
  height: 100%;
  position: relative;
}
.empty-list__inner {
  width: 65%;
  position: relative;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.empty-list__inner-vertical {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.empty-list__photo {
  width: 17.125rem;
  height: 17.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty-list__photo-vertical {
  height: 4.851875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty-list__photo-vertical img {
  width: 7rem;
}
.empty-list__photo-vertical--withBgAndShadow {
  height: auto;
}
.empty-list__photo-withBgAndShadow {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  background: #f9fafb;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.empty-list__photo-withBgAndShadow img {
  width: 1.5rem;
  height: 1.5rem;
}
.empty-list__photo-withBgAndShadow {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  background: #fffbeb;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.empty-list__photo-withBgAndShadow img {
  width: 1.5rem;
  height: 1.5rem;
}
.empty-list__content {
  height: 17.125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  margin-left: 1.5rem;
}
.empty-list__content-vertical {
  height: 14.125rem;
}
.empty-list__content-vertical--withBgAndShadow {
  height: auto;
  margin-top: 1.5rem;
}
.empty-list__title {
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.empty-list__title-vertical {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.empty-list__body-vertical {
  width: 16.5625rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.empty-list__buttons {
  width: 100%;
  display: flex;
  margin-top: 1.5rem;
  align-items: center;
}
.empty-list__buttons button {
  margin-right: 1rem;
  white-space: nowrap;
}
.empty-list__buttons-vertical {
  display: flex;
  margin-top: 1.5rem;
  align-items: center;
}
.empty-list__buttons-vertical button {
  white-space: nowrap;
}

.email-verification-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.email-verification-content .valid-contact {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-top: 1.375rem;
  font-size: 1rem;
  width: 22.75rem;
}
.email-verification-content .valid-contact .status-name {
  display: flex;
  justify-content: space-between;
  min-width: 8.125rem;
  color: #059669;
}
.email-verification-content .valid-contact .status-content {
  margin-right: -0.4rem;
}
.email-verification-content .risky-contact {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-top: 0.75rem;
  font-size: 1rem;
  width: 22.75rem;
}
.email-verification-content .risky-contact .status-name {
  display: flex;
  justify-content: space-between;
  min-width: 8.125rem;
  color: #ea580c;
}

.smart-verification-container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-left: 1.5rem;
  margin-top: 0.375rem;
}
.smart-verification-container .bs-checkbox-wrapper {
  line-height: 1rem;
  width: fit-content;
  display: flex;
  align-items: center;
}
.smart-verification-container .bs-checkbox-wrapper .bs-checkbox {
  top: 0;
}
.smart-verification-container .bs-checkbox-wrapper .checkbox-label-text {
  color: #1f2937 !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding: 0;
  margin-left: 0.5rem;
  display: inline-block;
}
.smart-verification-container .bs-checkbox-wrapper-disabled {
  opacity: 0.5;
}
.smart-verification-container p {
  margin: 0;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.smart-verification-container p span.verification-days-label {
  color: #1f2937;
  font-weight: 500;
}
.smart-verification-container p .configure-link {
  color: #1D4ED8;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
}

.log-activity {
  position: relative;
  width: 95%;
}
.log-activity::after {
  z-index: 0;
  content: "";
  width: 2px;
  height: calc(100% - 2.25rem);
  background-color: #e5e7eb;
  margin-left: 0.6rem;
  position: absolute;
  top: 1.5rem;
  left: 1rem;
}
.log-activity .day-text {
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 0.4rem 0.52rem;
  color: #000;
  font-weight: 600;
  z-index: 3;
}

.log-activity-new {
  position: relative;
  width: 100%;
  padding-right: 14px;
}
.log-activity-new::after {
  z-index: 0;
  content: "";
  width: 2px;
  height: calc(100% - 2.25rem);
  background: repeating-linear-gradient(to bottom, #e5e7eb, #e5e7eb 6px, transparent 6px, transparent 12px);
  margin-left: 0.6rem;
  position: absolute;
  top: 2.2rem;
  left: 1rem;
}
.log-activity-new .day-text {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.legacy-activities {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.legacy-activities-divider {
  display: flex;
  height: 1px;
  align-items: center;
  flex: 1 0 0;
  border-radius: 4px;
  background: #d1d5db;
}

.billing-subscription .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab {
  margin-right: 1.25rem;
  padding-bottom: 0.375rem;
}
.billing-subscription .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:hover {
  color: #1d4ed8 !important;
}
.billing-subscription .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn {
  font-weight: 500;
}
.billing-subscription .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active .bs-tabs-tab-btn {
  font-weight: 700;
  color: #1d4ed8 !important;
}
.billing-subscription .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-ink-bar {
  border-radius: 0.25rem;
  background: #1d4ed8;
}

.email_outreach {
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
  margin-bottom: 0.75rem;
}
.email_outreach svg {
  margin-right: 0.5rem;
}
.email_outreach h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #1f2937;
  line-height: normal;
  margin-bottom: 0;
}
.email_outreach.lead_finder {
  margin-top: 1.5rem;
}

.email-outreach-container {
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 1.25rem;
  word-wrap: break-word;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(234, 237, 239, 0.65);
}
.email-outreach-container .email-content .card {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.email-outreach-container .email-content .card .card-body {
  padding: 0;
}
.email-outreach-container .card {
  box-shadow: unset !important;
  border: none;
  background-color: unset;
  border-radius: 0;
  padding: 0;
}
.email-outreach-container .lead-finder-account-usage {
  border-top: 1px solid #e8e8e8;
  margin-top: 24px;
  padding-top: 24px;
}

.subscription-plan__container .card {
  box-shadow: 0px 2px 4px rgba(234, 237, 239, 0.65);
}
.subscription-plan__container .card .card-body {
  padding: 0px;
}
.subscription-plan__container .card .card-body .progress-bar-container {
  width: 47.6133%;
}
.subscription-plan__container .card .card-body .progress-bar-container .used-label span {
  font-weight: 500;
}
.subscription-plan__container .card .card-body .remaining-text {
  font-weight: 500;
}
.subscription-plan__container .card .card-body .pro-plan-used-count {
  color: #059669;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-top: 0.5rem;
}
.subscription-plan__container .accordion__panel {
  padding-top: 0.75rem !important;
}
.subscription-plan__info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.subscription-plan__info .unlimited-label {
  height: 18px;
  padding: 2px 8px;
  border-radius: 6.25rem;
  background: #dbeafe;
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-left: 0.5rem;
}
.subscription-plan__info .refresh-text span {
  color: #6b7280;
  font-weight: 500;
}
.subscription-plan__info .canceled-plan {
  color: #1f2937;
  background-color: #fee2e2;
  border-radius: 6.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.094rem 0.5rem;
  margin-left: 0.5rem;
}
.subscription-plan__info .subscription-email-title {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 0.25rem;
}
.subscription-plan__info .subscription-plan-title {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 0.25rem;
}
.subscription-plan__info .email-quota {
  padding-top: 0.125rem;
}
.subscription-plan__info .paused-plan {
  color: #1f2937;
  background-color: #fef3c7;
  border-radius: 6.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.094rem 0.5rem;
  margin-left: 0.5rem;
}
.subscription-plan__info .plan-price-wrap .manage-billing-container {
  position: absolute;
  width: 16rem;
  right: 0;
  top: 2.3125rem;
  padding: 0.5rem 0;
  background: #fff;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
}
.subscription-plan__info .plan-price-wrap .manage-billing-container .option {
  padding: 0.625rem 1rem;
}
.subscription-plan__info .plan-price-wrap .manage-billing-container .option:hover {
  background: #eff6ff;
}
.subscription-plan__info .plan-price-wrap .plan-price-container {
  display: flex;
}
.subscription-plan__info .plan-price-wrap .plan-price-container button {
  height: fit-content;
}
.subscription-plan__info .plan-price-wrap span {
  margin-right: 0.1875rem;
}
.subscription-plan__info .plan-price-wrap .plan-price-detail {
  color: #1f2937;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 0.5rem;
  line-height: 10px;
}
.subscription-plan__info .plan-price-wrap .upgrade-modify-subscription-btn.btn-solid {
  background: #1d4ed8;
}
.subscription-plan__info .plan-price-wrap .cancel-subscription-btn.btn-solid {
  color: #b80b1f;
  font-weight: 500;
}
.subscription-plan__info .plan-price-wrap .reactivate-subscription-btn {
  font-weight: 500;
  border: 1px solid #1d4ed8;
  background-color: #1d4ed8;
}
.subscription-plan__info .lead-finder-available-credits {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #1f2937;
  margin-bottom: 4px;
}
.subscription-plan__info .lead-finder-available-credits .lead-finder-available-credits-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.subscription-plan__info .lead-finder-add-credits {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6b7280;
}
.subscription-plan__info .lead-finder-add-credits .lead-finder-add-credits-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.subscription-plan__info .lead-finder-add-credits:hover {
  cursor: pointer;
  color: #1d4ed8;
}
.subscription-plan__info .lead-finder-add-credits.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.subscription-plan__expire-info {
  width: 16.313rem;
  background: #ffd6db;
  border-radius: 0.25rem;
  padding: 0.125rem 0.625rem;
  text-align: center;
  margin-top: 1.25rem;
}
.subscription-plan__expire-info span {
  font-weight: 500;
}
.subscription-plan__number-input .slot-input {
  height: 2.5rem;
}
.subscription-plan__number-input .slot-input .bs-input-number-input-wrap {
  height: inherit;
}
.subscription-plan__number-input .slot-input .bs-input-number-input-wrap input {
  height: inherit;
}
.subscription-plan__number-input .number-input-waring-text {
  color: #b80b1f;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 0.625rem;
  line-height: 0.938rem;
  margin-top: 0.5rem;
}
.subscription-plan__bill-overview-wrapper {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-bottom: 1rem;
}
.subscription-plan__divider {
  width: 100%;
  height: 0.125rem;
  background: #e5e7eb;
}
.subscription-plan__loader-container {
  height: 8.0625rem;
}
.subscription-plan__loader-container img {
  height: 2.5rem;
}
.subscription-plan .progress-bar-wrapper {
  height: 0.625rem;
}
@keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.bucket-progress-bar {
  display: flex;
  height: 0.625rem;
  border-radius: 1.875rem;
  overflow: hidden;
  background-color: #e5e7eb;
  width: 100%;
}
.bucket-progress-bar__segment {
  height: 100%;
  transition: width 0.3s ease;
}
.bucket-progress-bar__segment--primary {
  background-color: #2563eb;
}
.bucket-progress-bar__segment--secondary {
  background-color: #34d399;
}
.bucket-progress-bar__segment--frozen {
  background-color: #e5e7eb;
}

.bucket-tooltip {
  opacity: 1 !important;
}
.bucket-tooltip .tooltip-inner {
  max-width: 28rem !important;
  padding: 0.75rem 1rem !important;
  text-align: left !important;
  background-color: #fff !important;
  color: #6b7280 !important;
  box-shadow: 0px 2px 16px -3px rgba(4, 21, 76, 0.16), 0px 16px 56px -24px rgba(156, 157, 161, 0.24) !important;
  border-radius: 0.5rem !important;
}
.bucket-tooltip .arrow::before {
  border-top-color: #fff !important;
}
.bucket-tooltip .bucket-tooltip__content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  white-space: nowrap;
}
.bucket-tooltip .bucket-tooltip__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.bucket-tooltip .bucket-tooltip__indicator-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bucket-tooltip .bucket-tooltip__indicator {
  display: inline-block;
  width: 0.1875rem;
  height: 1rem;
  border-radius: 0.125rem;
  flex-shrink: 0;
}
.bucket-tooltip .bucket-tooltip__indicator--primary {
  background-color: #2563eb;
}
.bucket-tooltip .bucket-tooltip__indicator--secondary {
  background-color: #34d399;
}
.bucket-tooltip .bucket-tooltip__indicator--frozen {
  background-color: #9ca3af;
}
.bucket-tooltip .bucket-tooltip__label {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}
.bucket-tooltip .bucket-tooltip__values {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.bucket-tooltip .bucket-tooltip__value {
  font-size: 12px;
  font-weight: 700;
  color: #6b7280;
}
.bucket-tooltip .bucket-tooltip__percent {
  font-size: 12px;
  font-weight: 500;
  color: #9ca3af;
}

.bucket-frozen-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  background-color: #fef9e7;
  border: 1px solid #f5d77f;
  border-radius: 0.375rem;
}
.bucket-frozen-banner__icon {
  flex-shrink: 0;
  color: #d97706;
}
.bucket-frozen-banner__text {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}
.bucket-frozen-banner__link {
  font-size: 14px;
  font-weight: 600;
  color: #1d4ed8;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}
.bucket-frozen-banner__link:hover {
  text-decoration: none;
}

.lead-finder-add-credits-tooltip {
  max-width: 190px;
}

.lead-finder-refresh-text {
  color: #6b7280;
}
.lead-finder-refresh-text span {
  font-weight: 500;
  font-size: 0.875rem;
}
.lead-finder-refresh-text:hover {
  color: #1d4ed8;
}

.bucket-frozen-info-icon {
  color: #6b7280;
  flex-shrink: 0;
}

.bucket-frozen-info-tooltip .tooltip-inner {
  max-width: 660px;
}
.bucket-frozen-info-tooltip__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bucket-frozen-info-tooltip__row {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.bucket-frozen-info-tooltip__value {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}
.bucket-frozen-info-tooltip__desc {
  font-size: 12px;
  font-weight: 400;
  color: #9ca3af;
}

.accordion__item {
  border: 1px solid #eaedef !important;
}
.accordion__item:first-child {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.bs-accordions.accordion {
  background: #f9fafb;
}

.ltd-summary {
  justify-content: flex-start;
  gap: 5.625rem;
}

.invoices-text {
  margin: 0.938rem 0;
}

.expired-on-wrap {
  background: #ffd6db;
  max-width: 9.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}

.reactivate-subscription-modal {
  color: #1f2937;
}
.reactivate-subscription-modal .modal-content {
  min-height: 15.5rem;
  width: 28rem;
}
.reactivate-subscription-modal .modal-content .bs-modal-body {
  padding-top: 0;
}
.reactivate-subscription-modal .modal-title {
  color: #1f2937;
}
.reactivate-subscription-modal .modal-header {
  border-bottom: none;
  min-height: 5rem;
}
.reactivate-subscription-modal .modal-header .close {
  margin-top: -0.6rem;
}
.reactivate-subscription-modal .modal-footer {
  margin-left: 5%;
  margin-right: 6%;
  padding: 0;
}
.reactivate-subscription-modal .reactive-subscription-modal-cancel-btn.btn-ghost:hover {
  color: unset;
  border: 1px solid #d9d9d9;
}
.reactivate-subscription-modal .reactive-subscription-modal-cancel-btn.btn-ghost:focus {
  outline: none;
  color: unset;
  border: 1px solid #d9d9d9;
}
.reactivate-subscription-modal .reactive-subscription-modal-submit-btn {
  background: #1d4ed8;
}

.resume-subscription-modal {
  color: #1f2937;
}
.resume-subscription-modal .modal-content {
  height: 17.5rem;
  width: 28rem;
}
.resume-subscription-modal .modal-content .bs-modal-body {
  padding-top: 0;
}
.resume-subscription-modal .modal-title {
  color: #1f2937;
  line-height: 20px;
}
.resume-subscription-modal .modal-header {
  border-bottom: none;
  min-height: 5rem;
}
.resume-subscription-modal .modal-header .close {
  margin-top: -0.6rem;
}
.resume-subscription-modal .modal-footer {
  margin-left: 5%;
  margin-right: 6%;
  padding: 0;
}
.resume-subscription-modal .resume-subscription-modal-cancel-btn.btn-ghost:hover {
  color: unset;
  border: 1px solid #d9d9d9;
}
.resume-subscription-modal .resume-subscription-modal-cancel-btn.btn-ghost:focus {
  outline: none;
  color: unset;
  border: 1px solid #d9d9d9;
}
.resume-subscription-modal .reesume-subscription-modal-submit-btn {
  background: #1d4ed8;
}

.ltd-expire-soon {
  width: 20.125rem;
  height: 1.625rem;
  background: #fef3c7 !important;
  border-radius: 4px;
  padding: 0;
  margin-top: 20px;
}
.ltd-expire-soon .alert-body {
  width: 100%;
  align-items: center;
  justify-content: center;
}
.ltd-expire-soon .alert-body .content-div {
  text-align: center;
}

.billing-overview-element-wrapper {
  gap: 0.3125rem;
}

.upgrade-plan-billing-section {
  width: 18.125rem;
}
.upgrade-plan-billing-section .card {
  box-shadow: 0px 2px 4px rgba(234, 237, 239, 0.65);
}
.upgrade-plan-billing-section__header {
  background: #f3f4f6;
  border-radius: 0.25rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  text-align: center;
}
.upgrade-plan-billing-section__loader-container {
  height: 17.8125rem;
}
.upgrade-plan-billing-section__loader-container img {
  height: 3.125rem;
}
.upgrade-plan-billing-section__divider {
  width: 100%;
  height: 0.125rem;
  background: #e5e7eb;
}
.upgrade-plan-billing-section__price-details-wrap {
  margin-top: 1.6875rem;
}
.upgrade-plan-billing-section__price-details-wrap .price-details .additional_user_accounts {
  display: flex;
  flex-direction: column;
}
.upgrade-plan-billing-section__price-details-wrap .price-details .additional_user_accounts .remaining_days {
  font-size: 0.5rem;
  font-weight: 500;
}
.upgrade-plan-billing-section__price-details-wrap .price-details .subtotal-discount-amount {
  padding-top: 1.0625rem;
}
.upgrade-plan-billing-section__price-details-wrap .price-details .already_paid_amount {
  margin-top: 0.625rem;
}
.upgrade-plan-billing-section__price-details-wrap .price-details .days-of-bill-text {
  font-size: 0.5rem;
  font-weight: 400;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input.bs-input-affix-wrapper {
  background: #f3f4f6;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input {
  height: 2.5rem;
  align-items: center;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input .bs-input {
  background: #f3f4f6;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-error {
  height: inherit;
  background: #f3f4f6;
  align-items: center;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded {
  height: inherit;
  background: #f3f4f6;
  align-items: center;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded input {
  pointer-events: none;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded i {
  cursor: pointer;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input label {
  font-style: normal;
  font-weight: 500;
  font-size: 0.5rem;
  line-height: 14px;
  width: 100%;
  text-align: right;
  margin-bottom: 1.25rem;
}
.upgrade-plan-billing-section__price-details-wrap .promo-code-container .coupon-code-input-wrapper .coupon-code-input .icon-loading i {
  animation: spin 2s linear infinite;
}
.upgrade-plan-billing-section__total-after-discount-wrap {
  padding-top: 1.0625rem;
  margin-top: 1.9375rem;
}
.upgrade-plan-billing-section .note-wrap {
  width: 96.5%;
  margin-top: 1.25rem;
  color: #6b7280;
  font-size: 0.625rem;
}
.upgrade-plan-billing-section .note-wrap .note-txt {
  font-weight: 500;
  margin-right: 0.12rem;
}

.cold-email-tips {
  position: relative;
}
.cold-email-tips .cold-email-tips-carousel {
  width: 24.8125rem;
  border-radius: 0.25rem;
  background-color: #eff6ff;
}
.cold-email-tips .cold-email-tips-carousel .carousel-inner {
  height: 100%;
  padding: 0.9375rem;
}
.cold-email-tips .cold-email-tips-carousel .carousel-inner p {
  margin: 0;
}
.cold-email-tips .cold-email-tips-carousel .carousel-item {
  width: 100%;
  height: 5rem;
  border-radius: 0.25rem;
}
.cold-email-tips .cold-email-tips-carousel .carousel-item .caurosel-title {
  font-weight: bold;
  font-size: 0.625rem;
  line-height: 0.875rem;
  color: #1f2937;
  margin-bottom: 0.3125rem;
}
.cold-email-tips .cold-email-tips-carousel .carousel-item .caurosel-content {
  font-weight: normal;
  font-size: 0.625rem;
  line-height: 1rem;
  color: #6b7280;
}
.cold-email-tips .cold-email-tips-carousel .carousel-item .caurosel-content a {
  color: #1d4ed8;
  text-decoration: underline;
}
.cold-email-tips .cold-email-tips-carousel .carousel-item .caurosel-content a:hover {
  color: #1d4ed8;
}
.cold-email-tips .cold-email-tips-carousel .carousel-item .caurosel-badge {
  padding: 0 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8125rem;
  height: 0.875rem;
  background: #10b981;
  border: 0.0625rem solid #10b981;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.5rem;
  line-height: 0.875rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.cold-email-tips .cold-email-tips-carousel .carousel-control-prev,
.cold-email-tips .cold-email-tips-carousel .carousel-control-next {
  width: 1rem;
  height: 1rem;
  left: auto;
  top: auto;
  bottom: 0.9375rem;
  right: 0.9375rem;
  opacity: 1;
}
.cold-email-tips .cold-email-tips-carousel .carousel-control-prev:hover,
.cold-email-tips .cold-email-tips-carousel .carousel-control-next:hover {
  opacity: 1;
}
.cold-email-tips .cold-email-tips-carousel .carousel-control-prev {
  right: 2rem;
}
.cold-email-tips .caurosel-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 15.75rem;
  height: 1rem;
  padding: 0px 0.9375rem;
  position: absolute;
  bottom: 0.9375rem;
}
.cold-email-tips .caurosel-footer .caurosel-footer-text {
  font-size: 0.625rem;
  color: #1d4ed8;
  margin: 0;
  font-weight: 600;
}

.performance-stats {
  width: 2.5rem;
  height: 1.125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid;
  justify-content: space-evenly;
}
.performance-stats--increment {
  background: #d1fae5;
  border-color: #d1fae5;
}
.performance-stats--increment .performance-stats__label {
  color: #065f46;
}
.performance-stats--decrement {
  background: #fee2e2;
  border-color: #fee2e2;
}
.performance-stats--decrement .performance-stats__label {
  color: #b91c1c;
}
.performance-stats__label {
  line-height: 0.625rem;
  margin-right: 0.0625rem;
}

.youtube-video-modal .modal-content {
  min-width: 38.625rem;
}

.pricing-card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.pricing-card .card {
  width: 15.625rem;
  height: 24.0625rem;
  transition: border-color 0.3s ease-in-out, height 0.3s ease-in-out;
}
.pricing-card__details-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  transition: transform 0.3s ease-in-out;
}
.pricing-card__details-header-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #202020;
  transition: color 0.3s ease-in-out;
}
.pricing-card__details-price-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.pricing-card__details-price-wrapper-currency {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pricing-card__details-price-wrapper-currency-amount {
  font-size: 2rem;
  line-height: 38px;
  font-weight: 600;
  color: #202020;
  transition: all 0.3s ease-in-out;
}
.pricing-card__details-price-wrapper-currency-amount-strikethrough {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #848484;
  transition: color 0.3s ease-in-out;
  text-decoration: line-through;
}
.pricing-card__details-price-wrapper-currency-amount-suffix {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #848484;
  transition: color 0.3s ease-in-out;
}
.pricing-card__details-price-wrapper-discount {
  display: flex;
  align-items: center;
  outline: 1px solid #6ee7b7;
  border-radius: 20px;
  padding: 4px 12px;
  transition: all 0.3s ease-in-out;
}
.pricing-card__details-price-wrapper-discount-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #059669;
  transition: all 0.3s ease-in-out;
}
.pricing-card__details-description {
  line-height: 1rem !important;
  margin-top: 0.625rem;
}
.pricing-card__details-currency {
  margin-right: 0.1875rem;
}
.pricing-card__details-price-detail {
  line-height: 0.605rem;
  margin-left: 0.4375rem;
  margin-top: 2px;
}
.pricing-card__details-price-detail .mb-2-5 {
  margin-bottom: 0.35rem !important;
}
.pricing-card__details .bs-tag {
  border-radius: 0.25rem;
  border-width: 0px;
  margin: 0px;
  font-size: 0.5rem;
  cursor: auto;
}
.pricing-card__divider {
  width: 100%;
  height: 0.125rem;
  background: #f3f4f6;
}
.pricing-card__features {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.pricing-card__features .green-stroke {
  width: 100%;
  padding-bottom: 0.25rem;
  position: relative;
}
.pricing-card__features .green-stroke:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #6ee7b7;
  border-radius: 0.25rem;
}
.pricing-card__features .range-wrap {
  margin-top: 2rem;
}
.pricing-card__features .range__mark:first-child {
  left: 2px !important;
}
.pricing-card__features .range__thumb-first {
  transform: translate(1px, -5.5px) !important;
}
.pricing-card__features .range__thumb-last {
  transform: translate(239px, -5.5px) !important;
}
.pricing-card__features-slider-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 12px;
  line-height: 18px;
}
.pricing-card__features-slider-control-icon {
  display: flex;
  padding: 2px;
  align-items: flex-start;
  gap: 8px;
  border: none;
  border-radius: 50px;
  background-color: transparent;
}
.pricing-card__features-slider-control-icon:hover {
  background: #f3f4f6;
}
.pricing-card__features-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pricing-card__features-list-item {
  display: flex;
  gap: 8px;
  padding-left: 4px;
  padding-right: 8px;
}
.pricing-card__features-list-item-check {
  display: flex;
  padding-top: 2px;
}
.pricing-card__features-list-item-label {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  color: #202020;
}
.pricing-card__features-list-item .break-lines {
  max-width: 216px;
}
.pricing-card__features-list-item .underline-dashed {
  text-decoration: underline dashed;
  text-underline-offset: 3px;
  text-decoration-color: #cacaca;
}
.pricing-card__features-list .bg-color {
  background-color: #f3f4f6;
  padding: 4px 0px 4px 4px;
  border-radius: 4px;
}
.pricing-card__features-list .bg-color .pricing-card__features-list-item-check {
  padding-left: 0px;
}
.pricing-card__features ul {
  list-style-type: none;
  padding-left: 0;
}
.pricing-card__features ul li i {
  cursor: inherit;
}
.pricing-card__best-value-plan-insight {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  outline: 1px solid #e0e7ff;
  border-radius: 4px;
  background-color: #eef2ff;
}
.pricing-card__best-value-plan-insight-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #1f2937;
}
.pricing-card .ghost-primary-new.btn-ghost-primary {
  border-color: #1d4ed8;
  color: #1d4ed8;
  transition: all 0.3s ease-in-out;
}
.pricing-card .ghost-primary-new.btn-ghost-primary:hover {
  background-color: #1d4ed8;
  color: #fff;
}
.pricing-card .ghost-primary-new.btn-ghost-primary:disabled {
  transition: all 0.3s ease-in-out;
}
.pricing-card .ghost-primary-new.btn-ghost-primary:disabled:hover {
  background-color: transparent;
  color: #1d4ed8;
  cursor: not-allowed !important;
}
.pricing-card .ghost-secondary-new.btn-ghost-primary {
  border: 1px solid #9ca3af;
  color: #9ca3af;
  transition: all 0.3s ease-in-out;
}
.pricing-card .ghost-secondary-new-disable.btn-ghost-primary:disabled {
  border: 1px solid #6b7280;
  color: #6b7280;
  opacity: 0.35;
  transition: all 0.3s ease-in-out;
}
.pricing-card .ghost-secondary-new-disable.btn-ghost-primary:disabled:hover, .pricing-card .ghost-secondary-new-disable.btn-ghost-primary:disabled:active {
  color: #6b7280 !important;
  background-color: transparent !important;
  cursor: not-allowed !important;
}

.best-value-plan__label-wrapper {
  display: flex;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}
.best-value-plan__label {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 32px;
  background-color: #37b489;
  margin-bottom: -14px;
  margin-top: -14px;
  transition: all 0.3s ease-in-out;
}
.best-value-plan__label-text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  transition: color 0.3s ease-in-out;
}
.best-value-plan .card {
  border: 1px solid #1d4ed8;
  border-top-width: 0.25rem;
  transition: all 0.3s ease-in-out;
}

.pricing-card-lifetime-plan .card {
  height: 25.5625rem;
}

.prospects-filter__multi-overflow-count {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  align-self: center;
  gap: 0.25rem;
  line-height: 1.25rem;
  white-space: nowrap;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  padding: 0 0px 0px 4px;
}
.prospects-filter__multi-overflow-count .prospects-filter__multi-overflow-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0 2px;
  display: flex;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.prospects-filter__multi-overflow-count .prospects-filter__multi-overflow-clear:hover {
  background-color: #dbeafe;
}
.prospects-filter__multi-overflow-count .prospects-filter__multi-overflow-clear:hover svg {
  color: #1d4ed8;
}

.prospects-filter-container ::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.4375rem;
}
.prospects-filter-container ::-webkit-scrollbar-track {
  background: #ffffff;
}
.prospects-filter-container ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 0.25rem;
}
.prospects-filter-container .label-text {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0em;
  text-align: left;
  color: #6b7280;
}
.prospects-filter-container .basic-multi-select .css-1k1cxo2-control,
.prospects-filter-container .basic-multi-select .css-167jrn2-control {
  background-color: #f9fafb !important;
}
.prospects-filter-container .filter-container .prospect-filter-date-piker .react-datepicker-wrapper {
  width: 100% !important;
}
.prospects-filter-container .filter-container .prospect-filter-date-piker .react-datepicker-wrapper .react-datepicker__input-container .date-picker-container {
  background: #f9fafb !important;
}

.date-picker-container {
  display: flex !important;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  padding-left: 0 !important;
}
.date-picker-container .cal-icon {
  color: #9ca3af;
  font-size: 1rem;
}
.date-picker-container .close-icon {
  font-size: 1rem;
}
.date-picker-container .input {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1rem;
  color: #1f2937;
  font-weight: 500;
  border: none;
  outline: none;
}
.date-picker-container input::placeholder {
  color: #6b7280;
}

.react-datepicker .react-datepicker__navigation {
  top: 16px;
}
.react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month {
  padding: 0px;
}

.react-datepicker-wrapper,
.react-datepicker__input-container,
.react-datepicker__input-container input {
  display: block;
  width: 100%;
  background: #f9fafb !important;
}

.collapsed {
  display: none;
}

.collapsed-group > div:not(.collapse-group-heading) {
  display: none;
}

.collapse-group-heading::after {
  flex-shrink: 0;
  width: 36px;
  height: 34px;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.46967 6.21967C8.76256 5.92678 9.23744 5.92678 9.53033 6.21967L14.0303 10.7197C14.3232 11.0126 14.3232 11.4874 14.0303 11.7803C13.7374 12.0732 13.2626 12.0732 12.9697 11.7803L9 7.81066L5.03033 11.7803C4.73744 12.0732 4.26256 12.0732 3.96967 11.7803C3.67678 11.4874 3.67678 11.0126 3.96967 10.7197L8.46967 6.21967Z' fill='%239CA3AF'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-size: 1.25rem;
  background-position: center center;
  transform: rotate(180deg);
}

.collapsed-group .collapse-group-heading::after {
  transform: rotate(0deg);
}

.collapse-group-heading {
  display: flex;
}

.error-404-container .header {
  box-shadow: 10px 0 30px rgba(220, 224, 230, 0.51);
  height: 5.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.error-404-container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4.4rem;
}
.error-404-container .content .content-header {
  margin-top: 1.875rem;
  margin-bottom: 1rem;
}
.error-404-container .content .external-icon-wrapper {
  margin-top: 2.625rem;
}
.error-404-container .content .external-icon-wrapper a {
  text-decoration: none;
  color: #0d1c2e;
}
.error-404-container .content .external-icon-wrapper a .external-icon {
  font-size: 1.5rem;
}

.interest-form-modal .modal-dialog {
  max-width: 520px;
  max-height: 90vh;
}
.interest-form-modal .modal-dialog .modal-content {
  max-height: 90vh;
  overflow: hidden;
}
.interest-form-modal .modal-dialog .bs-modal-body {
  max-height: 100% !important;
  padding: 1.5rem;
}
.interest-form-modal .bs-modal-header {
  padding: 1.25rem 1.5rem;
}
.interest-form-modal .bs-modal-header .modal-title {
  color: #1f2937;
}
.interest-form-modal .bs-modal-header .close {
  margin: 0;
  padding: 0;
}
.interest-form-modal .bs-modal-header .close .sh-close {
  font-size: 1.5rem;
}
.interest-form-modal .bs-modal-footer {
  min-height: 4.5rem;
  max-height: 4.5rem;
  padding: 1.25rem 1.5rem;
}
.interest-form-modal .bs-modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.interest-form-modal .interest-form-modal-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
  max-height: 406px;
}
.interest-form-modal .interest-form-modal-body .interest-form-title .interest-form-title-text {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #6b7280;
}
.interest-form-modal .interest-form-modal-body .interest-form-question {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-question-text {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
  white-space: pre-wrap;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item {
  display: flex;
  align-items: center;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item .bs-checkbox-wrapper {
  margin: 0;
  line-height: 1;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item .checkbox-label-text {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item.interest-form-option-other {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item.interest-form-option-other .interest-form-other-input {
  flex: 1;
  min-width: 200px;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item.interest-form-option-other .interest-form-other-input.bs-input-affix-wrapper {
  height: 30px;
  padding: 0 0.5rem;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item.interest-form-option-other .interest-form-other-input.bs-input-affix-wrapper .bs-input {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-options .interest-form-option-item.interest-form-option-other .interest-form-other-input.bs-input-affix-wrapper .bs-input::placeholder {
  color: #6b7280;
  font-size: 0.75rem;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-radio-group .rb-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-radio-group .rb-group .bs-radio-wrapper {
  margin: 0;
  line-height: 1;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-radio-group .rb-group .bs-radio-wrapper span {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.interest-form-modal .interest-form-modal-body .interest-form-question .interest-form-radio-group .rb-group .bs-radio-wrapper .bs-radio-inner {
  border-color: #9ca3af;
}
.interest-form-modal .interest-form-skip-btn {
  width: 77px;
}
.interest-form-modal .interest-form-submit-btn:disabled {
  color: #ffffff;
  background-color: #0137fc;
  border-color: #0137fc;
  cursor: not-allowed;
}

.password-validation-label {
  font-weight: 600;
  font-size: 8px;
  line-height: 16px;
  color: #6b7280;
  margin: 0;
  margin-top: 5px;
}

.password-validation-checklist-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0.25rem 0;
  gap: 70px;
}
.password-validation-checklist-container ul {
  padding: 0;
  list-style: none;
  margin: 0;
  white-space: pre;
}
.password-validation-checklist-container ul li {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  margin-bottom: 3px;
  color: #9ca3af;
}
.password-validation-checklist-container ul li span {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.password-validation-checklist-container ul li span i {
  font-size: 0.9rem;
}
.password-validation-checklist-container ul li p {
  margin-bottom: 0;
  font-size: 10px;
  line-height: 16px;
}
.password-validation-checklist-container ul li.valid {
  color: #047857;
}
.password-validation-checklist-container ul li.error {
  color: #b91c1c;
}

.summary-gadget {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  height: 4.125rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
}
.summary-gadget--content {
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.5rem;
}
.summary-gadget--content p {
  margin: 0;
}
.summary-gadget--label {
  color: #1f2937;
  font-weight: 500;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1.125rem;
  transition: all 0.2s ease;
  width: max-content;
}
.summary-gadget--value {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.summary-gadget--percentage {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #9ca3af;
}

.icon-text-container {
  display: flex;
  max-width: 3.75rem;
  min-width: 3.75rem;
  justify-content: space-around;
  margin: 0.2rem;
}
.icon-text-container .text {
  color: #1F2937;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.notification-circle {
  position: relative;
  align-items: end;
  justify-content: end;
  cursor: pointer;
}
.notification-circle.blink-notification path {
  animation: bellPathColorChange 1.6s forwards;
}
.notification-circle.blink-notification::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fecaca;
  border-radius: 50%;
  transform: scale(1);
  z-index: -1;
  animation: blinkNotifiaction 1.6s forwards;
}

@keyframes bellPathColorChange {
  0% {
    fill: currentColor;
  }
  25% {
    fill: #b91c1c;
  }
  75% {
    fill: #b91c1c;
  }
  100% {
    fill: currentColor;
  }
}
@keyframes blinkNotifiaction {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.notification {
  height: 1.3rem;
  width: 1.3rem;
}
.notification:hover {
  color: #6b7280 !important;
}

.notification-red {
  min-width: 2rem;
  height: 2rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 2rem;
  align-items: center;
  justify-content: center;
  background: #fee2e2;
  margin-right: 0 !important;
}

.notification-green {
  min-width: 2rem;
  height: 2rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 2rem;
  align-items: center;
  justify-content: center;
  background: #d1fae5;
  margin-right: 0 !important;
}

.notification-purple,
.notification-yellow {
  min-width: 2rem;
  height: 2rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 2rem;
  align-items: center;
  justify-content: center;
  background: #ede9fe;
  margin-right: 0 !important;
}

.notification-gray {
  min-width: 2rem;
  height: 2rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 2rem;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  margin-right: 0 !important;
}

.notification-yellow {
  background: #fffbeb;
}

.no-notifications {
  height: 25rem;
}

.no-notification-text {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
}

.notification-end-text {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
}

.active-notification {
  background-color: #f3f4f6;
  border-radius: 1rem;
}

.custom-position {
  width: 0.4169rem !important;
  height: 0.4169rem !important;
  border: 0.0625rem solid #ffffff;
  top: 10px !important;
  right: 10px !important;
}

.custom-position-icon {
  top: 5px !important;
  right: 4px !important;
}

.notification-view-area {
  height: 30rem;
  width: 30rem;
  background-color: white;
  position: absolute;
  top: 2.5rem;
  right: 1rem;
  border: 2px solid #f3f4f6;
  border-radius: 6px;
  overflow-y: scroll;
  z-index: 4 !important;
}

.notification-font {
  font-size: 14px;
  font-weight: 600;
}

.no-margin {
  margin: 0px !important;
}

.no-padding {
  padding: 0px !important;
}

.no-pointer {
  cursor: progress;
}

.text-dark-red {
  color: #b91c1c;
}

.notification-content {
  color: #1f2937;
  font-size: 12px;
}
.notification-content span {
  font-weight: 600;
  font-size: 12px;
}
.notification-content .notification-data {
  font-size: 0.75rem;
  font-weight: 400;
}
.notification-content .notification-data-bold {
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

.action-button-red {
  color: #dc2626;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.action-button-red.view-email-accounts-btn {
  white-space: nowrap;
  position: absolute;
  right: 0;
}
.action-button-red.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.action-button {
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.action-button.view-email-accounts-btn {
  white-space: nowrap;
  position: absolute;
  right: 0;
}
.action-button.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.mark-read {
  color: #1d4ed8;
  font-weight: 400;
  cursor: pointer;
}

.date-time-content {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.5rem !important;
}

.overflow-auto {
  overflow: auto;
}

#NF_badge_cont {
  position: absolute !important;
  top: -0.5rem;
}

.NF_badge_cont.NF_visible {
  visibility: visible;
  pointer-events: auto;
}

.NF_badge_cont {
  display: block;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
}

.NF_badge.NF_visible {
  opacity: 1;
  transform: scale(1);
}

.NF_badge.NF_visible {
  background: linear-gradient(0deg, #ef4444, #ef4444), linear-gradient(0deg, rgba(17, 24, 39, 0), rgba(17, 24, 39, 0));
}

.NF_badge {
  display: block;
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 0.4375rem;
  left: 1rem;
  will-change: scale;
  transition: all 0.3s;
  font-family: Inter;
  font-size: 0.5625rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0em;
  text-align: center;
}

.NF_animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.NF_bounce {
  animation-name: NF_bounce;
  transform: center bottom;
}

@keyframes NF_bounce {
  0%, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    transform: translate3d(0, -2px, 0);
  }
}
.NF_loder {
  width: 100%;
  height: 30rem;
}

.notification-row {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.notification-progress-bar .progress-bar-wrapper {
  height: 0.3125rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  max-width: 14.75rem;
}
.notification-progress-bar .progress-bar-wrapper span {
  border-radius: 0.25rem;
  background-color: #059669 !important;
}
.notification-progress-bar .download-report {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #1d4ed8;
  margin-top: 0.5rem;
}
.notification-progress-bar .download-report .download-report-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.action-button-wrap {
  white-space: nowrap;
}
.action-button-wrap.margin-adjust {
  margin-top: -2px;
}

/* Dropdown Container */
.profile-dropdown-view {
  position: absolute;
  right: 1px; /* Align with the right edge */
  top: 2.5rem; /* Position dropdown below the trigger */
  z-index: 999; /* Ensure it's above other elements */
  /* Dimensions */
  min-height: 10rem;
  min-width: 320px;
  max-width: auto; /* Match Figma width */
  /* Border and Background */
  border: 1px solid #e5e7eb; /* Light gray border */
  border-radius: 8px; /* Smooth rounded corners */
  background-color: #ffffff; /* Clean white background */
  overflow: hidden;
  box-sizing: border-box; /* Include padding in width/height calculations */
}
.profile-dropdown-view ul {
  list-style: none;
  margin-bottom: 12px !important;
  font-family: "inter";
}
.profile-dropdown-view .divider-dropdown-above-profile {
  border-bottom: 1px solid #f3f4f6;
}
.profile-dropdown-view.profile-dropdown-view-custom {
  min-height: 100%;
}
.profile-dropdown-view.profile-dropdown-view-custom .dropdown-without-avatar .unordered-list-dropdown {
  margin: 0px !important;
}
.profile-dropdown-view.profile-dropdown-view-custom .dropdown-without-avatar .unordered-list-dropdown .dropdown-original-options {
  padding: 0px;
}
.profile-dropdown-view.profile-dropdown-view-custom .dropdown-without-avatar .unordered-list-dropdown .added-features-dropdown {
  padding: 0px;
}

.user-profile-dropdown-row {
  display: flex;
  align-items: center;
  padding: 4px;
}
.user-profile-dropdown-row .user-dropdown-option {
  display: flex;
  align-items: center;
  margin: 10px;
}
.user-profile-dropdown-row .user-dropdown-option .user-initials-avatar {
  width: 32px;
  height: 32px;
  font-family: "inter";
}
.user-profile-dropdown-row .user-dropdown-option .user-avatar-dropdown {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #3b82f6;
}
.user-profile-dropdown-row .user-dropdown-option .user-avatar-dropdown .text-primary {
  font-family: "inter";
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #3b82f6 !important;
}
.user-profile-dropdown-row .user-dropdown-option .user-label-dropdown {
  margin-left: 8px;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
}
.user-profile-dropdown-row .user-dropdown-option .user-label-dropdown .user-label-fullname {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  display: flex;
  justify-content: flex-start;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
  font-family: "inter";
}
.user-profile-dropdown-row .user-dropdown-option .user-label-dropdown .user-label-email {
  font-weight: 500;
  font-size: 12px;
  line-height: 19.2px;
  color: #6b7280;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
  word-break: break-all;
  text-align: left;
  font-family: "inter";
}

.unordered-list-dropdown {
  padding-left: 0px;
}
.unordered-list-dropdown .list--dropdown-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 36px;
  gap: 8px;
  padding-left: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 8px;
}
.unordered-list-dropdown .list--dropdown-row .list--dropdown-option {
  display: flex;
  align-items: center;
  width: 100%;
}
.unordered-list-dropdown .list--dropdown-row .list--dropdown-option .list--dropdown-icon {
  display: flex;
  color: #1f2937;
  height: 16px;
  width: 16px;
}
.unordered-list-dropdown .list--dropdown-row .list--dropdown-option .list--dropdown-icon .graduation-hat {
  height: 16px !important;
  width: 16px !important;
  color: #1f2937;
}
.unordered-list-dropdown .list--dropdown-row .list--dropdown-option .list--dropdown-icon .headset {
  height: 16px !important;
  width: 16px !important;
  color: #1f2937;
}
.unordered-list-dropdown .list--dropdown-row .list--dropdown-option .list--dropdown-label {
  display: flex;
  height: 20px;
  margin-left: 8px;
  align-items: center;
}
.unordered-list-dropdown .list--dropdown-row .list--dropdown-option .list--dropdown-label .list--dropdown-label-text {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.unordered-list-dropdown .list--dropdown-row .list--dropdown-option .list--dropdown-label .new-badge {
  margin-left: 8px;
  background: #f59e0b;
  color: white;
  padding: 1px 3px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}
.unordered-list-dropdown .list--dropdown-row:hover {
  background-color: #f3f4f6;
  border-radius: 4px;
}
.unordered-list-dropdown .class-for-logout {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 4px;
  padding-left: 4px;
}
.unordered-list-dropdown .divider-above-option {
  margin-left: 16px;
  margin-right: 16px;
  border-top: 1px solid #f3f4f6;
}
.unordered-list-dropdown .added-features-dropdown {
  padding: 4px;
}
.unordered-list-dropdown .dropdown-original-options {
  padding: 4px;
}
.unordered-list-dropdown .credits-box {
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  gap: 12px;
  margin-right: 12px;
  margin-left: 12px;
  margin-top: 8px;
  padding-right: 12px;
  padding-left: 12px;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .feature-credit-title {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .section-without-progress-bar .lead-finder-margin {
  margin-top: 11px !important; /* Apply reduced margin for Lead Finder Credits */
}
.unordered-list-dropdown .credits-box .section-without-progress-bar .feature-without-progress-bar {
  height: 16px;
  margin-top: 16px;
  margin-bottom: 12px;
}
.unordered-list-dropdown .credits-box .section-without-progress-bar .feature-without-progress-bar .credit-available-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .section-without-progress-bar .feature-without-progress-bar .credit-available-red {
  color: #ef4444;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .section-without-progress-bar .feature-without-progress-bar .credit-available-normal {
  color: #000000;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .section-without-progress-bar .feature-without-progress-bar .add-credits-link {
  color: #1d4ed8;
  text-decoration: none;
  line-height: 16px;
  height: 16px;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .divider-inside-credit-box {
  width: 100%;
  border-bottom: 1px solid #f3f4f6;
}
.unordered-list-dropdown .credits-box .section-with-progress-bar {
  padding-bottom: 10px;
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .feature-with-progress-bar {
  margin-bottom: 3px;
  margin-top: 12px;
  text-decoration: none;
  list-style: none;
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .feature-with-progress-bar .totalandused-credit-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  list-style: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  font-family: "inter";
  height: 16px;
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .feature-with-progress-bar .totalandused-credit-option .number-link-part .upgrade-link-feature-dropdown {
  color: #1d4ed8;
  text-decoration: none;
  line-height: 16px;
  height: 16px !important;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .feature-with-progress-bar .totalandused-credit-option .number-link-part .number-part-whole {
  display: inline-block;
  line-height: 16px;
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .feature-with-progress-bar .totalandused-credit-option .number-link-part .number-part-whole .credit-used-number {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  display: inline-block;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .feature-with-progress-bar .totalandused-credit-option .number-link-part .number-part-whole .credit-feature-total {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
  display: inline-block;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .feature-with-progress-bar .totalandused-credit-option .number-link-part .number-part-whole .class-for-slash {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #6b7280;
  height: 16px;
  font-family: "inter";
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .progress-bar {
  height: 6px;
  width: 100%;
  border-radius: 30px;
  background-color: #f3f4f6;
  display: block;
  margin-top: 6px;
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .progress-fill {
  height: 100%;
  border-radius: 30px;
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .progress-fill.normal {
  background-color: #34d399; /* Green */
}
.unordered-list-dropdown .credits-box .section-with-progress-bar .progress-fill.warning {
  background-color: #ef4444; /* Red */
}

.upgrade-link-dropdown {
  list-style: none;
  text-decoration: none;
  color: #1d4ed8 !important;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  font-family: "inter";
  padding: 0; /* Prevent padding-related shifts */
  margin: 0; /* Prevent margin-related shifts */
  height: 16px; /* Consistent height */
}

.upgrade-link-dropdown:hover {
  list-style: none;
  text-decoration: none;
}

.addcredits-link {
  font-family: "inter";
  list-style: none;
  text-decoration: none;
  color: #1d4ed8 !important;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.addcredits-link:hover {
  list-style: none;
  text-decoration: none;
}

.upgrade-link-feature-dropdown {
  color: #1d4ed8;
  text-decoration: none;
  line-height: 16px;
  height: 16px;
}

.multichannel-beta-access-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0 0.875rem;
  width: 20rem;
}
.multichannel-beta-access-container .multichannel-beta-access-switch {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.multichannel-beta-access-container .multichannel-beta-access-switch .switchToggle {
  width: 2rem;
  height: 1rem;
  display: flex;
}
.multichannel-beta-access-container .multichannel-beta-access-switch .switchToggle label {
  min-width: 2rem;
  margin: 0;
}
.multichannel-beta-access-container .multichannel-beta-access-switch .switchToggle input:checked + label {
  background: #1d4ed8;
}
.multichannel-beta-access-container .multichannel-beta-access-switch .multichannel-beta-access-switch-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.multichannel-beta-access-container .multichannel-beta-access-switch .multichannel-beta-access-switch-label .beta-tag {
  width: 2.125rem;
  height: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.multichannel-beta-access-container .multichannel-beta-access-switch-description {
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
  text-align: left;
}
.multichannel-beta-access-container .multichannel-beta-access-switch-link {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-align: left;
}

.shd-modal.activate-multichannel-confirmation-modal .modal-content {
  border: none !important;
}

.activate-multichannel-confirmation-modal .modal-dialog {
  max-width: 28.125rem !important;
}
.activate-multichannel-confirmation-modal .shd-modal--header {
  padding-bottom: 1rem !important;
}
.activate-multichannel-confirmation-modal .shd-modal--header .shd-modal--title {
  line-height: 1.5rem !important;
}
.activate-multichannel-confirmation-modal .shd-modal--body {
  padding-bottom: 1.5rem !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.activate-multichannel-confirmation-modal .shd-modal--body p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.activate-multichannel-confirmation-modal .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
}

.explore-demo-account-spinner {
  width: 1rem;
  height: 1rem;
  border: 2px solid #1f2937;
  border-right-color: transparent;
}

.onboarding-modal-q-1--wrapper .modal-dialog {
  width: 30.75rem !important;
  min-width: 30.75rem !important;
  max-width: 30.75rem !important;
  transition: width 2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.onboarding-modal-q-1--wrapper .modal-dialog .modal-content .modal-body {
  padding: 3rem 3.5rem !important;
}
.onboarding-modal-q--wrapper .modal-dialog {
  width: 53.125rem !important;
  min-width: 53.125rem !important;
  max-width: 53.125rem !important;
  transition: width 2s;
}
.onboarding-modal--wrapper {
  overflow-y: hidden !important;
}
.onboarding-modal--wrapper .modal-dialog .modal-content {
  width: 100%;
  border-radius: 1rem !important;
  background-color: #f6f9ff;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-content-container {
  height: 100%;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body {
  max-height: 100%;
  overflow-y: scroll;
  padding: 3.5rem 4rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 3rem;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .disable {
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .selected {
  outline: 2px solid #2563eb !important;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper {
  display: flex;
  width: 23.75rem;
  padding: 0.75rem 1rem;
  align-items: center;
  gap: 12px;
  border-radius: 0.5rem;
  outline: 1px solid #dbeafe;
  background-color: #ffffff;
  cursor: pointer;
  margin-bottom: 0px !important;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper:hover {
  outline: 1px solid #2563eb;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.12);
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper .radio {
  display: block;
  user-select: none;
  text-align: left;
  margin-bottom: 0px;
  width: inherit;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper .radio + .radio {
  margin-top: 12px;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper .radio input {
  display: none;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper .radio input + div {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper .radio input + div:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8125rem;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  outline: 1px solid #9ca3af;
  background-color: #ffffff;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper .radio input + div:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #2563eb;
  position: absolute;
  border-radius: 50%;
  top: 1rem;
  left: 3px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper .radio input:checked + div:before {
  outline: 2px solid #2563eb;
}
.onboarding-modal--wrapper .modal-dialog .modal-content .modal-body .radio-container .cs-radio-wrapper .radio input:checked + div:after {
  opacity: 1;
  transform: scale(1, 1);
}
.onboarding-modal--header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2.25rem;
}
.onboarding-modal--header.isLoading {
  margin-bottom: 1.88rem;
}
.onboarding-modal--header h1 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1f2937;
  margin: 0;
}
.onboarding-modal--header h1 span {
  font-weight: 700;
}
.onboarding-modal--header p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  margin: 0;
}
.onboarding-modal--question-wrapper {
  height: 23rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.onboarding-modal--question-wrapper .cs-progress-bar-wrapper {
  width: 31.25rem;
  height: 0.5rem;
  position: relative;
  overflow: hidden;
  border-radius: 1.875rem;
  background-color: #e6ebfd;
  margin-bottom: 2.5rem;
  transition: width 2s linear;
}
.onboarding-modal--question-wrapper .cs-progress-bar-wrapper span {
  display: block;
  height: 100%;
  border-radius: 1.875rem;
}
.onboarding-modal--question-number {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #6b7280;
  margin: 0;
  margin-bottom: 0.75rem;
}
.onboarding-modal--question {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #1f2937;
  margin: 0;
  margin-bottom: 3.5rem;
  text-align: center;
}
.onboarding-modal--options {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.onboarding-modal--options button {
  border: 0px !important;
}
.onboarding-modal--option {
  padding: 1rem 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  outline: 1px solid #dbeafe;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.onboarding-modal--option span {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: #1f2937;
}
.onboarding-modal--option:hover {
  outline: 2px solid #2563eb;
  box-shadow: 2px 2px 16px -3px rgba(91, 132, 198, 0.11), 8px 8px 16px -24px rgba(40, 94, 183, 0.06);
}
.onboarding-modal--option:hover span {
  color: #2563eb;
}
.onboarding-modal--option.active, .onboarding-modal--option:focus, .onboarding-modal--option:active, .onboarding-modal--option:focus-within, .onboarding-modal--option:focus-visible {
  outline: none;
  border-radius: 8px;
  background: linear-gradient(46deg, #2563eb, #3b82f6);
  box-shadow: 2px 2px 16px -3px rgba(91, 132, 198, 0.11), 8px 8px 16px -24px rgba(40, 94, 183, 0.06);
}
.onboarding-modal--option.active span, .onboarding-modal--option:focus span, .onboarding-modal--option:active span, .onboarding-modal--option:focus-within span, .onboarding-modal--option:focus-visible span {
  color: #ffffff !important;
}
.onboarding-modal--text-option {
  width: 18.625rem;
  padding: 0;
  position: relative;
}
.onboarding-modal--text-option input {
  width: 100%;
  padding: 1rem 1.25rem;
  color: #1d4ed8;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  border: none;
}
.onboarding-modal--text-option input::placeholder {
  color: #9ca3af;
}
.onboarding-modal--text-option input.active, .onboarding-modal--text-option input:focus, .onboarding-modal--text-option input:active, .onboarding-modal--text-option input:focus-within, .onboarding-modal--text-option input:focus-visible {
  outline: none;
}
.onboarding-modal--text-option:hover {
  outline: 2px solid #2563eb;
}
.onboarding-modal--text-option.active, .onboarding-modal--text-option:focus, .onboarding-modal--text-option:active, .onboarding-modal--text-option:focus-within, .onboarding-modal--text-option:focus-visible {
  outline: 2px solid #2563eb;
  background: #ffffff;
}
.onboarding-modal--text-option span.error-message {
  position: absolute;
  bottom: -20px;
  left: 0;
  color: #b91c1c !important;
  font-size: 12px;
  line-height: 1rem;
}
.onboarding-modal--footer {
  width: 100%;
  height: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onboarding-modal--footer .back-btn {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  padding: 0;
  height: 1.25rem;
}
.onboarding-modal--footer .back-btn:hover {
  text-decoration: none;
}
.onboarding-modal--indicators {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
}
.onboarding-modal--indicators .indicator {
  width: 0.625rem;
  height: 0.625rem;
  background: #bfdbfe;
  border-radius: 0.625rem;
  border: none;
  transition: all 0.2s ease;
}
.onboarding-modal--indicators .indicator.active {
  width: 1.5625rem;
}
.onboarding-modal--loader {
  gap: 1.88rem;
}
.onboarding-modal--loader p {
  margin: 0;
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.multi-progress-container {
  display: flex;
  width: 100%;
  overflow: hidden;
  background-color: #f3f4f6;
}
.multi-progress-container .segment {
  height: 100%;
  transition: width 0.3s ease-in-out;
}

.unsubscribe-tag-content .unsubscribe-font {
  font-size: 12px;
  cursor: pointer;
  font-weight: 400;
}

.connect-email-account-options-container {
  margin-left: 32px;
}
.connect-email-account-options-container .connect-email-account-description {
  color: #6b7280;
}
.connect-email-account-options-container .options-container {
  margin-left: 0 !important;
  margin-top: 56px;
}
.connect-email-account-options-container .options-container h4 {
  color: #1f2937;
}
.connect-email-account-options-container .options-container .options-main {
  display: flex;
}
.connect-email-account-options-container .options-container .options-main .options-item {
  height: 3.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  margin-right: 1rem;
  position: relative;
}
.connect-email-account-options-container .options-container .options-main .options-item img {
  margin-right: 0.5rem;
}
.connect-email-account-options-container .options-container .options-main .options-item:hover {
  background: #eff6ff;
  color: #1d4ed8;
}
.connect-email-account-options-container .options-container .local-footer {
  margin-top: 64px;
}
.connect-email-account-options-container .options-container .local-footer .btn-later {
  color: #9ca3af;
}

.smtp-modal .modal-content {
  padding: 0.75rem;
}

.connect-email-account-modal .modal-content {
  height: 32.5rem;
  width: 34.125rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.connect-email-account-modal__title {
  width: 90%;
  font-size: 1.5rem;
  font-weight: bold;
}
.connect-email-account-modal__options {
  margin-top: 1.5rem;
}
.connect-email-account-modal__options-items {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
  display: flex;
  height: 7.625rem;
}
.connect-email-account-modal__options-items .item-description {
  width: 7.375rem;
  text-align: center;
  line-height: 0.875rem;
  margin-top: 0.5rem;
}
.connect-email-account-modal__options .btn-solid {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  width: 9.375rem;
  position: relative;
}
.connect-email-account-modal__options .btn-solid .regular-3 {
  margin-left: 0.4375rem;
}
.connect-email-account-modal__options .btn-solid:hover {
  background: #eff6ff;
  border-color: #346aff;
}
.connect-email-account-modal__options .btn-solid:hover .email-label {
  color: #1d4ed8;
}

.page-header {
  color: #000000;
  margin: 0;
  padding: 1rem 1.5rem !important;
  height: 3.125rem;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0px 1px 4px #e5e7eb;
}
.page-header.noBoxShadow {
  box-shadow: none;
}
.page-header.noBorderNoBoxShadow {
  border-bottom: 0;
  box-shadow: none;
}

.header-with-notification {
  align-items: center;
  justify-content: space-between;
}
.header-with-notification .create-email-infrastructure-header-compliance {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-with-notification .create-email-infrastructure-header-compliance .create-email-infrastructure-header--title {
  color: #6b7280;
  font-weight: 600;
}
.header-with-notification .create-email-infrastructure-header-compliance .create-email-infrastructure-header--title:hover {
  color: #1d4ed8;
}
.header-with-notification .create-email-infrastructure-header-compliance .create-email-infrastructure-header--title-compliance {
  color: #1f2937;
  font-weight: 600;
}

.hover-on-header {
  color: #9ca3af !important;
  font-size: 1.25rem !important;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hover-on-header:hover {
  background-color: #eff6ff !important;
  color: #6b7280 !important;
  border-radius: 50%;
}
.hover-on-header:hover .custom-position {
  border-color: #eff6ff !important;
}

.single-sequence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  overflow: hidden;
  height: 1.875rem;
}
.single-sequence-header--title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1f2937;
  transition: all 0.2s ease;
  cursor: pointer;
  text-decoration: none !important;
}
.single-sequence-header--title:hover {
  color: #1d4ed8 !important;
}
.single-sequence-header--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  color: #9ca3af;
}
.single-sequence-header--icon svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.single-sequence-header--icon-divider {
  display: flex;
  align-items: center;
}
.single-sequence-header--icon-divider .divider {
  width: 0.125rem;
  height: 1rem;
  margin: 0px 4px 0px 12px;
  background: #e5e7eb;
  border-radius: 0.0625rem;
}
.single-sequence-header .sequence-name {
  flex: 1;
  overflow: hidden;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.single-sequence-header .sequence-name .hidden-span {
  visibility: hidden;
  white-space: pre; /* Prevent collapsing spaces */
  position: absolute;
  font-family: inherit;
  font-size: 1rem;
}
.single-sequence-header .sequence-name--input {
  width: auto;
  min-width: 3.125rem;
  height: 100%;
  margin: 0;
  padding: 0.125rem 0.25rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1f2937;
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
}
.single-sequence-header .sequence-name--input:hover, .single-sequence-header .sequence-name--input:focus, .single-sequence-header .sequence-name--input:focus-within {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: none;
  appearance: none;
}
.single-sequence-header .sequence-name--input.disabled:hover, .single-sequence-header .sequence-name--input.disabled:focus, .single-sequence-header .sequence-name--input.disabled:focus-within {
  border-color: transparent;
}
.single-sequence-header .switch-mt {
  margin-top: 0.875rem;
}
.single-sequence-header.subsequence-details-header .single-sequence-header--title,
.single-sequence-header.subsequence-details-header .sequence-name--input {
  font-size: 0.875rem;
  color: #6b7280;
}
.single-sequence-header.subsequence-details-header .single-sequence-header--title.ai-seq-gradient-text-disabled,
.single-sequence-header.subsequence-details-header .sequence-name--input.ai-seq-gradient-text-disabled {
  color: #1f2937;
}
.single-sequence-header.subsequence-details-header .single-sequence-header--title .no-hover,
.single-sequence-header.subsequence-details-header .sequence-name--input .no-hover {
  cursor: pointer;
}
.single-sequence-header.subsequence-details-header .single-sequence-header--title .no-hover:hover,
.single-sequence-header.subsequence-details-header .sequence-name--input .no-hover:hover {
  border-color: transparent;
  color: #1d4ed8 !important;
}

.ai-seq-gradient-text, .single-sequence-header.subsequence-details-header .single-sequence-header--title.ai-seq-gradient-text,
.single-sequence-header.subsequence-details-header .sequence-name--input.ai-seq-gradient-text {
  display: inline-block;
  color: transparent;
  background-image: linear-gradient(90deg, #9ca3af 0%, #9a54db 10%, #2b4fd8 50%, #9ca3af 90%);
  background-size: 400% 100%;
  background-position: 100% 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientFlow 7s linear 5 forwards;
}

@keyframes gradientFlow {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.steps-top-action {
  display: flex;
  align-items: center;
  margin-left: 3rem;
}
.steps-top-action .switchToggle {
  min-width: 6.25rem;
}
.steps-top-action .switchToggle label {
  margin: 0 1.5rem 0 0;
  top: 0.1875rem;
  min-width: 2.5rem;
  height: 1.25rem;
}
.steps-top-action .switchToggle label span {
  font-weight: 600;
}
.steps-top-action .switchToggle label::after {
  width: 0.875rem;
  height: 0.875rem;
  top: 0.1875rem;
  left: 3px;
}
.steps-top-action .dropdown-item-custom i {
  font-size: 1.125rem;
  top: 0.125rem;
  margin-right: 0.5rem;
  color: #0137fc;
}
.steps-top-action a span {
  color: #595959;
}
.steps-top-action a:hover {
  text-decoration: none;
}
.steps-top-action a:hover span {
  color: #000000;
}

#HW_badge_cont {
  position: absolute !important;
  top: -0.5rem;
  height: 2.875rem;
}

.agency--client-name {
  color: #1f2937;
  border-left: 0.0625rem solid #d1d5db;
  border-radius: 0.0625rem;
  padding-left: 1.25rem;
  margin-left: 1.25rem;
}

.chrome-webstore {
  height: 1.3rem;
  width: 1.3rem;
}
.chrome-webstore .icon-blue {
  display: none;
}
.chrome-webstore:hover .icon-grey {
  display: none;
}
.chrome-webstore:hover .icon-blue {
  display: block;
}
.chrome-webstore:hover {
  color: #6b7280;
}
.chrome-webstore img {
  width: 1.125rem;
  height: 1.125rem;
}

.graduation-hat {
  height: 1.5rem;
  width: 1.5rem;
}
.graduation-hat:hover {
  color: #6b7280;
}

.headset {
  height: 1.3rem;
  width: 1.3rem;
}
.headset:hover {
  color: #6b7280;
}

.bolt {
  height: 1.4rem;
  width: 1.4rem;
}
.bolt:hover {
  color: #6b7280;
}

.bs-banner {
  border-width: 1px;
  border-style: solid;
  border-radius: 1.25rem;
  padding: 0.3125rem 1rem;
}
.bs-banner__cta {
  text-decoration-line: underline;
  text-underline-offset: 0.1875rem;
}
.bs-banner__cta:hover {
  color: #1d4ed8;
}
.bs-banner__cta:hover {
  color: #1d4ed8;
}
.bs-banner-warning {
  background-color: #fffbeb;
}
.bs-banner-danger {
  background-color: #fef2f2;
  border-color: #fee2e2;
}
.bs-banner-secondary {
  background-color: #f9fafb;
  border-color: #daeafd;
}
.bs-banner-secondary:hover {
  border-color: #1d4ed8;
}
.bs-banner-secondary:hover span {
  color: #1d4ed8;
}

.mb--2 {
  margin-bottom: -2px;
}

.beta-badge-blue {
  background-color: #eff6ff;
  color: #3b82f6;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  width: 2.9375rem;
  height: 1.5rem;
}
.beta-badge-blue span {
  font-size: 0.875rem;
  font-weight: 400;
}

.icon-alert {
  display: flex;
  align-items: center !important;
}

.session-expire-modal .modal-content {
  width: 28.125rem;
  height: 12.8125rem;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-body {
  position: relative;
  padding: 1.5rem;
  border-bottom: 1px solid #f3f4f6;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-body div:first-child {
  margin-top: 0;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-body .session-expire {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-body .session-expire .title {
  gap: 0.625rem;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-body .session-expire .title .title-text {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-body .session-expire .modal-content-text {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-footer {
  border-top: none;
  max-height: unset;
  min-height: unset;
  padding: 1.25rem 1.5rem 1.25rem 1.5rem;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary {
  min-width: 6.25rem;
  margin-left: 1rem;
  background-color: #1d4ed8;
  color: #fff;
  font-weight: 500;
}
.session-expire-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary:hover {
  background-color: #1e40af;
  border-color: transparent;
}

.upgrade-plan-header {
  display: flex;
  padding: 2px 6px 2px 2px;
  align-items: center;
  gap: 8px;
}
.upgrade-plan-header span {
  color: #4b5563;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.upgrade-plan-header:hover {
  border-radius: 2px;
  background-color: #eff6ff;
}

.schedule-btn {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1rem;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.schedule-btn svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #9ca3af;
}
.schedule-btn:hover {
  background: #eff6ff;
}
.schedule-btn:hover svg {
  color: #6b7280;
}
.schedule-btn .dot-animation {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #3b82f6;
}
.schedule-btn .dot-animation::before, .schedule-btn .dot-animation::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 50%;
  animation: ripple 1.5s ease-out infinite;
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}
.lead-finder-version-dropdown {
  position: relative;
  display: inline-flex;
}
.lead-finder-version-dropdown__trigger {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  background: #f3f4f6;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.lead-finder-version-dropdown__trigger:hover {
  background: #eaedef;
}
.lead-finder-version-dropdown__trigger--open {
  background: #eaedef;
}
.lead-finder-version-dropdown__trigger:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.lead-finder-version-dropdown__trigger--loading {
  cursor: wait;
  opacity: 0.9;
}
.lead-finder-version-dropdown__spinner {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  border-width: 2px;
  color: #6b7280;
}
.lead-finder-version-dropdown__label {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: #6b7280;
}
.lead-finder-version-dropdown__chevron {
  color: #6b7280;
  transition: transform 0.2s ease;
}
.lead-finder-version-dropdown__chevron--rotated {
  transform: rotate(180deg);
}
.lead-finder-version-dropdown__menu {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  min-width: 7.5rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  z-index: 1000;
  overflow: hidden;
  padding: 0.5rem 0;
}
.lead-finder-version-dropdown__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.lead-finder-version-dropdown__item:hover {
  background: #f9fafb;
}
.lead-finder-version-dropdown__item--selected {
  background: #eff6ff;
}
.lead-finder-version-dropdown__item--selected:hover {
  background: #eff6ff;
}
.lead-finder-version-dropdown__item-label {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1f2937;
}
.lead-finder-version-dropdown__item-check {
  color: #1f2937;
}

@keyframes sh-float-down {
  0% {
    transform: translateY(-6px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(14px);
    opacity: 0;
  }
}
@keyframes sh-toggle-on {
  0%, 40% {
    transform: translateX(0);
  }
  60%, 100% {
    transform: translateX(14px);
  }
}
@keyframes sh-toggle-bg {
  0%, 40% {
    fill: #d1d5db;
  }
  60%, 100% {
    fill: #1976ff;
  }
}
@keyframes sh-cursor-move-1 {
  0% {
    transform: translate(120px, 110px);
  }
  60% {
    transform: translate(58px, 38px);
  }
  100% {
    transform: translate(58px, 38px);
  }
}
@keyframes sh-button-press {
  0%, 55% {
    transform: translateY(0);
    fill: #ffffff;
  }
  65%, 80% {
    transform: translateY(1px);
    fill: #e8f0ff;
  }
  100% {
    transform: translateY(0);
    fill: #ffffff;
  }
}
@keyframes sh-icon-pop {
  0%, 70% {
    transform: scale(0);
    opacity: 0;
  }
  85% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes sh-pop-in {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.18);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sh-confetti {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    transform: translate(calc(-50% + var(--sh-cx)), calc(-50% + var(--sh-cy))) scale(1);
    opacity: 0;
  }
}
.lead-finder-extension-modal .modal-dialog {
  max-width: 46rem;
}
.lead-finder-extension-modal .modal-content {
  border-radius: 0.5rem !important;
  height: 44rem;
  max-height: calc(100vh - 4rem);
}
.lead-finder-extension-modal .modal-content-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.lead-finder-extension-modal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.lead-finder-extension-modal .bs-lf-ext {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.lead-finder-extension-modal .bs-lf-ext__header {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 1rem 1.25rem 0.625rem;
  flex-shrink: 0;
}
.lead-finder-extension-modal .bs-lf-ext__logo {
  display: flex;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.lead-finder-extension-modal .bs-lf-ext__titles {
  flex: 1;
}
.lead-finder-extension-modal .bs-lf-ext__title {
  margin-bottom: 0.25rem;
}
.lead-finder-extension-modal .bs-lf-ext__subtitle {
  margin-bottom: 0;
}
.lead-finder-extension-modal .bs-lf-ext__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0.25rem;
  border: none;
  border-radius: 0.25rem;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.lead-finder-extension-modal .bs-lf-ext__close:hover {
  background-color: #f5f5f5;
}
.lead-finder-extension-modal .bs-lf-ext__close:focus {
  outline: none;
}
.lead-finder-extension-modal .bs-lf-ext__close:focus-visible {
  box-shadow: 0 0 0 2px rgba(1, 55, 252, 0.35);
}
.lead-finder-extension-modal .bs-lf-ext__steps {
  display: flex;
  align-items: center;
  padding: 0 1.25rem 0.625rem;
  flex-shrink: 0;
}
.lead-finder-extension-modal .bs-lf-ext__step {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.lead-finder-extension-modal .bs-lf-ext__step-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #e8e8e8;
  color: #595959;
  font-size: 0.75rem;
  font-weight: 600;
  flex-shrink: 0;
}
.lead-finder-extension-modal .bs-lf-ext__step-dot--active {
  background-color: #0137fc;
  color: #ffffff;
}
.lead-finder-extension-modal .bs-lf-ext__step-dot--completed {
  background-color: #52c41a;
  color: #ffffff;
}
.lead-finder-extension-modal .bs-lf-ext__step-connector {
  flex: 1;
  height: 2px;
  margin: 0 0.75rem;
  background-color: #e8e8e8;
}
.lead-finder-extension-modal .bs-lf-ext__step-connector--complete {
  background-color: #52c41a;
}
.lead-finder-extension-modal .bs-lf-ext__divider {
  height: 1px;
  background-color: #e8e8e8;
  flex-shrink: 0;
}
.lead-finder-extension-modal .bs-lf-ext__body {
  padding: 0.875rem 1.25rem;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.lead-finder-extension-modal .bs-lf-ext__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  border-top: 1px solid #e8e8e8;
  flex-shrink: 0;
}
.lead-finder-extension-modal .bs-lf-ext__text-btn {
  border: none;
  background: transparent;
  color: #595959;
  font-weight: 600;
  cursor: pointer;
  padding: 0.5rem 0.25rem;
}
.lead-finder-extension-modal .bs-lf-ext__text-btn:hover {
  color: #262626;
}
.lead-finder-extension-modal .bs-lf-ext__text-btn:focus {
  outline: none;
}
.lead-finder-extension-modal .bs-lf-ext__guide-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
.lead-finder-extension-modal .bs-lf-ext__guide-link:hover {
  text-decoration: none;
  color: #0137fc;
}
.lead-finder-extension-modal .bs-lf-ext__overview {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.lead-finder-extension-modal .bs-lf-ext__overview-lead {
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 0.75rem;
}
.lead-finder-extension-modal .bs-lf-ext__cards {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(0, 1fr);
  gap: 0.875rem;
  margin-bottom: 0.75rem;
}
.lead-finder-extension-modal .bs-lf-ext__card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid #e8e8e8;
  border-radius: 0.5rem;
  padding: 0.75rem;
  background-color: #ffffff;
}
.lead-finder-extension-modal .bs-lf-ext__card-visual {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.lead-finder-extension-modal .bs-lf-ext__card-svg {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.lead-finder-extension-modal .bs-lf-ext__card-eyebrow {
  display: block;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 0.25rem;
}
.lead-finder-extension-modal .bs-lf-ext__card-title {
  margin-bottom: 0.375rem;
}
.lead-finder-extension-modal .bs-lf-ext__card-points {
  list-style: none;
  padding: 0;
  margin: 0;
}
.lead-finder-extension-modal .bs-lf-ext__card-points li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.lead-finder-extension-modal .bs-lf-ext__check {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.lead-finder-extension-modal .bs-lf-ext__credits-banner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.875rem;
  border-radius: 0.5rem;
  border: 1px solid #c7d2fe;
  background-color: #eef2ff;
}
.lead-finder-extension-modal .bs-lf-ext__install {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.lead-finder-extension-modal .bs-lf-ext__install-title {
  margin-bottom: 0.25rem;
}
.lead-finder-extension-modal .bs-lf-ext__install-subtitle {
  margin-bottom: 0.5rem;
}
.lead-finder-extension-modal .bs-lf-ext__carousel {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8e8;
  border-radius: 0.5rem;
  margin-bottom: 0.625rem;
  overflow: hidden;
  background-color: #ffffff;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-viewport {
  position: relative;
  flex: 1 1 auto;
  min-height: 5.5rem;
  overflow: hidden;
  background-color: #fafafa;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-track {
  display: flex;
  height: 100%;
  transition: transform 0.5s ease;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-slide {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0.5rem 1.25rem;
}
.lead-finder-extension-modal .bs-lf-ext__svg {
  width: 100%;
  max-width: 32rem;
  max-height: 100%;
  height: auto;
  display: block;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  background-color: rgba(255, 255, 255, 0.95);
  color: #262626;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-arrow:hover {
  background-color: #0137fc;
  border-color: #0137fc;
  color: #ffffff;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-arrow:focus {
  outline: none;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-arrow--prev {
  left: 0.5rem;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-arrow--next {
  right: 0.5rem;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-dots {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-dot {
  width: 0.25rem;
  height: 0.25rem;
  padding: 0;
  border: none;
  border-radius: 1rem;
  background-color: rgba(38, 38, 38, 0.15);
  cursor: pointer;
  transition: all 0.3s ease;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-dot:hover {
  background-color: rgba(38, 38, 38, 0.3);
}
.lead-finder-extension-modal .bs-lf-ext__carousel-dot:focus {
  outline: none;
}
.lead-finder-extension-modal .bs-lf-ext__carousel-dot--active {
  width: 0.75rem;
  background-color: rgba(38, 38, 38, 0.55);
}
.lead-finder-extension-modal .bs-lf-ext__checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 0.625rem;
  border: 1px solid #e8e8e8;
  border-radius: 0.5rem;
  flex-shrink: 0;
}
.lead-finder-extension-modal .bs-lf-ext__checklist-row {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.375rem 0.875rem;
  cursor: pointer;
  border-bottom: 1px solid #e8e8e8;
}
.lead-finder-extension-modal .bs-lf-ext__checklist-row:last-child {
  border-bottom: none;
}
.lead-finder-extension-modal .bs-lf-ext__checklist-row--active {
  background-color: #eef2ff;
}
.lead-finder-extension-modal .bs-lf-ext__checklist-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #e8e8e8;
  color: #595959;
  font-size: 0.6875rem;
  font-weight: 600;
  flex-shrink: 0;
}
.lead-finder-extension-modal .bs-lf-ext__checklist-dot--active {
  background-color: #0137fc;
  color: #ffffff;
}
.lead-finder-extension-modal .bs-lf-ext__checklist-dot--completed {
  background-color: #52c41a;
  color: #ffffff;
}
.lead-finder-extension-modal .bs-lf-ext__checklist-text {
  flex: 1;
}
.lead-finder-extension-modal .bs-lf-ext__step-action {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  border: none;
  background: transparent;
  color: #0137fc;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.lead-finder-extension-modal .bs-lf-ext__step-action:hover {
  text-decoration: none;
  color: #0004c9;
}
.lead-finder-extension-modal .bs-lf-ext__step-action:focus {
  outline: none;
}
.lead-finder-extension-modal .bs-lf-ext__safety {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #c7d2fe;
  background-color: #eef2ff;
}
.lead-finder-extension-modal .bs-lf-ext__finish {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem 1rem;
  min-height: 100%;
}
.lead-finder-extension-modal .bs-lf-ext__finish-popper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1rem;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  animation: sh-confetti 0.9s ease-out forwards;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti--c1 {
  --sh-cx: -1.875rem;
  --sh-cy: -1.125rem;
  animation-delay: 0s;
  background-color: #0137fc;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti--c2 {
  --sh-cx: 1.875rem;
  --sh-cy: -1.125rem;
  animation-delay: 0.04s;
  background-color: #52c41a;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti--c3 {
  --sh-cx: -2.25rem;
  --sh-cy: 0.25rem;
  animation-delay: 0.08s;
  background-color: #faad14;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti--c4 {
  --sh-cx: 2.25rem;
  --sh-cy: 0.25rem;
  animation-delay: 0.12s;
  background-color: #eb2f96;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti--c5 {
  --sh-cx: -1.375rem;
  --sh-cy: 1.625rem;
  animation-delay: 0.16s;
  background-color: #722ed1;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti--c6 {
  --sh-cx: 1.375rem;
  --sh-cy: 1.625rem;
  animation-delay: 0.2s;
  background-color: #13c2c2;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti--c7 {
  --sh-cx: 0;
  --sh-cy: -2.125rem;
  animation-delay: 0.06s;
  background-color: #f5222d;
}
.lead-finder-extension-modal .bs-lf-ext__finish-confetti--c8 {
  --sh-cx: 0;
  --sh-cy: 2rem;
  animation-delay: 0.24s;
  background-color: #2f54eb;
}
.lead-finder-extension-modal .bs-lf-ext__finish-check {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #f6ffed;
  animation: sh-pop-in 0.5s ease-out;
}
.lead-finder-extension-modal .bs-lf-ext__finish-title {
  margin-bottom: 0.5rem;
}
.lead-finder-extension-modal .bs-lf-ext__finish-copy {
  margin-bottom: 1.5rem;
}
.lead-finder-extension-modal .bs-lf-ext__finish-prompt {
  margin-bottom: 0.75rem;
}
.lead-finder-extension-modal .bs-lf-ext__finish-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  width: 100%;
  max-width: 26rem;
  margin: 0 auto;
}
.lead-finder-extension-modal .bs-lf-ext__finish-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  padding: 0.75rem 0.5rem;
  border: 1px solid #e8e8e8;
  border-radius: 0.5rem;
  background-color: #ffffff;
  text-align: center;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.lead-finder-extension-modal .bs-lf-ext__finish-card:hover {
  border-color: #0137fc;
  background-color: #e6f7ff;
  text-decoration: none;
}
.lead-finder-extension-modal .bs-lf-ext__finish-card-icon {
  display: flex;
  color: #0137fc;
}

.area-chart-container {
  height: 90%;
}

.yaxis-label-hidden {
  display: none;
}

.yaxis-label {
  font-size: 0.8rem;
}

.bs-modal-container .bs-modal-body {
  padding: 1.5rem;
  max-height: calc(90vh - 7rem);
}
.bs-modal-container .bs-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.bs-modal-container .bs-modal-footer.footer-with-content {
  justify-content: space-between;
}
.bs-modal-container .bs-modal-footer.hidden-button {
  justify-content: space-between;
}
.bs-modal-container .bs-modal-footer .bs-modal-footer-action-buttons button {
  margin-left: 1rem;
  font-weight: 500;
}
.bs-modal-container .modal-separator {
  background: #F3F4F6;
  display: flex;
  height: 1px;
  padding: 0px 24px;
  align-items: center;
  gap: 4px;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.bs-modal-container.modal-with-sidebar .modal-content {
  flex-direction: row;
  background-color: transparent;
  box-shadow: none;
}
.bs-modal-container.modal-with-sidebar .modal-content .modal-content-container,
.bs-modal-container.modal-with-sidebar .modal-content .modal-sidebar {
  border-radius: 0.5rem;
  background-color: #fff;
}
.bs-modal-container.modal-with-sidebar .modal-content .modal-content-container {
  width: 56.25rem;
}
.bs-modal-container.modal-with-sidebar .modal-content .modal-sidebar {
  width: 18.75rem;
  min-height: 90vh;
  margin-left: 0.125rem;
}
.bs-modal-container.modal-with-sidebar .modal-content .modal-sidebar .sidebar-body {
  overflow-x: hidden;
}
.bs-modal-container.modal-with-collapsible-sidebar .modal-content {
  background-color: #fff;
}
.bs-modal-container.modal-with-collapsible-sidebar .modal-content .modal-content-container {
  width: 52.5rem;
  border-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.bs-modal-container.modal-with-collapsible-sidebar .modal-content .modal-content-container .modal-header {
  padding-right: 0;
}
.bs-modal-container.modal-with-collapsible-sidebar .modal-content .modal-content-container .modal-body,
.bs-modal-container.modal-with-collapsible-sidebar .modal-content .modal-content-container .modal-footer {
  border-right: 0.0625rem solid #e5e7eb;
}
.bs-modal-container.modal-with-collapsible-sidebar .modal-content .modal-sidebar {
  border-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  width: 27.875rem;
  min-height: 90vh;
  margin-left: 0;
}
.bs-modal-container.modal-with-collapsible-sidebar .modal-content .modal-sidebar .sidebar-header .close {
  position: absolute;
  right: 1.125rem;
  font-size: 1.5rem;
  color: #1f2937;
}
.bs-modal-container.modal-with-collapsible-sidebar .modal-content .modal-sidebar .sidebar-body {
  padding: 0.75rem 0 0 0 !important;
  overflow-x: hidden;
}
.bs-modal-container.modal-with-collapsible-sidebar.modal-sidebar-collapsed .modal-content .modal-content-container {
  width: 100%;
}
.bs-modal-container.modal-with-collapsible-sidebar.modal-sidebar-collapsed .modal-content .modal-sidebar {
  width: 1.5rem;
}
.bs-modal-container.modal-with-collapsible-sidebar.modal-sidebar-collapsed .modal-content .modal-sidebar .sidebar-header {
  width: 1.5rem;
  padding: 0;
}
.bs-modal-container.modal-with-collapsible-sidebar.modal-sidebar-collapsed .modal-content .modal-sidebar .sidebar-body {
  width: 1.5rem;
}

.collapse-sidebar-btn {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  background-color: #f3f4f6;
  padding: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.625rem;
  right: -0.75rem;
}
.collapse-sidebar-btn svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #6b7280;
}

.go-to-link {
  margin-top: 10px;
}
.go-to-link span {
  cursor: pointer;
  border-bottom: 2px solid #346aff;
}

.form-body {
  height: calc(100vh - 23rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.form-body .row {
  margin-right: 0%;
}

.confirmation-modal {
  padding-top: 0.75rem !important;
  padding-right: 1rem !important;
}
.confirmation-modal .close-button {
  height: 1.25rem;
}
.confirmation-modal i {
  font-size: 1.25rem;
  color: "#1F2937";
}
.confirmation-modal .contents {
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
}
.confirmation-modal .footer-border {
  padding-top: 1rem;
  border-top: 1px solid #f3f4f6;
  border-radius: 4px;
}

.confirmation-modal-v3 .modal-dialog {
  width: 40rem !important;
}
.confirmation-modal-v3 .modal-dialog .modal-header {
  border-bottom: 1px solid #f3f4f6;
  padding: 1.5rem;
  position: relative;
}
.confirmation-modal-v3 .modal-dialog .modal-header .confirmation-modal-v3--title {
  gap: 10px;
}
.confirmation-modal-v3 .modal-dialog .modal-header .confirmation-modal-v3--title h2 {
  line-height: 1.5rem;
  margin-left: 0px;
}
.confirmation-modal-v3 .modal-dialog .modal-header button.close {
  padding: 0;
  position: absolute;
  top: 1.5rem;
  right: 1.875rem;
}
.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body {
  padding: 1.5rem !important;
}
.confirmation-modal-v3 .modal-dialog .modal-footer {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 24px;
  min-height: 4.5rem;
  max-height: 4.5rem;
}
.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons button {
  height: 2rem;
  margin: 0 !important;
  line-height: 20px;
}
.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons button:last-of-type {
  margin-left: 1rem !important;
}
.confirmation-modal-v3 .modal-dialog .modal-footer .bs-modal-footer-action-buttons .btn-ghost-outlined {
  color: #6b7280;
}
.confirmation-modal-v3--title img,
.confirmation-modal-v3--title svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.1875rem;
}
.confirmation-modal-v3--title h2 {
  font-weight: 600;
  font-size: 1rem;
  color: #1f2937;
  margin: 0;
  margin-left: 1rem;
}
.confirmation-modal-v3--body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.confirmation-modal-v3--body__contents p {
  margin-bottom: 1rem;
}
.confirmation-modal-v3--body__contents p:last-of-type {
  margin-bottom: 0;
}
.confirmation-modal-v3--body__content {
  margin-bottom: 0;
}

.avatar-with-name-container {
  display: flex;
}
.avatar-with-name-container .name-container {
  margin-left: 0.625rem;
  display: flex;
  align-items: center;
}

.block-page-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}
.block-page-container .subscription-ended-container .empty-list__content-vertical {
  margin-top: -2.5rem;
}
.block-page-container .subscription-ended-container .empty-list__content-vertical p {
  margin-top: 0.225rem;
  text-align: center;
  width: 45.1875rem;
  color: #6b7280;
}

.logo--primary {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0.625rem;
}
.logo--primary img {
  width: auto;
  max-width: 100%;
  height: 2.135rem;
}
.logo--primary span {
  color: #fff;
  margin-left: 0.35rem;
  font-size: 1.5625rem;
}
.logo--with-text img {
  width: 2.135rem;
  height: 2.135rem;
}

.logo--secondary {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0;
}
.logo--secondary img {
  width: auto;
  max-width: 3rem;
  height: 2.135rem;
}

.modify-subscription__highlight-container {
  background: #ffedd5;
  height: 1rem;
  padding: 0.125rem 0.3125rem;
  border-radius: 0.25rem;
  margin-bottom: 0.475rem;
}
.modify-subscription {
  /* Safari  */
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .modify-subscription__highlight-container {
      min-width: 10.1875rem;
    }
  }
}
.modify-subscription__circle {
  position: absolute;
  right: -0.75rem;
  top: 0.125rem;
}
.modify-subscription__progress-bar-container {
  width: 21.3125rem;
  margin-top: 1.9063rem;
  position: relative;
}
.modify-subscription__progress-bar-container .step-icon {
  height: 1.875rem;
  width: 1.875rem;
  border-radius: 50%;
}
.modify-subscription__progress-bar-container .active-step .step-icon {
  background: #1d4ed8;
  color: #fff;
}
.modify-subscription__progress-bar-container .done-step .step-icon {
  background: #bfdbfe;
  color: #f9fafb;
}
.modify-subscription__progress-bar-container .done-step span {
  color: #6b7280;
}
.modify-subscription__progress-bar-container .disable-step {
  color: #d1d5db;
}
.modify-subscription__progress-bar-container .disable-step span {
  color: inherit;
  margin-top: 0.3438rem;
}
.modify-subscription__progress-bar-container .cursor-not-allowed {
  cursor: not-allowed;
}
.modify-subscription__progress-bar-container .cursor-not-allowed .step-icon i {
  cursor: inherit;
}
.modify-subscription__divider {
  position: absolute;
  left: 4.4125rem;
  top: 0.9375rem;
  width: 13rem;
  height: 0.125rem;
  background: #e5e7eb;
}
.modify-subscription__select-plan {
  width: 33.125rem;
}
.modify-subscription__select-plan-banner {
  background: #eff6ff;
  padding: 0.75rem 1rem;
  border-radius: 0.125rem;
}
.modify-subscription__select-plan-banner .ghost-outline-new.btn-ghost-primary {
  border: 1px solid #6b7280;
  color: #6b7280;
}
.modify-subscription__select-plan-container {
  gap: 20px;
}

.banner-announcement {
  background: #fffbeb;
  width: 61.25rem;
  padding: 0.625rem 0px;
  border: 1px solid #fef3c7;
  border-radius: 0.25rem;
  border-left-width: 4px;
  margin-top: 1.5313rem;
}
.banner-announcement .coupon-code {
  background: #f3f4f6;
  border: 1px dashed #d1d5db;
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
}
@media screen and (max-width: 1366px) {
  .banner-announcement {
    width: 50rem;
  }
}
@media screen and (max-width: 1280px) {
  .banner-announcement {
    width: 46rem;
  }
}

.payment-in-progress-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-left-width: 4px;
  border-radius: 0.25rem;
  padding: 0.625rem 1rem;
  margin: 1rem auto 0;
  width: fit-content;
}
.payment-in-progress-banner__text {
  font-size: 14px;
  font-weight: 500;
  color: #ffedd5;
  margin: 0;
}

.cold-email-plan-card {
  width: 56.5rem;
}
.cold-email-plan-card .pricing-card .card {
  height: 29.5625rem;
  width: 13.1875rem;
}
.cold-email-plan-card .pricing-card__details-price-wrapper {
  height: 1.25rem;
}
.cold-email-plan-card .pricing-card__features ul > li .feature-tooltip {
  text-decoration: underline;
  text-decoration-style: dotted;
}
.cold-email-plan-card .pricing-card .solid-primary-new.btn-solid-primary:hover {
  background-color: #1d4ed8;
  color: #fff;
}

.outreach-plans {
  background: #fff;
  height: 100%;
  overflow-x: auto;
}
.outreach-plans .informational-note-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.875rem;
}
.outreach-plans .informational-note-container .informational-note {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border: 1px solid #e4e4e4;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  width: fit-content;
}
.outreach-plans .informational-note-container .informational-note p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #848484;
  margin-bottom: 0px;
}
.outreach-plans .informational-note-container .informational-note .note-label {
  font-weight: 500;
}
.outreach-plans .premium-feature-card {
  width: 38.5rem;
  border-radius: 0.25rem;
}
.outreach-plans .secondary-banner {
  background: #f3f4f6;
  width: 61.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
}
@media screen and (max-width: 1366px) {
  .outreach-plans .secondary-banner {
    width: 50rem;
  }
}
@media screen and (max-width: 1280px) {
  .outreach-plans .secondary-banner {
    width: 46rem;
  }
}
.outreach-plans .bs-ml-15-rem {
  margin-left: 14.1rem !important;
}
.outreach-plans .bs-ml-20-rem {
  margin-left: 20rem !important;
}
.outreach-plans .bs-ml-23-rem {
  margin-left: 21.3125rem !important;
}

.outreach-plans-card-container {
  padding-top: 40px;
  gap: 20px;
}
.outreach-plans-card-container .out-reach-plans-card {
  width: 17.875rem;
  height: 45.75rem;
  outline: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 24px 16px 32px 16px;
}
.outreach-plans-card-container .out-reach-plans-card .card-body {
  padding: 0px;
}
.outreach-plans-card-container .pricing-card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.outreach-plans-card-container .pricing-card .card {
  width: 15.625rem;
  height: 24.0625rem;
  transition: border-color 0.3s ease-in-out, height 0.3s ease-in-out;
}
.outreach-plans-card-container .pricing-card__details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.outreach-plans-card-container .pricing-card__details-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0rem;
  transition: transform 0.3s ease-in-out;
}
.outreach-plans-card-container .pricing-card__details-header-title {
  font-size: 24px;
  line-height: 31.2px;
  font-weight: 600;
  color: #202020;
  transition: color 0.3s ease-in-out;
}
.outreach-plans-card-container .pricing-card__details-price-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 0rem;
}
.outreach-plans-card-container .pricing-card__details-price-wrapper-currency {
  display: flex;
  align-items: center;
  gap: 6px;
}
.outreach-plans-card-container .pricing-card__details-price-wrapper-currency-amount {
  font-size: 2rem;
  line-height: 38.4px;
  font-weight: 600;
  color: #202020;
  transition: all 0.3s ease-in-out;
}
.outreach-plans-card-container .pricing-card__details-price-wrapper-currency-amount-strikethrough {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #848484;
  transition: color 0.3s ease-in-out;
  text-decoration: line-through;
}
.outreach-plans-card-container .pricing-card__details-price-wrapper-currency-amount-suffix {
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
  color: #848484;
  transition: color 0.3s ease-in-out;
}
.outreach-plans-card-container .pricing-card__details-price-wrapper-discount {
  display: flex;
  align-items: center;
  outline: 1px solid #6ee7b7;
  border-radius: 20px;
  padding: 4px 12px;
  transition: all 0.3s ease-in-out;
}
.outreach-plans-card-container .pricing-card__details-price-wrapper-discount-text {
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 500;
  color: #059669;
  transition: all 0.3s ease-in-out;
}
.outreach-plans-card-container .pricing-card__features .range-wrap {
  margin-top: 1.875rem;
}
.outreach-plans-card-container .pricing-card__features .range__mark:first-child {
  left: 2px !important;
}
.outreach-plans-card-container .pricing-card__features .range__thumb-first {
  transform: translate(3px, -4.5px) !important;
}
.outreach-plans-card-container .pricing-card__features .range__thumb-last {
  transform: translate(244px, -4.5px) !important;
}
.outreach-plans-card-container .pricing-card__features ul > li .feature-tooltip {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #9ca3af;
  text-underline-offset: 4px;
}
.outreach-plans-card-container .pricing-card .ghost-secondary-new.btn-ghost-primary {
  border: 1px solid #6b7280;
  color: #6b7280;
}
.outreach-plans-card-container .pricing-card .ghost-secondary-new.btn-ghost-primary:hover {
  color: #6b7280;
}
.outreach-plans-card-container .pricing-card .ghost-primary-new.btn-ghost-primary:hover {
  background: #1d4ed8;
}
.outreach-plans-card-container .pricing-card .ghost-primary-new.btn-ghost-primary:active {
  color: #fff;
}
.outreach-plans-card-container .pricing-card .ghost-primary-new-disable.btn-ghost-primary:disabled {
  opacity: 0.35;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
}
.outreach-plans-card-container .pricing-card .ghost-primary-new-disable.btn-ghost-primary:disabled:hover {
  opacity: 0.35;
  color: #1d4ed8;
  background-color: transparent;
  cursor: not-allowed !important;
}
@media screen and (max-width: 1366px) {
  .outreach-plans-card-container .pricing-card .btn-ghost-primary,
  .outreach-plans-card-container .pricing-card .btn-solid-primary {
    font-size: 0.8125rem;
  }
}
.outreach-plans-card-container .best-value-plan .card {
  border-top-width: 1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-right-width: 1px;
}
.outreach-plans-card-container .best-value-plan__label-wrapper {
  width: 15.3125rem;
  height: 1.25rem;
  margin-bottom: -1px;
}
.outreach-plans-card-container .best-value-plan__label-wrapper .bs-tag {
  cursor: default !important;
  margin-right: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px;
  font-size: 0.5rem;
}
@media screen and (max-width: 1366px) {
  .outreach-plans-card-container .pricing-card .card {
    height: 27.5rem;
    width: 12rem;
  }
  .outreach-plans-card-container .best-value-plan__label-wrapper {
    width: 12rem;
  }
}
@media screen and (max-width: 1280px) {
  .outreach-plans-card-container.outreach-plans-card-container .out-reach-plans-card {
    width: 260px;
    height: 757px;
  }
  .outreach-plans-card-container .pricing-card .card {
    height: 27.5rem;
    width: 11.25rem;
  }
  .outreach-plans-card-container .pricing-card__features .range__thumb-last {
    transform: translate(215px, -4.5px) !important;
  }
  .outreach-plans-card-container .best-value-plan__label-wrapper {
    width: 11.25rem;
  }
}
@media screen and (max-width: 1160px) {
  .outreach-plans-card-container.outreach-plans-card-container .out-reach-plans-card {
    width: 235px;
    height: 797px;
  }
  .outreach-plans-card-container .pricing-card__features .range__thumb-last {
    transform: translate(190px, -4.5px) !important;
  }
}
@media screen and (max-width: 1060px) {
  .outreach-plans-card-container.outreach-plans-card-container .out-reach-plans-card {
    width: 221px;
    height: 836px;
  }
  .outreach-plans-card-container .pricing-card__features .range__thumb-last {
    transform: translate(180px, -4.5px) !important;
  }
}

.billing-summary-modal .modal-dialog {
  width: 25.5625rem;
  height: 23.5625rem;
}
.billing-summary-modal .modal-header {
  border-bottom-width: 0px;
}
.billing-summary-modal .modal-body .divider-bottom {
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 0.9375rem;
  margin-bottom: 0.9375rem;
  margin-top: 0.625rem;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper {
  padding-bottom: 0.625rem;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input.bs-input-affix-wrapper {
  background: #f7f8f9;
  border-color: #f3f4f6;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input {
  height: 2.25rem;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .bs-input {
  background: #f7f8f9;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-error {
  height: inherit;
  background: #f7f8f9;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded {
  height: inherit;
  background: #f7f8f9;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded input {
  pointer-events: none;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded i {
  cursor: pointer;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input label {
  font-style: normal;
  font-weight: 500;
  font-size: 0.5rem;
  line-height: 14px;
  width: 100%;
  text-align: right;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .icon-loading i {
  animation: spin 2s linear infinite;
}
.billing-summary-modal .modal-body .loader-container {
  height: 10px;
}
.billing-summary-modal .modal-body .loader-container img {
  height: 1.5rem;
}

.paddle-billing-summary-modal__payment-section {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}
.paddle-billing-summary-modal__payment-card-box {
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  padding: 0.625rem 0.75rem;
  margin-top: 0.375rem;
}
.paddle-billing-summary-modal__card-brand {
  font-weight: 600;
  font-size: 14px;
  color: #202020;
  text-transform: capitalize;
  margin-right: 0.5rem;
}
.paddle-billing-summary-modal__card-number {
  font-size: 14px;
  color: #6b7280;
  letter-spacing: 0.05rem;
}
.paddle-billing-summary-modal__inline-loader {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.paddle-billing-summary-modal__inline-loader-no-margin {
  width: 14px;
  height: 14px;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper {
  padding-bottom: 0.625rem;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input.bs-input-affix-wrapper {
  background: #f7f8f9;
  border-color: #f3f4f6;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input {
  height: 2.25rem;
  align-items: center;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input .bs-input {
  background: #f7f8f9;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-error {
  height: inherit;
  background: #f7f8f9;
  align-items: center;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded {
  height: inherit;
  background: #f7f8f9;
  align-items: center;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded input {
  pointer-events: none;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded i {
  cursor: pointer;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input label {
  font-style: normal;
  font-weight: 500;
  font-size: 0.5rem;
  line-height: 14px;
  width: 100%;
  text-align: right;
}
.paddle-billing-summary-modal .promo-code-container .coupon-code-input-wrapper .coupon-code-input .icon-loading i {
  animation: spin 2s linear infinite;
}
.paddle-billing-summary-modal__strikethrough {
  text-decoration: line-through;
}

.solid-primary-new.btn-solid-primary {
  background: #1d4ed8;
}
.solid-primary-new.btn-solid-primary:hover {
  background: #1e40af;
}

.outreach-plans-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  padding-top: 1.5rem;
  background: #f9fafb;
}
.outreach-plans-header h1 {
  margin-bottom: 0px;
  line-height: 31px;
  color: #202020;
}
.outreach-plans-header span {
  font-size: 16px;
  line-height: 21px;
  color: #202020;
}

.best-value-plan__labels-wrappers {
  display: flex;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}
.best-value-plan__labels {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 32px;
  background-color: #37b489;
  margin-bottom: -14px;
  margin-top: -14px;
  transition: all 0.3s ease-in-out;
}
.best-value-plan__labels-text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  transition: color 0.3s ease-in-out;
}
.best-value-plan .card {
  border: 1px solid #1d4ed8;
  border-top-width: 0.25rem;
  transition: all 0.3s ease-in-out;
}

.most-popular-plan {
  width: 11rem;
  height: 1.375rem !important;
  margin-right: -1.0625rem !important;
  background: #37b489 !important;
  border-radius: 4px 4px 0px 0px !important;
}

.modify-subscription__highlight-container {
  background: #ffedd5;
  height: 1rem;
  padding: 0.125rem 0.3125rem;
  border-radius: 0.25rem;
  margin-bottom: 0.475rem;
}
.modify-subscription {
  /* Safari  */
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .modify-subscription__highlight-container {
      min-width: 10.1875rem;
    }
  }
}
.modify-subscription__circle {
  position: absolute;
  right: -0.75rem;
  top: 0.125rem;
}
.modify-subscription__progress-bar-container {
  width: 21.3125rem;
  margin-top: 1.9063rem;
  position: relative;
}
.modify-subscription__progress-bar-container .step-icon {
  height: 1.875rem;
  width: 1.875rem;
  border-radius: 50%;
}
.modify-subscription__progress-bar-container .active-step .step-icon {
  background: #1d4ed8;
  color: #fff;
}
.modify-subscription__progress-bar-container .done-step .step-icon {
  background: #bfdbfe;
  color: #f9fafb;
}
.modify-subscription__progress-bar-container .done-step span {
  color: #6b7280;
}
.modify-subscription__progress-bar-container .disable-step {
  color: #d1d5db;
}
.modify-subscription__progress-bar-container .disable-step span {
  color: inherit;
  margin-top: 0.3438rem;
}
.modify-subscription__progress-bar-container .cursor-not-allowed {
  cursor: not-allowed;
}
.modify-subscription__progress-bar-container .cursor-not-allowed .step-icon i {
  cursor: inherit;
}
.modify-subscription__divider {
  position: absolute;
  left: 4.4125rem;
  top: 0.9375rem;
  width: 13rem;
  height: 0.125rem;
  background: #e5e7eb;
}
.modify-subscription__select-plan {
  width: 33.125rem;
}
.modify-subscription__select-plan-banner {
  background: #eff6ff;
  padding: 0.75rem 1rem;
  border-radius: 0.125rem;
}
.modify-subscription__select-plan-banner .ghost-outline-new.btn-ghost-primary {
  border: 1px solid #6b7280;
  color: #6b7280;
}
.modify-subscription__select-plan-container {
  gap: 20px;
}

.banner-announcement {
  background: #fffbeb;
  width: 61.25rem;
  padding: 0.625rem 0px;
  border: 1px solid #fef3c7;
  border-radius: 0.25rem;
  border-left-width: 4px;
  margin-top: 1.5313rem;
}
.banner-announcement .coupon-code {
  background: #f3f4f6;
  border: 1px dashed #d1d5db;
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
}
@media screen and (max-width: 1366px) {
  .banner-announcement {
    width: 50rem;
  }
}
@media screen and (max-width: 1280px) {
  .banner-announcement {
    width: 46rem;
  }
}

.inbox-radar-plans {
  background: #fff;
  height: 100%;
  overflow-x: auto;
}
.inbox-radar-plans .informational-note-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.875rem;
}
.inbox-radar-plans .informational-note-container .informational-note {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border: 1px solid #e4e4e4;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  width: fit-content;
}
.inbox-radar-plans .informational-note-container .informational-note p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #848484;
  margin-bottom: 0px;
}
.inbox-radar-plans .informational-note-container .informational-note .note-label {
  font-weight: 500;
}
.inbox-radar-plans .premium-feature-card {
  width: 38.5rem;
  border-radius: 0.25rem;
}
.inbox-radar-plans .secondary-banner {
  background: #f3f4f6;
  width: 61.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
}
@media screen and (max-width: 1366px) {
  .inbox-radar-plans .secondary-banner {
    width: 50rem;
  }
}
@media screen and (max-width: 1280px) {
  .inbox-radar-plans .secondary-banner {
    width: 46rem;
  }
}
.inbox-radar-plans .bs-ml-15-rem {
  margin-left: 14.1rem !important;
}
.inbox-radar-plans .bs-ml-20-rem {
  margin-left: 20rem !important;
}
.inbox-radar-plans .bs-ml-23-rem {
  margin-left: 21.3125rem !important;
}

.inbox-radar-plans-card-container {
  padding-top: 40px;
  gap: 20px;
  padding-bottom: 30px;
}
.inbox-radar-plans-card-container .out-reach-plans-card {
  width: 17.875rem;
  height: 570px;
  outline: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 24px 16px 32px 16px;
}
.inbox-radar-plans-card-container .out-reach-plans-card .card-body {
  padding: 0px;
}
.inbox-radar-plans-card-container .pricing-card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.inbox-radar-plans-card-container .pricing-card .card {
  width: 15.625rem;
  height: 24.0625rem;
  transition: border-color 0.3s ease-in-out, height 0.3s ease-in-out;
}
.inbox-radar-plans-card-container .pricing-card__details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inbox-radar-plans-card-container .pricing-card__details-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0rem;
  transition: transform 0.3s ease-in-out;
}
.inbox-radar-plans-card-container .pricing-card__details-header-title {
  font-size: 24px;
  line-height: 31.2px;
  font-weight: 600;
  color: #202020;
  transition: color 0.3s ease-in-out;
}
.inbox-radar-plans-card-container .pricing-card__details-price-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 0rem;
}
.inbox-radar-plans-card-container .pricing-card__details-price-wrapper-currency {
  display: flex;
  align-items: center;
  gap: 6px;
}
.inbox-radar-plans-card-container .pricing-card__details-price-wrapper-currency-amount {
  font-size: 2rem;
  line-height: 38.4px;
  font-weight: 600;
  color: #202020;
  transition: all 0.3s ease-in-out;
}
.inbox-radar-plans-card-container .pricing-card__details-price-wrapper-currency-amount-strikethrough {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #848484;
  transition: color 0.3s ease-in-out;
  text-decoration: line-through;
}
.inbox-radar-plans-card-container .pricing-card__details-price-wrapper-currency-amount-suffix {
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
  color: #848484;
  transition: color 0.3s ease-in-out;
}
.inbox-radar-plans-card-container .pricing-card__details-price-wrapper-discount {
  display: flex;
  align-items: center;
  outline: 1px solid #6ee7b7;
  border-radius: 20px;
  padding: 4px 12px;
  transition: all 0.3s ease-in-out;
}
.inbox-radar-plans-card-container .pricing-card__details-price-wrapper-discount-text {
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 500;
  color: #059669;
  transition: all 0.3s ease-in-out;
}
.inbox-radar-plans-card-container .pricing-card__features .range-wrap {
  margin-top: 1.875rem;
}
.inbox-radar-plans-card-container .pricing-card__features .range__mark:first-child {
  left: 2px !important;
}
.inbox-radar-plans-card-container .pricing-card__features .range__thumb-first {
  transform: translate(3px, -4.5px) !important;
}
.inbox-radar-plans-card-container .pricing-card__features .range__thumb-last {
  transform: translate(244px, -4.5px) !important;
}
.inbox-radar-plans-card-container .pricing-card__features ul > li .feature-tooltip {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #9ca3af;
  text-underline-offset: 4px;
}
.inbox-radar-plans-card-container .pricing-card .ghost-secondary-new.btn-ghost-primary {
  border: 1px solid #6b7280;
  color: #6b7280;
}
.inbox-radar-plans-card-container .pricing-card .ghost-secondary-new.btn-ghost-primary:hover {
  color: #6b7280;
}
.inbox-radar-plans-card-container .pricing-card .ghost-primary-new.btn-ghost-primary:hover {
  background: #1d4ed8;
}
.inbox-radar-plans-card-container .pricing-card .ghost-primary-new.btn-ghost-primary:active {
  color: #fff;
}
.inbox-radar-plans-card-container .pricing-card .ghost-primary-new-disable.btn-ghost-primary:disabled {
  opacity: 0.35;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
}
.inbox-radar-plans-card-container .pricing-card .ghost-primary-new-disable.btn-ghost-primary:disabled:hover {
  opacity: 0.35;
  color: #1d4ed8;
  background-color: transparent;
  cursor: not-allowed !important;
}
@media screen and (max-width: 1366px) {
  .inbox-radar-plans-card-container .pricing-card .btn-ghost-primary,
  .inbox-radar-plans-card-container .pricing-card .btn-solid-primary {
    font-size: 0.8125rem;
  }
}
.inbox-radar-plans-card-container .best-value-plan .card {
  border-top-width: 1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-right-width: 1px;
}
.inbox-radar-plans-card-container .best-value-plan__label-wrapper {
  width: 15.3125rem;
  height: 1.25rem;
  margin-bottom: -1px;
}
.inbox-radar-plans-card-container .best-value-plan__label-wrapper .bs-tag {
  cursor: default !important;
  margin-right: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px;
  font-size: 0.5rem;
}
@media screen and (max-width: 1366px) {
  .inbox-radar-plans-card-container .pricing-card .card {
    height: 27.5rem;
    width: 12rem;
  }
  .inbox-radar-plans-card-container .best-value-plan__label-wrapper {
    width: 12rem;
  }
}
@media screen and (max-width: 1280px) {
  .inbox-radar-plans-card-container.inbox-radar-plans-card-container .out-reach-plans-card {
    width: 260px;
    height: 605px;
  }
  .inbox-radar-plans-card-container .pricing-card .card {
    height: 27.5rem;
    width: 11.25rem;
  }
  .inbox-radar-plans-card-container .pricing-card__features .range__thumb-last {
    transform: translate(215px, -4.5px) !important;
  }
  .inbox-radar-plans-card-container .best-value-plan__label-wrapper {
    width: 11.25rem;
  }
}
@media screen and (max-width: 1160px) {
  .inbox-radar-plans-card-container.inbox-radar-plans-card-container .out-reach-plans-card {
    width: 235px;
    height: 624px;
  }
  .inbox-radar-plans-card-container .pricing-card__features .range__thumb-last {
    transform: translate(190px, -4.5px) !important;
  }
}
@media screen and (max-width: 1060px) {
  .inbox-radar-plans-card-container.inbox-radar-plans-card-container .out-reach-plans-card {
    width: 221px;
    height: 686px;
  }
  .inbox-radar-plans-card-container .pricing-card__features .range__thumb-last {
    transform: translate(180px, -4.5px) !important;
  }
}

.billing-summary-modal .modal-dialog {
  width: 25.5625rem;
  height: 23.5625rem;
}
.billing-summary-modal .modal-header {
  border-bottom-width: 0px;
}
.billing-summary-modal .modal-body .divider-bottom {
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 0.9375rem;
  margin-bottom: 0.9375rem;
  margin-top: 0.625rem;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper {
  padding-bottom: 0.625rem;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input.bs-input-affix-wrapper {
  background: #f7f8f9;
  border-color: #f3f4f6;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input {
  height: 2.25rem;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .bs-input {
  background: #f7f8f9;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-error {
  height: inherit;
  background: #f7f8f9;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded {
  height: inherit;
  background: #f7f8f9;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded input {
  pointer-events: none;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded i {
  cursor: pointer;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input label {
  font-style: normal;
  font-weight: 500;
  font-size: 0.5rem;
  line-height: 14px;
  width: 100%;
  text-align: right;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .icon-loading i {
  animation: spin 2s linear infinite;
}
.billing-summary-modal .modal-body .loader-container {
  height: 10px;
}
.billing-summary-modal .modal-body .loader-container img {
  height: 1.5rem;
}

.solid-primary-new.btn-solid-primary {
  background: #1d4ed8;
}
.solid-primary-new.btn-solid-primary:hover {
  background: #1e40af;
}

.inbox-radar-plans-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  padding-top: 1.5rem;
  background: #f9fafb;
}
.inbox-radar-plans-header h1 {
  margin-bottom: 0px;
  line-height: 31px;
  color: #202020;
}
.inbox-radar-plans-header span {
  font-size: 16px;
  line-height: 21px;
  color: #202020;
}

.best-value-plan__labels-wrappers {
  display: flex;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}
.best-value-plan__labels {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 32px;
  background-color: #37b489;
  margin-bottom: -14px;
  margin-top: -14px;
  transition: all 0.3s ease-in-out;
}
.best-value-plan__labels-text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  transition: color 0.3s ease-in-out;
}
.best-value-plan .card {
  border: 1px solid #1d4ed8;
  border-top-width: 0.25rem;
  transition: all 0.3s ease-in-out;
}

.most-popular-plan {
  width: 11rem;
  height: 1.375rem !important;
  margin-right: -1.0625rem !important;
  background: #37b489 !important;
  border-radius: 4px 4px 0px 0px !important;
}

.modify-subscription__highlight-container {
  background: #ffedd5;
  height: 1rem;
  padding: 0.125rem 0.3125rem;
  border-radius: 0.25rem;
  margin-bottom: 0.475rem;
}
.modify-subscription {
  /* Safari  */
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .modify-subscription__highlight-container {
      min-width: 10.1875rem;
    }
  }
}
.modify-subscription__circle {
  position: absolute;
  right: -0.75rem;
  top: 0.125rem;
}
.modify-subscription__progress-bar-container {
  width: 21.3125rem;
  margin-top: 1.9063rem;
  position: relative;
}
.modify-subscription__progress-bar-container .step-icon {
  height: 1.875rem;
  width: 1.875rem;
  border-radius: 50%;
}
.modify-subscription__progress-bar-container .active-step .step-icon {
  background: #1d4ed8;
  color: #fff;
}
.modify-subscription__progress-bar-container .done-step .step-icon {
  background: #bfdbfe;
  color: #f9fafb;
}
.modify-subscription__progress-bar-container .done-step span {
  color: #6b7280;
}
.modify-subscription__progress-bar-container .disable-step {
  color: #d1d5db;
}
.modify-subscription__progress-bar-container .disable-step span {
  color: inherit;
  margin-top: 0.3438rem;
}
.modify-subscription__progress-bar-container .cursor-not-allowed {
  cursor: not-allowed;
}
.modify-subscription__progress-bar-container .cursor-not-allowed .step-icon i {
  cursor: inherit;
}
.modify-subscription__divider {
  position: absolute;
  left: 4.4125rem;
  top: 0.9375rem;
  width: 13rem;
  height: 0.125rem;
  background: #e5e7eb;
}
.modify-subscription__select-plan {
  width: 33.125rem;
}
.modify-subscription__select-plan-banner {
  background: #eff6ff;
  padding: 0.75rem 1rem;
  border-radius: 0.125rem;
}
.modify-subscription__select-plan-banner .ghost-outline-new.btn-ghost-primary {
  border: 1px solid #6b7280;
  color: #6b7280;
}
.modify-subscription__select-plan-container {
  gap: 20px;
}

.banner-announcement {
  background: #fffbeb;
  width: 61.25rem;
  padding: 0.625rem 0px;
  border: 1px solid #fef3c7;
  border-radius: 0.25rem;
  border-left-width: 4px;
  margin-top: 1.5313rem;
}
.banner-announcement .coupon-code {
  background: #f3f4f6;
  border: 1px dashed #d1d5db;
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem;
}
@media screen and (max-width: 1366px) {
  .banner-announcement {
    width: 50rem;
  }
}
@media screen and (max-width: 1280px) {
  .banner-announcement {
    width: 46rem;
  }
}

.cold-email-plan-card {
  width: 56.5rem;
}
.cold-email-plan-card .pricing-card .card {
  height: 29.5625rem;
  width: 13.1875rem;
}
.cold-email-plan-card .pricing-card__details-price-wrapper {
  height: 1.25rem;
}
.cold-email-plan-card .pricing-card__features ul > li .feature-tooltip {
  text-decoration: underline;
  text-decoration-style: dotted;
}
.cold-email-plan-card .pricing-card .solid-primary-new.btn-solid-primary:hover {
  background-color: #1d4ed8;
  color: #fff;
}

.outreach-plans-lead-finder {
  height: 100%;
  overflow-x: auto;
}
.outreach-plans-lead-finder .premium-feature-card {
  width: 38.5rem;
  border-radius: 0.25rem;
}
.outreach-plans-lead-finder .lead-finder-plans-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  margin-top: 1.5rem;
  color: #202020;
}
.outreach-plans-lead-finder .lead-finder-plans-header h1 {
  margin-bottom: 0px;
  line-height: 31px;
  color: #202020;
}
.outreach-plans-lead-finder .lead-finder-plans-header span {
  font-size: 16px;
  line-height: 21px;
  color: #202020;
}
.outreach-plans-lead-finder .lead-finder-plans-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  background: #ffffff;
  margin-top: -1.5rem;
  padding-top: 4rem;
}
.outreach-plans-lead-finder .lead-finder-plans-section .lead-finder-plans-card-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container {
  width: 75.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-container-header {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fafb;
  border-radius: 0.25rem 0.25rem 0px 0px;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper .credit-slider-container-header-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #202020;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper .credit-slider-container-header-description {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #202020;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-wrapper {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
  border-radius: 0px 0px 0.25rem 0.25rem;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-value {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #202020;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-value .credit-slider-selected-plan-label {
  font-weight: 400;
  color: #6b7280;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-price {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #202020;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-wrapper .range {
  margin-bottom: 30px;
}
.outreach-plans-lead-finder .lead-finder-plans-section .credit-slider-container .credit-slider-wrapper .range .range__mark-text {
  display: block;
  position: absolute;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #6b7280;
  margin-top: 24px;
  transform: translateX(-40%);
}
.outreach-plans-lead-finder .bs-ml-15-rem {
  margin-left: 14.1rem !important;
}
.outreach-plans-lead-finder .bs-ml-20-rem {
  margin-left: 20rem !important;
}
.outreach-plans-lead-finder .bs-ml-23-rem {
  margin-left: 21.3125rem !important;
}

.secondary-banner-container {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  padding-bottom: 4.5rem;
}

.static-content-container {
  width: 75.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  gap: 3.75rem;
}
.static-content-container .secondary-banner {
  display: flex;
  height: 50px;
  padding: 12px 273px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  width: 1206px;
}
.static-content-container .secondary-banner-text {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.static-content-container .secondary-banner .link {
  color: #1d4ed8 !important;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.static-content-container .static-content-customers {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
}
.static-content-container .static-content-customers-text {
  color: #202020;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
}
.static-content-container .static-content-customers-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 24px 54px;
  align-self: stretch;
  flex-wrap: wrap;
}
.static-content-container .static-content-customers-image-wrapper-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 48px;
}
.static-content-container .static-content-g2-rating-wrapper {
  display: flex;
  padding: 0px 278px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
.static-content-container .static-content-g2-rating-wrapper .static-content-g2-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 310px;
  margin-bottom: 46px;
}
.static-content-container .static-content-g2-rating-wrapper .static-content-g2-rating-divider {
  width: 1.628px;
  height: 22.787px;
  background: #d1d5db;
}
.static-content-container .static-content-g2-rating-wrapper .static-content-g2-rating-rating {
  display: flex;
  gap: 1rem;
}
.static-content-container .static-content-g2-rating-wrapper .static-content-g2-rating-rating .rating-text {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-wrap: nowrap;
}
.static-content-container .static-content-g2-rating-wrapper .static-content-g2-certificates-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  margin-top: 60px;
}
.static-content-container .static-content-g2-rating-wrapper .static-content-g2-certificates-wrapper-text {
  color: #202020;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
}
.static-content-container .static-content-testimonials {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
}
.static-content-container .static-content-testimonials-text {
  color: #202020;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
}
.static-content-container .static-content-testimonials-list {
  display: flex;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  margin-bottom: 48px;
}
.static-content-container .static-content-testimonials-list-item {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  background: #f9fafb;
}
.static-content-container .static-content-testimonials-list-item-message {
  color: #1f2937;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  align-self: stretch;
}
.static-content-container .static-content-testimonials-list-item-user-info {
  display: flex;
  align-items: flex-end;
  gap: 28px;
}
.static-content-container .static-content-testimonials-list-item-user-info-image {
  display: flex;
  width: 83px;
  height: 97px;
  flex-shrink: 0;
}
.static-content-container .static-content-testimonials-list-item-user-info-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.static-content-container .static-content-testimonials-list-item-user-info-name-role {
  display: flex;
  height: 54.7px;
  flex-direction: column;
  align-items: flex-start;
}
.static-content-container .static-content-testimonials-list-item-user-info-name {
  color: #1f2937;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 134%; /* 21.44px */
}
.static-content-container .static-content-testimonials-list-item-user-info-role {
  color: #6b7280;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
}
.static-content-container .static-content-testimonials-list .testimonial-1 .color {
  color: #2563eb;
}
.static-content-container .static-content-testimonials-list .testimonial-2 .color {
  color: #9652c5;
}
.static-content-container .static-content-testimonials-list .testimonial-3 .color {
  color: #37b489;
}

.outreach-plans-card {
  width: 61.25rem;
}
.outreach-plans-card .pricing-card .card {
  border-radius: 0px;
  height: 30.9375rem;
  width: 15.3125rem;
  padding: 1.5rem;
  border-right-width: 0px;
}
.outreach-plans-card .pricing-card:first-child .card {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.outreach-plans-card .pricing-card:last-child .card {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-right-width: 1px;
}
.outreach-plans-card .pricing-card__price-wrapper {
  margin-top: 1.25rem;
}
.outreach-plans-card .pricing-card__features {
  margin-top: 1rem;
}
.outreach-plans-card .pricing-card__features .range-wrap {
  margin-top: 1.875rem;
}
.outreach-plans-card .pricing-card__features .range__mark:first-child {
  left: 2px !important;
}
.outreach-plans-card .pricing-card__features .range__thumb-first {
  transform: translate(3px, -5.5px) !important;
}
.outreach-plans-card .pricing-card__features .range__thumb-last {
  transform: translate(179px, -5.5px) !important;
}
.outreach-plans-card .pricing-card__features ul > li .feature-tooltip {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #9ca3af;
  text-underline-offset: 4px;
}
.outreach-plans-card .pricing-card .ghost-secondary-new.btn-ghost-primary {
  border: 1px solid #6b7280;
  color: #6b7280;
}
.outreach-plans-card .pricing-card .ghost-secondary-new.btn-ghost-primary:hover {
  color: #6b7280;
}
.outreach-plans-card .pricing-card .ghost-primary-new.btn-ghost-primary:hover {
  background: #1d4ed8;
}
.outreach-plans-card .pricing-card .ghost-primary-new.btn-ghost-primary:active {
  color: #fff;
}
.outreach-plans-card .pricing-card .ghost-primary-new-disable.btn-ghost-primary:disabled {
  opacity: 0.35;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
}
.outreach-plans-card .pricing-card .ghost-primary-new-disable.btn-ghost-primary:disabled:hover {
  opacity: 0.35;
  color: #1d4ed8;
  background-color: transparent;
  cursor: not-allowed !important;
}
@media screen and (max-width: 1366px) {
  .outreach-plans-card .pricing-card .btn-ghost-primary,
  .outreach-plans-card .pricing-card .btn-solid-primary {
    font-size: 0.8125rem;
  }
}
.outreach-plans-card .best-value-plan .card {
  border-top-width: 1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-right-width: 1px;
}
.outreach-plans-card .best-value-plan__label-wrapper {
  width: 15.3125rem;
  margin-bottom: -1px;
}
.outreach-plans-card .best-value-plan__label-wrapper .bs-tag {
  cursor: default !important;
  margin-right: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px;
  font-size: 0.5rem;
}
@media screen and (max-width: 1366px) {
  .outreach-plans-card {
    width: 50rem;
  }
  .outreach-plans-card .pricing-card .card {
    height: 27.5rem;
    width: 12rem;
  }
  .outreach-plans-card .best-value-plan__label-wrapper {
    width: 12rem;
  }
}
@media screen and (max-width: 1280px) {
  .outreach-plans-card {
    width: 46rem;
  }
  .outreach-plans-card .pricing-card .card {
    height: 27.5rem;
    width: 11.25rem;
  }
  .outreach-plans-card .best-value-plan__label-wrapper {
    width: 11.25rem;
  }
}

.billing-summary-modal .modal-dialog {
  width: 28rem;
}
.billing-summary-modal .modal-header {
  border-bottom-width: 0px;
}
.billing-summary-modal .modal-body .divider-bottom {
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 0.9375rem;
  margin-bottom: 0.9375rem;
  margin-top: 0.625rem;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper {
  padding-bottom: 0.625rem;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input.bs-input-affix-wrapper {
  background: #f7f8f9;
  border-color: #f3f4f6;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input {
  height: 2.25rem;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .bs-input {
  background: #f7f8f9;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-error {
  height: inherit;
  background: #f7f8f9;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded {
  height: inherit;
  background: #f7f8f9;
  align-items: center;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded input {
  pointer-events: none;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .input-succeeded i {
  cursor: pointer;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input label {
  font-style: normal;
  font-weight: 500;
  font-size: 0.5rem;
  line-height: 14px;
  width: 100%;
  text-align: right;
}
.billing-summary-modal .modal-body .divider-bottom .promo-code-container .coupon-code-input-wrapper .coupon-code-input .icon-loading i {
  animation: spin 2s linear infinite;
}
.billing-summary-modal .modal-body .loader-container {
  height: 10px;
}
.billing-summary-modal .modal-body .loader-container img {
  height: 1.5rem;
}
.billing-summary-modal .modal-body .billing-summary-next-cycle {
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 0.375rem;
  padding: 0.625rem 1rem;
}
.billing-summary-modal .modal-body .billing-summary-important-note {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.billing-summary-modal .modal-body .billing-summary-important-note__list {
  margin: 0.25rem 0 0;
  padding-left: 1rem;
}
.billing-summary-modal .modal-body .billing-summary-important-note__list li {
  margin-bottom: 0.125rem;
  font-size: 0.6875rem;
  line-height: 1.125rem;
  color: #6b7280;
}
.billing-summary-modal .modal-body .billing-summary-important-note__list li:last-child {
  margin-bottom: 0;
}

.solid-primary-new.btn-solid-primary {
  background: #1d4ed8;
}
.solid-primary-new.btn-solid-primary:hover {
  background: #1e40af;
}

.lead-finder-sticky-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #fff;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.1);
  padding: 1rem 2rem;
}
.lead-finder-sticky-panel__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 75.25rem;
  margin: 0 auto;
  gap: 2rem;
}
.lead-finder-sticky-panel__details {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
}
.lead-finder-sticky-panel__plan-name {
  font-size: 16px;
  font-weight: 600;
  color: #202020;
  line-height: 1.5;
}
.lead-finder-sticky-panel__addon {
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.25;
}
.lead-finder-sticky-panel__pricing {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.125rem;
}
.lead-finder-sticky-panel__total-price {
  font-size: 16px;
  font-weight: 600;
  color: #202020;
  line-height: 1.5;
}
.lead-finder-sticky-panel__addon-price {
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.25;
}

.lead-plan-divider {
  width: 0.125rem;
  height: auto;
  max-height: 2.6875rem;
  background: #e5e7eb;
  display: flex;
  margin: 0;
}

.dialer-plans {
  background: #fff;
  height: 100%;
  overflow-x: auto;
}
.dialer-plans .dialer-plans-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  background: #ffffff;
}
.dialer-plans .dialer-plans-section .credit-slider-container {
  width: 75.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-container-header {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fafb;
  border-radius: 0.25rem 0.25rem 0px 0px;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper .credit-slider-container-header-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #202020;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-container-header .credit-slider-container-header-title-wrapper .credit-slider-container-header-description {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #202020;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-wrapper {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
  border-radius: 0px 0px 0.25rem 0.25rem;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-value {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #202020;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-value .credit-slider-selected-plan-label {
  font-weight: 400;
  color: #6b7280;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-wrapper .credit-slider-selected-value-wrapper .credit-slider-selected-price {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #202020;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-wrapper .range {
  margin-bottom: 30px;
}
.dialer-plans .dialer-plans-section .credit-slider-container .credit-slider-wrapper .range .range__mark-text {
  display: block;
  position: absolute;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #6b7280;
  margin-top: 24px;
  transform: translateX(-40%);
}

.dialer-plans-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  padding-top: 1.5rem;
  background: #f9fafb;
}
.dialer-plans-header h1 {
  margin-bottom: 0px;
  line-height: 31px;
  color: #202020;
}
.dialer-plans-header span {
  font-size: 16px;
  line-height: 21px;
  color: #202020;
}

.dialer-plans-card-container {
  padding-top: 40px;
  gap: 20px;
  padding-bottom: 30px;
}
.dialer-plans-card-container .dialer-plan-card__body {
  width: 17.875rem;
  height: 512px;
  outline: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 24px 16px 32px 16px;
}
.dialer-plans-card-container .dialer-plan-card__body .card-body {
  padding: 0px;
}
.dialer-plans-card-container .dialer-plan-card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.dialer-plans-card-container .dialer-plan-best-value .dialer-plan-card__body {
  border: 1px solid #1d4ed8;
  border-top-width: 0.25rem;
}
@media screen and (max-width: 1280px) {
  .dialer-plans-card-container.dialer-plans-card-container .dialer-plan-card__body {
    width: 260px;
    height: 605px;
  }
}
@media screen and (max-width: 1160px) {
  .dialer-plans-card-container.dialer-plans-card-container .dialer-plan-card__body {
    width: 235px;
    height: 624px;
  }
}
@media screen and (max-width: 1060px) {
  .dialer-plans-card-container.dialer-plans-card-container .dialer-plan-card__body {
    width: 221px;
    height: 686px;
  }
}

.dialer-secondary-banner-container {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  padding-bottom: 4.5rem;
}

.dialer-plan-card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.dialer-plan-card__details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dialer-plan-card__details-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0rem;
  transition: transform 0.3s ease-in-out;
}
.dialer-plan-card__details-title {
  font-size: 24px;
  line-height: 31.2px;
  font-weight: 600;
  color: #202020;
  transition: color 0.3s ease-in-out;
}
.dialer-plan-card__price-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 0rem;
}
.dialer-plan-card__price-currency {
  display: flex;
  align-items: center;
  gap: 6px;
}
.dialer-plan-card__price-amount {
  font-size: 2rem;
  line-height: 38.4px;
  font-weight: 600;
  color: #202020;
  transition: all 0.3s ease-in-out;
}
.dialer-plan-card__price-strikethrough {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #848484;
  transition: color 0.3s ease-in-out;
  text-decoration: line-through;
}
.dialer-plan-card__price-suffix {
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
  color: #848484;
  transition: color 0.3s ease-in-out;
}
.dialer-plan-card__price-discount {
  display: flex;
  align-items: center;
  outline: 1px solid #6ee7b7;
  border-radius: 20px;
  padding: 4px 12px;
  transition: all 0.3s ease-in-out;
}
.dialer-plan-card__price-discount-text {
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 500;
  color: #059669;
  transition: all 0.3s ease-in-out;
}
.dialer-plan-card__features {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.dialer-plan-card__features ul {
  list-style-type: none;
  padding-left: 0;
}
.dialer-plan-card__features ul li i {
  cursor: inherit;
}
.dialer-plan-card__feature-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dialer-plan-card__feature-item {
  display: flex;
  gap: 8px;
  padding-left: 4px;
  padding-right: 8px;
}
.dialer-plan-card__feature-item--highlight {
  background-color: #f3f4f6;
  padding: 4px 0px 4px 4px;
  border-radius: 4px;
}
.dialer-plan-card__feature-item--highlight .dialer-plan-card__feature-check {
  padding-left: 0px;
}
.dialer-plan-card__feature-check {
  display: flex;
  padding-top: 2px;
}
.dialer-plan-card__check-icon {
  color: #202020;
}
.dialer-plan-card__feature-label {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  color: #202020;
}
.dialer-plan-card__feature-label.underline-dashed {
  text-decoration: underline dashed;
  text-underline-offset: 3px;
  text-decoration-color: #cacaca;
}
.dialer-plan-card .dialer-ghost-primary.btn-ghost-primary:hover {
  background: #1d4ed8;
  color: #fff;
}
.dialer-plan-card .dialer-ghost-primary.btn-ghost-primary:active {
  color: #fff;
}
.dialer-plan-card .dialer-ghost-primary-disable.btn-ghost-primary:disabled {
  opacity: 0.35;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
}
.dialer-plan-card .dialer-ghost-primary-disable.btn-ghost-primary:disabled:hover {
  opacity: 0.35;
  color: #1d4ed8;
  background-color: transparent;
  cursor: not-allowed !important;
}
.dialer-plan-card .dialer-ghost-secondary-disable.btn-ghost-primary:disabled {
  opacity: 0.35;
  border: 1px solid #6b7280;
  color: #6b7280;
}
.dialer-plan-card .dialer-ghost-secondary-disable.btn-ghost-primary:disabled:hover, .dialer-plan-card .dialer-ghost-secondary-disable.btn-ghost-primary:disabled:active {
  color: #6b7280 !important;
  background-color: transparent !important;
  cursor: not-allowed !important;
}

.dialer-plan-best-value__labels-wrappers {
  display: flex;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}
.dialer-plan-best-value__labels {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 32px;
  background-color: #37b489;
  margin-bottom: -14px;
  margin-top: -14px;
  transition: all 0.3s ease-in-out;
}
.dialer-plan-best-value__labels-text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  transition: color 0.3s ease-in-out;
}

.dialer-solid-primary.btn-solid-primary {
  background: #1d4ed8;
}
.dialer-solid-primary.btn-solid-primary:hover {
  background: #1e40af;
}

.prospects-filters-modal {
  animation-name: moveInRight;
  animation-duration: 0.3s;
  animation-timing-function: linear;
}
.prospects-filters-modal ::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.4375rem;
}
.prospects-filters-modal ::-webkit-scrollbar-track {
  background: #ffffff;
}
.prospects-filters-modal ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 0.25rem;
}
.prospects-filters-modal .modal-dialog {
  width: 28.125rem;
  max-width: none;
  height: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  border-radius: 1.25rem;
}
.prospects-filters-modal .modal-content {
  height: 100%;
  max-height: 100%;
  border: 0;
  border-radius: 0;
}
.prospects-filters-modal .modal-header {
  display: flex;
  flex: 1;
  padding: 1.875rem 1.875rem;
  max-height: 2.5rem;
  min-height: 2rem;
}
.prospects-filters-modal .modal-body {
  padding: 1.87rem;
  height: 27.3rem;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 4rem) !important;
  overflow-y: scroll;
}
.prospects-filters-modal .modal-body .multi-select__control {
  background-color: #f9fafb;
}
.prospects-filters-modal .modal-body .multi-select__placeholder {
  font-size: 0.875rem;
  font-weight: 400;
  color: #9ca3af;
}
.prospects-filters-modal .modal-footer {
  padding: 0 1.87rem;
  padding-top: 0.4375rem;
}
.prospects-filters-modal .rst-btn {
  color: #1d4ed8;
  font-weight: 500;
  padding: 0;
}
.prospects-filters-modal .radio-input-wrapper {
  margin-bottom: 1.25rem;
}
.prospects-filters-modal .radio-input-wrapper .radio-input-container .rb-group {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
.prospects-filters-modal .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper {
  margin-top: 0.625rem;
  margin-left: 0;
  display: flex;
  align-items: center;
}
.prospects-filters-modal .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .bs-radio {
  top: 0 !important;
}
.prospects-filters-modal .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .bs-radio .bs-radio-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.prospects-filters-modal .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .bs-radio .bs-radio-inner::after {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prospects-filters-modal .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .radio-input-btn {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.prospects-filters-modal .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .radio-input-btn h2 {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.prospects-filters-modal .radio-input-wrapper .radio-input-container .rb-group .bs-radio-wrapper .radio-input-btn p {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.prospects-filters-modal .show-conversation-title {
  display: flex;
  align-items: center;
  line-height: 1.125rem !important;
}
.prospects-filters-modal .disabled-filter {
  opacity: 0.35;
  pointer-events: none;
}
.prospects-filters-modal .enabled-radio {
  color: #1f2937;
}
.prospects-filters-modal .disabled-radio {
  color: #9ca3af;
}
.prospects-filters-modal .custom-tooltip {
  width: 10rem;
}

.subsequence-multiselect {
  width: 100% !important;
  background-color: #f9fafb !important;
  height: 36px !important;
  border: 1px solid rgb(229, 231, 235) !important;
  color: rgb(107, 114, 128) !important;
}
.subsequence-multiselect:hover {
  border-color: rgb(179, 179, 179) !important;
}

.unified-inbox-outcome-options .select__group {
  padding: 0;
}
.unified-inbox-outcome-options .select__group-heading {
  padding: 0;
  margin: 0;
}
.unified-inbox-outcome-options .select__group-heading:hover {
  background-color: #eff6ff;
}
.unified-inbox-outcome-options .select__option {
  padding: 8px 12px 8px 24px;
  background-color: #f9fafb;
}
.unified-inbox-outcome-options .select__option:hover {
  background-color: #eff6ff;
}
.unified-inbox-outcome-options .parent-group-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 8px 12px;
  cursor: pointer;
}
.unified-inbox-outcome-options .parent-group-option:hover {
  background-color: #eff6ff;
}
.unified-inbox-outcome-options .parent-group-option-label {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-transform: capitalize;
}

.custom-group {
  display: flex;
  flex-direction: column;
  margin-right: 8px;
  margin-bottom: 2px;
  margin-top: 2px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #fff;
  padding: 4px 8px;
}

.custom-group-title {
  color: #1f2937;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.custom-group-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.custom-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #e5e7eb;
  background: #fff;
  padding: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
}

.chip-label {
  color: #1f2937;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75rem;
  margin-right: 0.5rem;
}

.chip-remove {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  color: #6b7280;
}

.chip-remove:hover {
  color: #1d4ed8;
}

.custom-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.25rem;
}

.group-remove-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #6b7280;
}

.group-remove-btn:hover {
  color: #1d4ed8;
}

.subsequence-with-steps-options .select__group {
  padding: 0;
}
.subsequence-with-steps-options .select__group-heading {
  padding: 0;
  margin: 0;
  text-transform: capitalize;
}
.subsequence-with-steps-options .select__option {
  padding: 6px 12px 6px 24px;
  background-color: #f9fafb;
}
.subsequence-with-steps-options .select__option:hover {
  background-color: #eff6ff;
}
.subsequence-with-steps-options .parent-group-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 6px 12px;
  cursor: pointer;
}
.subsequence-with-steps-options .parent-group-option-label {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-transform: capitalize;
}

.custom-placeholder {
  color: #6b7280;
  margin-left: 2px;
  margin-right: 2px;
  box-sizing: border-box;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.subsequence-options .select__group {
  padding: 0;
}
.subsequence-options .select__group-heading {
  padding: 6px 12px;
  margin: 0;
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
}
.subsequence-options .select__option {
  padding: 6px 12px 6px 24px;
  background-color: #f9fafb;
}
.subsequence-options .select__option:hover {
  background-color: #eff6ff;
}
.subsequence-options .parent-group-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 6px 12px;
  cursor: pointer;
}
.subsequence-options .parent-group-option:hover {
  background-color: #eff6ff;
}
.subsequence-options .parent-group-option-label {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-transform: capitalize;
}

.prospects-filter__multi-overflow-count {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  align-self: center;
  gap: 0.25rem;
  line-height: 1.25rem;
  white-space: nowrap;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  padding: 0 0px 0px 4px;
}
.prospects-filter__multi-overflow-count .prospects-filter__multi-overflow-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0 2px;
  display: flex;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.prospects-filter__multi-overflow-count .prospects-filter__multi-overflow-clear:hover {
  background-color: #dbeafe;
}
.prospects-filter__multi-overflow-count .prospects-filter__multi-overflow-clear:hover svg {
  color: #1d4ed8;
}

.prospects-filter-container ::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.4375rem;
}
.prospects-filter-container ::-webkit-scrollbar-track {
  background: #ffffff;
}
.prospects-filter-container ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 0.25rem;
}
.prospects-filter-container .label-text {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0em;
  text-align: left;
  color: #6b7280;
}
.prospects-filter-container .basic-multi-select .css-1k1cxo2-control,
.prospects-filter-container .basic-multi-select .css-167jrn2-control {
  background-color: #f9fafb !important;
}
.prospects-filter-container .filter-container .prospect-filter-date-piker .react-datepicker-wrapper {
  width: 100% !important;
}
.prospects-filter-container .filter-container .prospect-filter-date-piker .react-datepicker-wrapper .react-datepicker__input-container .date-picker-container {
  background: #f9fafb !important;
}

.date-picker-container {
  display: flex !important;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  padding-left: 0 !important;
}
.date-picker-container .cal-icon {
  color: #9ca3af;
  font-size: 1rem;
}
.date-picker-container .close-icon {
  font-size: 1rem;
}
.date-picker-container .input {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1rem;
  color: #1f2937;
  font-weight: 500;
  border: none;
  outline: none;
}
.date-picker-container input::placeholder {
  color: #6b7280;
}

.react-datepicker .react-datepicker__navigation {
  top: 16px;
}
.react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month {
  padding: 0px;
}

.react-datepicker-wrapper,
.react-datepicker__input-container,
.react-datepicker__input-container input {
  display: block;
  width: 100%;
  background: #f9fafb !important;
}

.collapsed {
  display: none;
}

.collapsed-group > div:not(.collapse-group-heading) {
  display: none;
}

.collapse-group-heading::after {
  flex-shrink: 0;
  width: 36px;
  height: 34px;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.46967 6.21967C8.76256 5.92678 9.23744 5.92678 9.53033 6.21967L14.0303 10.7197C14.3232 11.0126 14.3232 11.4874 14.0303 11.7803C13.7374 12.0732 13.2626 12.0732 12.9697 11.7803L9 7.81066L5.03033 11.7803C4.73744 12.0732 4.26256 12.0732 3.96967 11.7803C3.67678 11.4874 3.67678 11.0126 3.96967 10.7197L8.46967 6.21967Z' fill='%239CA3AF'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-size: 1.25rem;
  background-position: center center;
  transform: rotate(180deg);
}

.collapsed-group .collapse-group-heading::after {
  transform: rotate(0deg);
}

.collapse-group-heading {
  display: flex;
}

.all-features-list-modal {
  padding-top: 2rem;
}
.all-features-list-modal .modal-dialog {
  max-width: 56.25rem;
}
.all-features-list-modal .modal-dialog .modal-content {
  min-height: 90vh;
}
.all-features-list-modal .modal-dialog .modal-body {
  overflow: hidden;
  padding: 1.875rem 0 0 0;
  max-height: calc(90vh - 3.5rem);
}
.all-features-list-modal .features-table {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.all-features-list-modal .features-table .ghost-primary-new-disable.btn-ghost-primary:disabled {
  opacity: 0.35;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
}
.all-features-list-modal .features-table .ghost-primary-new-disable.btn-ghost-primary:disabled:hover {
  opacity: 0.35;
  color: #1d4ed8;
  background-color: transparent;
  cursor: not-allowed !important;
}
.all-features-list-modal .features-table .ghost-secondary-new-disable.btn-ghost-primary:disabled {
  border: 1px solid #6b7280;
  color: #6b7280;
  opacity: 0.35;
  transition: all 0.3s ease-in-out;
}
.all-features-list-modal .features-table .ghost-secondary-new-disable.btn-ghost-primary:disabled:hover, .all-features-list-modal .features-table .ghost-secondary-new-disable.btn-ghost-primary:disabled:active {
  color: #6b7280 !important;
  background-color: transparent !important;
  cursor: not-allowed !important;
}
.all-features-list-modal .features-table .features-header {
  padding: 0 1.5rem;
  position: sticky;
  top: 0;
  background-color: white;
}
.all-features-list-modal .features-table .features-header div {
  display: flex;
}
.all-features-list-modal .features-table .features-header .upgrade-btn-billing {
  width: 100%;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  padding: 6px 16px;
  line-height: 20px;
}
.all-features-list-modal .features-table .features-header .feature-title-container {
  display: flex;
  align-items: end;
}
.all-features-list-modal .features-table .features-header .feature-title {
  width: 34.5rem;
  display: flex;
  align-items: end;
  border-top-left-radius: 0.25rem;
}
.all-features-list-modal .features-table .features-header .feature-title span {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding: 20px 8px 20px 20px;
  width: 100%;
}
.all-features-list-modal .features-table .features-header .ghost-secondary-new-disable.btn-ghost-primary:disabled {
  border: 1px solid #6b7280;
  color: #6b7280;
  opacity: 0.35;
  transition: all 0.3s ease-in-out;
}
.all-features-list-modal .features-table .features-header .ghost-secondary-new-disable.btn-ghost-primary:disabled:hover, .all-features-list-modal .features-table .features-header .ghost-secondary-new-disable.btn-ghost-primary:disabled:active {
  color: #6b7280 !important;
  background-color: transparent !important;
  cursor: not-allowed !important;
}
.all-features-list-modal .features-table .features-header .solid-primary-news {
  opacity: 0.35;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
}
.all-features-list-modal .features-table .features-header .solid-primary-news:hover {
  opacity: 0.35;
  color: #1d4ed8;
  background-color: transparent;
  cursor: not-allowed !important;
}
.all-features-list-modal .features-table .features-header .ghost-primary-new.btn-ghost-primary {
  border-color: #1d4ed8;
  color: #1d4ed8;
  transition: all 0.3s ease-in-out;
}
.all-features-list-modal .features-table .features-header .ghost-primary-new.btn-ghost-primary:hover {
  background-color: #1d4ed8;
  color: #fff;
  cursor: pointer !important;
}
.all-features-list-modal .features-table .features-header .ghost-primary-new.btn-ghost-primary:disabled {
  transition: all 0.3s ease-in-out;
}
.all-features-list-modal .features-table .features-header .ghost-primary-new.btn-ghost-primary:disabled:hover {
  background-color: transparent;
  color: #1d4ed8;
  cursor: not-allowed !important;
}
.all-features-list-modal .features-table .features-header .plan-name {
  width: 176px;
  height: 8.813rem;
  padding: 1rem;
  border: 0.0625rem solid #f3f4f6;
  border-right: none;
}
.all-features-list-modal .features-table .features-header .plan-name:last-of-type {
  border-top-right-radius: 0.25rem;
  border-right: 0.0625rem solid #f3f4f6;
}
.all-features-list-modal .features-table .features-header .starter-plan-name {
  width: 176px !important;
}
.all-features-list-modal .features-table .features-header .cst-plan-name {
  width: 12.5rem !important;
}
.all-features-list-modal .features-table .features-header .professional-bg {
  background-color: #eff6ff;
}
.all-features-list-modal .features-table .features-content {
  overflow: hidden;
  padding: 0 0.75rem;
  margin: 0 0.75rem;
}
.all-features-list-modal .features-table .features-section {
  width: 852px;
}
.all-features-list-modal .features-table .features-section--header {
  height: 3rem;
  padding: 0.9375rem 1.25rem;
  background: #f9fafb;
  border: 0.0625rem solid #f3f4f6;
}
.all-features-list-modal .features-table .features-section .feature .cst-meta {
  width: 176px !important;
}
.all-features-list-modal .features-table .features-section .feature .starter-plan-meta {
  width: 11rem !important;
}
.all-features-list-modal .features-table .features-section .feature .feature-name {
  width: 34.5rem;
  padding-left: 1.25rem;
}
.all-features-list-modal .features-table .features-section .feature .feature-meta {
  width: 11rem;
  height: 3rem;
  padding: 14px 16px;
}
.all-features-list-modal .features-table .features-section .feature .feature-meta span {
  color: #202020;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 140%;
}
.all-features-list-modal .email-warmup-bg {
  background: rgba(255, 251, 235, 0.5);
}
.all-features-list-modal .email-outreach-bg {
  background: rgba(239, 246, 255, 0.5);
}

.cold-email-plan-comparison .modal-dialog {
  max-width: 59.875rem;
}
.cold-email-plan-comparison .modal-dialog .modal-content {
  min-height: 90vh;
}
.cold-email-plan-comparison .features-table .features-header .best-value-plan__label-wrapper {
  left: -2px;
  top: -1.3125rem;
  width: 100%;
}
.cold-email-plan-comparison .features-table .features-header .best-value-plan__label-wrapper .bs-tag {
  width: 9.5rem;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cold-email-plan-comparison .features-table .features-header .best-value-plan__label-wrapper .bs-tag-blue-3 {
  background: #37b489;
}
.cold-email-plan-comparison .features-table .features-header .feature-title {
  width: 23rem;
}
.cold-email-plan-comparison .features-table .features-section {
  width: 1250px;
}
.cold-email-plan-comparison .features-table .features-section .feature {
  height: 3rem;
}
.cold-email-plan-comparison .features-table .features-section .feature .feature-name {
  width: 23rem;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 8px 14px 20px;
}
.cold-email-plan-comparison .features-table .features-section .feature .feature-name .feature-name-container {
  display: flex;
  align-items: end;
  width: 100%;
}
.cold-email-plan-comparison .features-table .features-section .feature .feature-name .feature-name-container span {
  color: #202020;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.6px;
  width: fit-content;
}
.cold-email-plan-comparison .features-table .features-section .feature .feature-name .feature-tooltip {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #cacaca;
  text-underline-offset: 4px;
}
.cold-email-plan-comparison .features-table .features-section .feature .feature-meta .feature-tooltip {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #9ca3af;
  text-underline-offset: 4px;
}
.cold-email-plan-comparison .starter-bg {
  background: rgba(236, 254, 255, 0.5);
}
.cold-email-plan-comparison .professional-bg.odd {
  background-color: #fff;
}
.cold-email-plan-comparison .professional-bg.even {
  background-color: #eff6ff;
}
.cold-email-plan-comparison .business-bg {
  background: rgba(255, 251, 235, 0.5);
}
.cold-email-plan-comparison .email-outreach-pro-bg {
  background: rgba(255, 251, 235, 0.5);
}

.compare-plan-expand {
  gap: 8px;
}
.compare-plan-expand .compare-text {
  color: #1f2937;
  font-size: 18px;
  font-weight: 500;
  line-height: 23.4px;
}
.compare-plan-expand .chevron-down-icon {
  width: 24px;
  height: 24px;
  color: #0a090b;
}

.feature-header-plans .feature-planName {
  color: #202020;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.professional-header {
  background: #eff6ff;
}

.feature-header-price {
  color: #202020;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.35rem;
}

.month-text {
  color: #848484;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
}

.feature-header-annual-price {
  text-decoration: line-through;
  color: #848484;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
}

.comparison-plan-header {
  gap: 0.375rem;
}

.custom-plan-btn {
  opacity: 1 !important;
}

.attachment {
  width: 198px;
  height: 3rem;
  background: #ffffff;
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
  box-sizing: border-box;
  padding: 0.625rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  transition: all 0.2s ease;
}
.attachment--upload-failed {
  background: #fef2f2;
  border-color: #fca5a5;
}
.attachment--uploading {
  border-style: dashed;
}
.attachment:hover {
  cursor: pointer;
  background: #f3f4f6;
  transition: all 0.2s ease;
}
.attachment--interaction-disabled {
  cursor: default;
}
.attachment--interaction-disabled:hover {
  cursor: default;
  background: #ffffff;
}
.attachment--interaction-disabled .attachment--details h3 {
  cursor: default;
}
.attachment--interaction-disabled .attachment--details h3:hover {
  color: #1f2937;
}
.attachment--interaction-disabled.attachment--download-enabled .attachment--details h3 {
  cursor: pointer;
}
.attachment--interaction-disabled.attachment--download-enabled .attachment--details h3:hover {
  color: #1d4ed8;
}
.attachment--meta {
  display: flex;
  gap: 0.5rem;
}
.attachment--icon {
  display: flex;
  width: 1rem;
  height: 1rem;
  margin-top: 0.0625rem;
}
.attachment--details h3 {
  margin: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.attachment--details h3:hover {
  color: #1d4ed8;
}
.attachment--details p {
  margin: 0;
  margin-top: 2px;
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #6b7280;
}
.attachment--details .upload-failed {
  color: #b91c1c;
}
.attachment--action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  cursor: pointer;
  color: #6b7280;
}
.attachment--action i {
  font-size: 0.875rem;
}
.attachment--action:hover {
  color: #1f2937;
}
.attachment--progress {
  width: 12.375rem;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.attachment--progress .progress {
  height: 3px;
  background-color: transparent;
  border-radius: 0px 0.125rem 0.125rem 0px;
  margin-bottom: -1px;
}
.attachment--progress .progress .progress-bar {
  background-color: #1d4ed8;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.styling-detected-action-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 2px);
  height: 2rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0 0 0.25rem 0.25rem;
  border-top: 1px solid #d1d5db;
  background: #fff;
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
}
.styling-detected-action-bar__content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.styling-detected-action-bar__content h1 {
  color: #4b5563;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}
.styling-detected-action-bar__content h1 span {
  font-size: 0.625rem;
  font-weight: 400;
}
.styling-detected-action-bar__actions {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.styling-detected-action-bar__actions--btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  height: 1.5rem;
  padding: 0.25rem 0.375rem;
  border-radius: 0.25rem;
  background: #fff;
  color: #1f2937;
  border: none;
  transition: all 0.2s ease;
}
.styling-detected-action-bar__actions--btn svg {
  width: 1rem;
  height: 1rem;
}
.styling-detected-action-bar__actions--btn p {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.styling-detected-action-bar__actions--btn:hover {
  color: #1d4ed8;
  background: #eff6ff;
}
.styling-detected-action-bar__actions--divider {
  width: 1px;
  height: 1rem;
  border-radius: 1px;
  background: #d1d5db;
}
.styling-detected-action-bar__close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem;
  border-radius: 0.25rem;
  border: none;
  background-color: transparent;
}
.styling-detected-action-bar__close svg {
  width: 1rem;
  height: 1rem;
  color: #4b5563;
}
.styling-detected-action-bar__close:hover {
  background-color: #eff6ff;
}

.tooltip-styling-detected .tooltip-inner {
  max-width: 220px !important;
}

.email-modal--header {
  margin-bottom: 0.75rem;
}
.email-modal--header .tinymce-editor-error {
  font-size: 12px;
  color: #b91c1c;
  line-height: 16px;
}
.email-modal--editor {
  display: flex;
  height: 100%;
  max-height: calc(100% - 80px);
  position: relative;
}
.email-modal .with-one-inputs-one-error {
  max-height: calc(100% - 105px);
}
.email-modal .with-two-inputs {
  max-height: calc(100% - 110px);
}
.email-modal .with-two-inputs-one-error {
  max-height: calc(100% - 135px);
}
.email-modal .with-two-errors {
  max-height: calc(100% - 155px);
}
.email-modal .modal-dialog {
  max-width: 80.4rem;
}
.email-modal .modal-header {
  padding-left: 0px;
}
.email-modal .modal-header .step-info-wrapper {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  height: 2.25rem;
  background-color: #f3f4f6;
  border-radius: 0.25rem;
}
.email-modal .modal-header .step-info-wrapper .step-variant {
  margin-left: 1.125rem;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-modal .modal-header .modal-title .ai-generated-icon {
  width: 0.875rem;
  height: 0.875rem;
  max-width: 0.875rem;
  margin-right: 0.25rem;
}
.email-modal .modal-content {
  min-height: 90vh;
}
.email-modal .sidebar-header {
  padding-left: 1.5rem;
}
.email-modal .input-wrapper-preheader {
  margin-top: 0.75rem;
}
.email-modal .email-modal-input-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 2.5rem;
  padding: 0 0.9375rem;
  background-color: #ffffff;
  border: 0.0625rem solid #d1d5db;
  box-sizing: border-box;
  border-radius: 0.25rem;
  position: relative;
}
.email-modal .email-modal-input-wrapper.pre-header-input {
  margin-top: 12px;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  position: relative;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor {
  min-height: 6.25rem;
  width: 100%;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor.disbale-subject-text {
  opacity: 0.5;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container {
  height: 1.25rem;
  min-height: 1.25rem;
  border: none;
  background-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper {
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  max-height: 20px;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  opacity: 0.7;
  background-color: transparent;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div {
  position: absolute;
  width: 100%;
  white-space: nowrap;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div br {
  display: none;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div .merge-tag-chip-container {
  margin-bottom: 0px;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content.editor-with-checkbox div {
  overflow: hidden;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .tox-tinymce {
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  border: none !important;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .tox-edit-area {
  height: 1.25rem !important;
  min-height: 1.25rem !important;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .tox-edit-area iframe {
  height: 1.25rem !important;
  min-height: 1.25rem !important;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .tox-toolbar {
  display: none !important;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .mce-content-body {
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  text-overflow: unset !important;
  word-wrap: normal !important;
  word-break: normal !important;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .tox-edit-area iframe .mce-content-body {
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  word-wrap: normal !important;
  word-break: normal !important;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .editor .editor-editable-content-container .fixed-toolbar-container {
  display: none !important;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons {
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons .emoji-icon,
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons .spintax-icon {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  color: #6b7280;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons .emoji-icon:hover,
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons .spintax-icon:hover {
  background-color: #f5f5f5;
}
.email-modal .email-modal-input-wrapper .subject-editor-wrapper .subject-editor-icons.disabled {
  cursor: not-allowed;
  color: #4b5563;
  opacity: 0.5;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  position: relative;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor {
  height: 1.25rem;
  min-height: 1.25rem;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container {
  height: 1.25rem;
  min-height: 1.25rem;
  border: none;
  background-color: transparent;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .editor-editable-content.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  opacity: 0.7;
  background-color: transparent;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .editor-editable-content div {
  position: absolute;
  width: 100%;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-tinymce {
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  border: none !important;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .tox-edit-area {
  height: 1.25rem !important;
  min-height: 1.25rem !important;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .tox-edit-area iframe {
  height: 1.25rem !important;
  min-height: 1.25rem !important;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .tox-toolbar {
  display: none !important;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .mce-content-body {
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  text-overflow: unset !important;
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  max-height: 1.25rem !important;
  line-height: 1.25rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  background-color: transparent !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  word-break: keep-all !important;
  display: flex !important;
  align-items: center !important;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .mce-content-body span,
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-tinymce .mce-content-body p {
  white-space: nowrap !important;
  display: inline !important;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-statusbar,
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-menubar,
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .editor .editor-editable-content-container .tox-toolbar__primary {
  display: none !important;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .preheader-editor-toolbar {
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .preheader-editor-toolbar .preheader-editor-icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .preheader-editor-toolbar .preheader-editor-icons .emoji-icon,
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .preheader-editor-toolbar .preheader-editor-icons .spintax-icon {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .preheader-editor-toolbar .preheader-editor-icons .emoji-icon:hover,
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .preheader-editor-toolbar .preheader-editor-icons .spintax-icon:hover {
  background-color: #f5f5f5;
}
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .preheader-editor-toolbar .preheader-editor-icons .emoji-icon.disabled,
.email-modal .email-modal-input-wrapper .preheader-editor-wrapper .preheader-editor-toolbar .preheader-editor-icons .spintax-icon.disabled {
  cursor: not-allowed;
  color: #4b5563;
  opacity: 0.5;
}
.email-modal .email-modal-input-wrapper .ai-generated-subject-loading {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 6.5rem;
}
.email-modal .email-modal-input-wrapper.title-input-wrapper {
  margin-bottom: 1rem;
}
.email-modal .email-modal-input-wrapper.input-with-error {
  border: 1px solid #b91c1c;
}
.email-modal .email-modal-input-wrapper.input-with-error.title-input-wrapper {
  margin-bottom: 0;
}
.email-modal .email-modal-input-wrapper .email-modal-input-label {
  margin: 0;
  min-width: fit-content;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #6b7280;
}
.email-modal .email-modal-input-wrapper .label-for-preheader {
  min-width: 4.5rem;
}
.email-modal .email-modal-input-wrapper .email-modal-input-divider {
  min-width: 0.125rem;
  height: 1.25rem;
  margin: auto 1.25rem;
  background: #d1d5db;
  border-radius: 0.0625rem;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  width: 88%;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box:hover, .email-modal .email-modal-input-wrapper .email-modal-input-box:focus-within {
  border: none;
  border-color: transparent;
  border-right-width: 0;
  box-shadow: none;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box .toolbar-container {
  position: absolute;
  left: -99999px;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box .toolbar-container div .fixed-toolbar-container .tox-tinymce-aux .merge-tag-autocomplete .tox-collection--list {
  position: fixed;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box .editor-editable-content-container {
  padding: 0;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #111827;
  background-color: transparent;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box input::placeholder {
  color: #9ca3af;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box input:disabled {
  opacity: 0.5;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box.title-input input {
  font-weight: 500;
  color: #1f2937;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .emoji-icon,
.email-modal .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .add-merge-tag-option-container,
.email-modal .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .spintax-icon {
  cursor: not-allowed;
  color: #4b5563;
}
.email-modal .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .emoji-icon .merge-tag-icon,
.email-modal .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .add-merge-tag-option-container .merge-tag-icon,
.email-modal .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .spintax-icon .merge-tag-icon {
  cursor: not-allowed;
}
.email-modal .email-modal-input-error-wrapper {
  height: 20px;
}
.email-modal .email-modal-input-error {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1.125rem;
  color: #b91c1c;
  margin-top: 3px;
}
.email-modal .email-modal-input-error img {
  margin-right: 5px;
  margin-top: -1px;
}
.email-modal .email-modal-input-error.with-margin {
  margin-bottom: 1rem;
}
.email-modal .add-merge-tag-option-container {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  user-select: none;
}
.email-modal .add-merge-tag-option-container .merge-tag-text {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: normal;
  color: #1f2937;
}
.email-modal .add-merge-tag-option-container .merge-tag-icon {
  width: 1rem;
  height: 1rem;
}
.email-modal .add-merge-tag-option-container .add-merge-tag-option {
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.25rem;
  background: #ffffff;
  color: #222f3e;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem;
}
.email-modal .add-merge-tag-option-container .add-merge-tag-option:hover, .email-modal .add-merge-tag-option-container .add-merge-tag-option:focus {
  background: #f5f5f5;
}
.email-modal .add-merge-tag-option-container .add-merge-tag-option:active {
  background: #dee0e2;
}
.email-modal .subject-length {
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.25rem;
  color: #6b7280;
}
.email-modal .helper-wrapper {
  display: flex;
  justify-content: flex-end;
  align-self: center;
  width: 100%;
  height: 1.25rem;
}
.email-modal .helper-wrapper.with-recommendation {
  justify-content: space-between;
}
.email-modal .helper-wrapper .recommendation {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1.25rem;
  color: #b45309;
  margin: 0;
  margin-top: 3px;
}
.email-modal .subject-header {
  display: flex;
  align-items: center;
}
.email-modal .subject-header .subject-variable {
  flex: 1;
  display: flex;
  align-items: center;
}
.email-modal .subject-header .subject-variable label {
  margin: 0 1rem 0 0;
  color: #000000;
}
.email-modal .subject-header .bs-select-box {
  width: 9.25rem;
  height: 2.5rem;
  margin-left: 1rem;
}
.email-modal .modal-body {
  padding: 1rem 1.5rem !important;
  overflow-y: unset;
  height: calc(90vh - 120px);
  display: flex;
  flex-direction: column;
}
.email-modal .modal-body .email-editor-height {
  height: calc(90vh - 230px);
}
.email-modal .modal-body .email-editor-with-preheader {
  height: calc(90vh - 250px);
}
.email-modal .modal-body .subject-preheader-util-container {
  margin-top: 0.375rem;
}
.email-modal .modal-body .subject-preheader-util-container .bs-checkbox-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
}
.email-modal .modal-body .subject-preheader-util-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.email-modal .modal-body .subject-preheader-util-container .bs-checkbox-wrapper .bs-checkbox + span {
  padding-left: 0.375rem;
  padding-right: 0;
  user-select: none;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.email-modal .modal-body .subject-preheader-util-container .info-icon {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-modal .modal-body .subject-preheader-util-container .info-icon svg {
  width: 100%;
  height: 100%;
  color: #6b7280;
}
.email-modal .modal-body .preheader-text-label {
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  color: #1d4ed8;
  background: transparent;
  border: none;
  line-height: 1.125rem;
}
.email-modal .modal-body .email-editor {
  margin: 1rem 0 0 0;
  height: calc(90vh - 13rem);
}
.email-modal .modal-body .email-editor textarea {
  height: 100%;
}
.email-modal .modal-body.preview-body {
  background: #fafafa;
}
.email-modal .modal-body.preview-body .preview-header {
  display: flex;
  align-items: center;
}
.email-modal .modal-body.preview-body .preview-header .prev-mail {
  color: #000000;
  font-size: 18px;
  margin-right: 1rem;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
}
.email-modal .modal-body.preview-body .preview-header .prev-mail:hover {
  background: #e8e8e8;
}
.email-modal .modal-body.preview-body .preview-header .prospect-count {
  color: #000000;
  margin: 0 1.5rem;
}
.email-modal .modal-body.preview-body .preview-header .next-mail {
  color: #000000;
  font-size: 18px;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
}
.email-modal .modal-body.preview-body .preview-header .next-mail:hover {
  background: #e8e8e8;
}
.email-modal .modal-body.preview-body .preview-header .bs-input-affix-wrapper {
  flex: 0 18.75rem;
}
.email-modal .modal-body.preview-body .preview-body {
  margin: 1rem 0;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  background: #ffffff;
  padding: 1.5rem;
}
.email-modal .modal-body.preview-body .preview-body p {
  color: #000000;
}
.email-modal .modal-body .merge-tag-icon {
  font-size: 1.2rem;
  color: #bfbfbf;
  cursor: pointer;
}
.email-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.email-modal .modal-footer .email-modal-footer {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  margin: 0;
  min-height: 4rem;
  max-height: 4rem;
  height: 4rem;
  padding: 1rem 1.5rem;
}
.email-modal .modal-footer .email-modal-footer.footer-part {
  justify-content: space-between;
}
.email-modal .modal-footer .email-modal-footer .send-test-email-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-left: 1.5rem;
}
.email-modal .modal-footer .email-modal-footer .send-test-email-container .email-input-container {
  width: 20rem;
  display: flex;
}
.email-modal .modal-footer .email-modal-footer .switchToggle {
  flex: 0 8.75rem;
  display: flex;
  width: 150px;
}
.email-modal .modal-footer .email-modal-footer .switchToggle label {
  white-space: nowrap;
  margin: 0;
  color: #000000;
}
.email-modal .modal-footer .email-modal-footer .test-mail-block {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.email-modal .modal-footer .email-modal-footer .test-mail-block label {
  margin: 0 0.75rem 0 0;
  color: #000000;
}
.email-modal .modal-footer .email-modal-footer .test-mail-block .bs-input-affix-wrapper {
  width: 12.5rem;
}
.email-modal .modal-footer .day-input-spinner {
  display: flex;
  align-items: center;
}
.email-modal .modal-footer .day-input-spinner label {
  margin: 0 0.75rem 0 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #1f2937;
}
.email-modal .modal-footer .day-input-spinner .day-number {
  min-width: 3.5rem;
  margin: 0 0.75rem 0 0;
  width: 4rem;
}
.email-modal .modal-footer .day-input-spinner .day-number input[type=number]::-webkit-outer-spin-button,
.email-modal .modal-footer .day-input-spinner .day-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.email-modal .modal-footer .day-input-spinner .day-number input[type=number] {
  -moz-appearance: textfield;
  color: #1f2937;
}
.email-modal .modal-sidebar .modal-body {
  max-height: calc(90vh - 3.5rem);
  overflow: hidden;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content {
  height: 100%;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content .bs-tabs {
  height: 100%;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content .bs-tabs .bs-tabs-content-holder {
  overflow-y: hidden;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content .bs-tabs .bs-tabs-content-holder .bs-tabs-content {
  height: 100%;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content .bs-tabs .bs-tabs-content-holder .bs-tabs-content .tab-scrollbar-container {
  height: 100%;
  overflow-y: auto;
  margin-right: 0.3125rem;
  padding: 0 1.1875rem 0 1.5rem;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content .bs-tabs .bs-tabs-content-holder .bs-tabs-content .tab-scrollbar-container .os-scrollbar-track {
  width: 0.4375rem !important;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content .bs-tabs .bs-tabs-content-holder .bs-tabs-content .tab-scrollbar-container .os-scrollbar-track .os-scrollbar-handle {
  width: 0.4375rem !important;
  border-radius: 0.25rem;
  background: #e5e7eb;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content .bs-tabs .bs-tabs-content-holder .bs-tabs-content .email-preview-tab {
  height: 100%;
}
.email-modal .modal-sidebar .modal-body .sidebar-body-content .bs-tabs .bs-tabs-content-holder .bs-tabs-content .email-preview-tab .email-preview-tab-inner {
  height: 100%;
}
.email-modal .modal-sidebar .bs-tabs-nav {
  margin: 0 1.5rem;
}
.email-modal .modal-sidebar .bs-tabs-content-holder {
  padding: 0;
  padding-top: 1rem;
  position: relative;
}
.email-modal .modal-sidebar .bs-tabs-content-holder .bs-tabs-content {
  width: 100%;
}
.email-modal .modal-sidebar .bs-tabs-nav-list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.email-modal .modal-sidebar .bs-tabs-tab {
  width: 7.9375rem;
  height: 2.0625rem;
  padding: 0 !important;
  padding-bottom: 0.75rem !important;
  margin: 0 !important;
}
.email-modal .modal-sidebar .bs-tabs-tab .bs-tabs-tab-btn {
  width: 100%;
  height: 1.25rem;
}
.email-modal .modal-sidebar .bs-tabs-tab .sidebar-tabs--tab {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.email-modal .modal-sidebar .bs-tabs-tab .sidebar-tabs--tab svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #9ca3af;
  transition: all 0.2s ease;
}
.email-modal .modal-sidebar .bs-tabs-tab .sidebar-tabs--tab span {
  color: #9ca3af;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  transition: all 0.2s ease;
}
.email-modal .modal-sidebar .bs-tabs-tab:hover .sidebar-tabs--tab svg,
.email-modal .modal-sidebar .bs-tabs-tab:hover .sidebar-tabs--tab span, .email-modal .modal-sidebar .bs-tabs-tab.bs-tabs-tab-active .sidebar-tabs--tab svg,
.email-modal .modal-sidebar .bs-tabs-tab.bs-tabs-tab-active .sidebar-tabs--tab span {
  color: #1d4ed8;
}
.email-modal .modal-sidebar .email-suggestions-wrapper {
  width: 100%;
  background-color: #f9fafb;
  border-radius: 0.25rem;
  padding: 1.25rem 0.9375rem;
  margin: 1.25rem 0;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion {
  margin-bottom: 1.25rem;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion:last-of-type {
  margin-bottom: 0;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion p {
  margin: 0;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-header .email-suggestion-title {
  font-weight: bold;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #1f2937;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-header .email-suggestion-length {
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #4b5563;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-header .email-suggestion-length.with-tooltip {
  border-bottom: 1px dashed #9ca3af;
  box-sizing: border-box;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-progress {
  height: 0.3125rem;
  border-radius: 0.25rem;
  margin-top: 0.625rem;
  margin-bottom: 0.3125rem;
  background-color: #e5e7eb;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-progress .progress-bar {
  border-radius: 0.25rem;
  background-color: transparent;
  transition: 1.5s all ease;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-footer .email-suggestion-helper-text,
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-footer .email-suggestion-status {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #6b7280;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .email-suggestion-footer .email-suggestion-helper-text {
  font-weight: 400;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .too-short {
  color: #b91c1c !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .too-short .progress-bar {
  background-color: #b91c1c !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .short {
  color: #d97706 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .short .progress-bar {
  background-color: #d97706 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .ideal {
  color: #047857 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .ideal .progress-bar {
  background-color: #047857 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .lengthy {
  color: #d97706 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .lengthy .progress-bar {
  background-color: #d97706 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .too-lengthy {
  color: #b91c1c !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .too-lengthy .progress-bar {
  background-color: #b91c1c !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .poor {
  color: #b91c1c !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .poor .progress-bar {
  background-color: #b91c1c !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .average {
  color: #d97706 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .average .progress-bar {
  background-color: #d97706 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .good {
  color: #047857 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .good .progress-bar {
  background-color: #047857 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .excellent {
  color: #047857 !important;
}
.email-modal .modal-sidebar .email-suggestions-wrapper .email-suggestion .excellent .progress-bar {
  background-color: #047857 !important;
}
.email-modal .modal-sidebar .content-guide-info-wrapper {
  width: 100%;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-modal .modal-sidebar .content-guide-info-wrapper .content-guide-info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.email-modal .modal-sidebar .content-guide-info-wrapper .content-guide-info-badge {
  width: 1.4375rem;
  height: 0.75rem;
  padding: 0.1875rem;
  display: flex;
  justify-content: center;
  border-radius: 0.125rem;
  border: 0rem solid #f5f5f5;
  background: #10b981;
}
.email-modal .modal-sidebar .content-guide-info-wrapper .content-guide-info-badge span {
  color: #fff;
  text-align: center;
  font-size: 0.4375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.5rem;
}
.email-modal .modal-sidebar .content-guide-info-wrapper h4 {
  color: #1f2937;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  margin: 0;
}
.email-modal .modal-sidebar .need-help-cta {
  width: 24.8125rem;
  padding: 0 0.9375rem 0.9375rem 0.9375rem;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.email-modal .modal-sidebar .need-help-cta .need-help-cta-title {
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  color: #1f2937;
  margin: 0;
  margin-bottom: 0.625rem;
}
.email-modal .modal-sidebar .need-help-cta .need-help-cta-content {
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  color: #6b7280;
  margin: 0;
}
.email-modal .modal-sidebar .need-help-cta .need-help-cta-content a {
  color: #1d4ed8;
  text-decoration: underline;
}
.email-modal .modal-sidebar .need-help-cta .need-help-cta-content a:hover {
  color: #1d4ed8;
}

.content-guide-tooltip .tooltip-inner {
  max-width: 25rem !important;
}

.pre-header-tooltip .tooltip-inner {
  max-width: 15rem !important;
}

.text-only-email-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  height: 1.375rem;
  padding: 0rem 0.5rem;
  background-color: #fff;
  border-radius: 0.6875rem;
  cursor: pointer;
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
.text-only-email-badge .dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #34d399;
  border-radius: 50%;
}
.text-only-email-badge p {
  color: #9ca3af;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}

.text-only-email-popover {
  width: 285px;
  max-width: none;
  border-radius: 0.25rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
  background: #fff;
  padding: 0 !important;
}
.text-only-email-popover .bs-popover-inner-content {
  padding: 0.625rem !important;
}
.text-only-email-popover .content {
  display: flex;
  gap: 0.5rem;
}
.text-only-email-popover svg {
  color: #9ca3af;
}
.text-only-email-popover p {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
}
.text-only-email-popover p a {
  color: #1d4ed8;
  text-decoration: none;
}
.text-only-email-popover p span {
  color: #1d4ed8;
}

.html-content-detected-modal .modal-dialog {
  min-height: calc(100% - 3.5rem) !important;
  margin-top: 1.75rem !important;
}
.html-content-detected-modal .modal-dialog .delete-account-title-icon svg {
  color: #d97706;
}
.html-content-detected-modal .bs-checkbox-wrapper span {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.nudge-text-only-email-wrapper {
  width: 24.8125rem;
  border-radius: 0.25rem;
  background: #eff6ff;
  margin-top: 1.25rem;
  padding: 0.9375rem 0.5625rem 0.9375rem 0.9375rem;
}
.nudge-text-only-email-wrapper .nudge-text-only-email-badge {
  padding: 0 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8125rem;
  height: 0.875rem;
  background: #10b981;
  border: 0.0625rem solid #10b981;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.5rem;
  line-height: 0.875rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.nudge-text-only-email-wrapper h3 {
  color: #1f2937;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.875rem;
  margin: 0;
  margin-bottom: 0.25rem;
}
.nudge-text-only-email-wrapper p {
  width: 92%;
  margin: 0;
  color: #6b7280;
  font-size: 0.625rem;
  line-height: 1rem;
}

.email-preview-tab {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.email-preview-tab .email-preview-tab-inner {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.email-preview-tab .email-preview-tab-inner .no-email-content-container {
  padding-top: 20%;
  height: calc(100% - 4rem);
}
.email-preview-tab .email-preview-tab-inner .no-email-content {
  width: 11.875rem;
  height: 8rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.email-preview-tab .email-preview-tab-inner .no-email-content p {
  color: #9ca3af;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.email-preview-tab .to-subject-render-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.email-preview-tab .to-subject-render-container p {
  color: #1f2937;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
  word-break: break-all;
}
.email-preview-tab .to-subject-render-container p span {
  font-weight: 600;
}
.email-preview-tab .content-preview-container {
  color: #212529;
  font-size: 0.8125rem;
  line-break: strict;
}
.email-preview-tab .content-preview-container h1,
.email-preview-tab .content-preview-container h2,
.email-preview-tab .content-preview-container h3,
.email-preview-tab .content-preview-container h4,
.email-preview-tab .content-preview-container h5,
.email-preview-tab .content-preview-container h6 {
  font-weight: bold;
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.email-preview-tab .content-preview-container h1 {
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}
.email-preview-tab .content-preview-container h2 {
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
.email-preview-tab .content-preview-container h3 {
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.email-preview-tab .content-preview-container h4 {
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}
.email-preview-tab .content-preview-container h5 {
  font-size: 0.83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
}
.email-preview-tab .content-preview-container h6 {
  font-size: 0.67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
}
.email-preview-tab .content-preview-container p {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
  margin-left: 0;
  margin-right: 0;
  line-height: normal;
}
.email-preview-tab .content-preview-container pre {
  white-space: pre-line;
}

.email-modal .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .spin-text {
  cursor: not-allowed !important;
}

.h-18px {
  height: 1.125rem;
}

.email-modal .bs-modal-footer-action-buttons .save-ai-generated-email-animation-container {
  width: 22px;
  height: 22px;
  max-width: 22px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(1rem, 0);
}
.email-modal .bs-modal-footer-action-buttons .save-ai-generated-email-animation-container .star-animation {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.inbox-test-modal .modal-content .modal-header {
  border-bottom: none;
  padding: 0.5rem 1.5rem 0rem 1.5rem;
}
.inbox-test-modal .modal-content .modal-title .modal-email-update-title span {
  color: #1f2937;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
.inbox-test-modal .modal-content .modal-body {
  padding: 0rem 1.5rem 1.5rem 1.5rem !important;
}
.inbox-test-modal .modal-content .modal-body .inbox-test-modal-content p {
  color: var(--Product-Text-Primary, #1f2937);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  margin-bottom: 0;
}
.inbox-test-modal .modal-content .modal-footer {
  padding: 1.25rem 1.5rem !important;
}

@keyframes li-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.linkedin-automation-step-modal .modal-dialog {
  width: 680px !important;
  max-width: 95vw !important;
}
.linkedin-automation-step-modal .bs-modal-header,
.linkedin-automation-step-modal .modal-header {
  padding: 16px 24px 0;
  border-bottom: none;
}
.linkedin-automation-step-modal .bs-modal-header .modal-title,
.linkedin-automation-step-modal .modal-header .modal-title {
  width: 100%;
}
.linkedin-automation-step-modal .modal-content {
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem !important;
  overflow: hidden;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.linkedin-automation-step-modal .modal-content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.linkedin-automation-step-modal .modal-body {
  padding: 24px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  max-height: none;
  display: flex;
  flex-direction: column;
}
.linkedin-automation-step-modal__header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.linkedin-automation-step-modal__close-btn {
  width: 32px;
  height: 36px;
  border-radius: 0.25rem;
  border: none;
  background: none;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-shrink: 0;
  transition: background 0.2s, color 0.2s;
}
.linkedin-automation-step-modal__close-btn:hover {
  background: #f3f4f6;
  color: #262626;
}
.linkedin-automation-step-modal__view-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -8px -1.5rem 0;
  padding: 24px 24px 0;
}
.linkedin-automation-step-modal__view-back {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 32px;
  height: 32px;
  border-radius: 0.25rem;
  border: none;
  background: none;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  transition: background 0.2s, color 0.2s;
}
.linkedin-automation-step-modal__view-back:hover {
  color: #262626;
}
.linkedin-automation-step-modal__view-actions {
  position: absolute;
  top: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.linkedin-automation-step-modal__view-action-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  transition: color 0.2s;
}
.linkedin-automation-step-modal__view-action-btn:hover {
  color: #262626;
}
.linkedin-automation-step-modal__view-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  border-radius: 0.25rem;
  border: none;
  background: none;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  transition: background 0.2s, color 0.2s;
}
.linkedin-automation-step-modal__view-close:hover {
  color: #262626;
}
.linkedin-automation-step-modal__view-logos {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 0;
}
.linkedin-automation-step-modal__view-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.linkedin-automation-step-modal__view-logo svg {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__view-arrow {
  display: flex;
  align-items: center;
  color: rgba(156, 163, 175, 0.8);
  margin: 0 4px;
}
.linkedin-automation-step-modal__view-title {
  font-size: 20px;
  font-weight: 600;
  color: #262626;
  text-align: center;
  margin: 24px 0 8px;
}
.linkedin-automation-step-modal__view-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 0;
}
.linkedin-automation-step-modal__branded-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f4f6;
}
.linkedin-automation-step-modal__branded-logo {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linkedin-automation-step-modal__branded-logo svg {
  display: block;
}
.linkedin-automation-step-modal__branded-arrow {
  color: #9ca3af;
  display: flex;
  align-items: center;
}
.linkedin-automation-step-modal__branded-arrow svg {
  width: 16px;
  height: 16px;
}
.linkedin-automation-step-modal__intro-hero {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e40af 100%);
  margin: -24px -24px 0;
  padding: 32px 24px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.linkedin-automation-step-modal__intro-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(59, 130, 246, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.1) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
}
.linkedin-automation-step-modal__intro-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}
.linkedin-automation-step-modal__intro-logo-box {
  width: 52px;
  height: 52px;
  background: #ffffff;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.linkedin-automation-step-modal__intro-logo-platform {
  width: 52px;
  height: 52px;
  border-radius: 0.5rem;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
}
.linkedin-automation-step-modal__intro-logo-platform svg {
  display: block;
  overflow: visible;
}
.linkedin-automation-step-modal__intro-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
.linkedin-automation-step-modal__intro-arrow svg {
  width: 24px;
  height: 24px;
}
.linkedin-automation-step-modal__intro-title {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  text-align: center;
}
.linkedin-automation-step-modal__intro-body {
  padding: 24px 0;
}
.linkedin-automation-step-modal__intro-benefits-title {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  margin: 0 0 16px;
}
.linkedin-automation-step-modal__intro-benefits {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.linkedin-automation-step-modal__intro-benefit {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.linkedin-automation-step-modal__intro-benefit-check {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}
.linkedin-automation-step-modal__intro-benefit-check svg {
  display: block;
}
.linkedin-automation-step-modal__intro-benefit-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.linkedin-automation-step-modal__intro-benefit-label {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  line-height: 1.4;
}
.linkedin-automation-step-modal__intro-benefit-desc {
  font-size: 13px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.5;
}
.linkedin-automation-step-modal__platform-tabs {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}
.linkedin-automation-step-modal__platform-selection {
  padding-top: 0;
}
.linkedin-automation-step-modal__platform-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.linkedin-automation-step-modal__platform-card {
  border: 1.5px solid #e8e8e8;
  border-radius: 0.5rem;
  padding: 16px;
  text-align: left;
  cursor: pointer;
  background: #ffffff;
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
  position: relative;
  outline: none;
}
.linkedin-automation-step-modal__platform-card:hover {
  border-color: #0137fc;
  transform: translateY(-2px);
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08);
}
.linkedin-automation-step-modal__platform-card:focus-visible {
  border-color: #0137fc;
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.2);
}
.linkedin-automation-step-modal__platform-card--add-new {
  border-style: dashed;
}
.linkedin-automation-step-modal__platform-card--request {
  border-style: dashed;
}
.linkedin-automation-step-modal__platform-card-logo {
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.linkedin-automation-step-modal__platform-card-logo svg {
  display: block;
}
.linkedin-automation-step-modal__platform-card-logo--add-new {
  background: #f5f5f5;
  border: 2px dashed #d9d9d9;
  color: #9ca3af;
}
.linkedin-automation-step-modal__tool-card-name {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 12px;
}
.linkedin-automation-step-modal__tool-card-name--muted {
  color: #9ca3af;
}
.linkedin-automation-step-modal__tool-card-desc {
  font-size: 12px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.4;
}
.linkedin-automation-step-modal__platform-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  background: #eff6ff;
  border-radius: 0.25rem;
  margin-top: 16px;
}
.linkedin-automation-step-modal__platform-note svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: #1d4ed8;
  margin-top: 1px;
}
.linkedin-automation-step-modal__platform-note-text {
  font-size: 12px;
  color: #262626;
  line-height: 1.5;
}
.linkedin-automation-step-modal__stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px -1.5rem 0;
  padding: 16px 1.5rem;
  border-bottom: 1px solid #e8e8e8;
}
.linkedin-automation-step-modal__stepper-step {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.linkedin-automation-step-modal__stepper-number {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__stepper-number--active {
  background: #1d4ed8;
  color: #fff;
}
.linkedin-automation-step-modal__stepper-number--completed {
  background: #1d4ed8;
  color: #fff;
}
.linkedin-automation-step-modal__stepper-number--inactive {
  border: 1.5px solid #d9d9d9;
  color: #6b7280;
  background: transparent;
}
.linkedin-automation-step-modal__stepper-label {
  font-size: 14px;
  white-space: nowrap;
  color: #6b7280;
}
.linkedin-automation-step-modal__stepper-label--active {
  color: #262626;
  font-weight: 600;
}
.linkedin-automation-step-modal__stepper-label--completed {
  color: #6b7280;
}
.linkedin-automation-step-modal__stepper-label--inactive {
  color: #6b7280;
}
.linkedin-automation-step-modal__stepper-connector {
  width: 48px;
  height: 1px;
  background: #d9d9d9;
  margin: 0 16px;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__stepper-connector--completed {
  background: #1d4ed8;
}
.linkedin-automation-step-modal__api-key-body {
  padding-top: 16px;
  padding-bottom: 24px;
}
.linkedin-automation-step-modal__api-input.form-control {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  line-height: normal !important;
  color: #262626 !important;
}
.linkedin-automation-step-modal__api-input.form-control::placeholder {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #9ca3af !important;
  opacity: 1 !important;
}
.linkedin-automation-step-modal .linkedin-fm-layout,
.linkedin-automation-step-modal .linkedin-campaign-layout {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.linkedin-automation-step-modal__campaign-body, .linkedin-automation-step-modal__mapping-body {
  flex: 1;
  min-height: 100px;
  max-height: calc(90vh - 320px);
  padding-top: 16px;
  padding-bottom: 8px;
  overflow-y: auto;
}
.linkedin-automation-step-modal__campaign-body::-webkit-scrollbar, .linkedin-automation-step-modal__mapping-body::-webkit-scrollbar {
  width: 6px;
}
.linkedin-automation-step-modal__campaign-body::-webkit-scrollbar-track, .linkedin-automation-step-modal__mapping-body::-webkit-scrollbar-track {
  background: transparent;
}
.linkedin-automation-step-modal__campaign-body::-webkit-scrollbar-thumb, .linkedin-automation-step-modal__mapping-body::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 3px;
}
.linkedin-automation-step-modal__form-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #262626;
  margin-bottom: 8px;
}
.linkedin-automation-step-modal__required {
  color: #f5222d;
  margin-left: 1px;
}
.linkedin-automation-step-modal__input-wrapper {
  position: relative;
}
.linkedin-automation-step-modal__input-wrapper .form-control {
  padding: 4px 40px 4px 11px !important;
  height: 36px;
  font-size: 14px !important;
  line-height: normal;
  font-family: "Inter", sans-serif;
  color: #262626;
}
.linkedin-automation-step-modal__input-wrapper .form-control::placeholder {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  line-height: normal !important;
  color: #9ca3af !important;
  font-weight: 400 !important;
}
.linkedin-automation-step-modal__input-wrapper .form-control:-webkit-autofill {
  -webkit-text-fill-color: #262626;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}
.linkedin-automation-step-modal__input--masked {
  -webkit-text-security: disc;
  letter-spacing: 2px;
}
.linkedin-automation-step-modal__input-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  padding: 0;
  display: flex;
  align-items: center;
}
.linkedin-automation-step-modal__input-icon:hover {
  color: #262626;
}
.linkedin-automation-step-modal__input-icon svg {
  width: 16px;
  height: 16px;
}
.linkedin-automation-step-modal__form-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.linkedin-automation-step-modal__form-help-path {
  font-size: 12px;
  color: #9ca3af;
  text-decoration: none;
}
.linkedin-automation-step-modal__form-help-path:hover {
  text-decoration: underline;
  color: #9ca3af;
}
.linkedin-automation-step-modal__form-hint {
  font-size: 12px;
  color: #9ca3af;
}
.linkedin-automation-step-modal__form-hint a {
  color: #1d4ed8;
  text-decoration: none;
  font-weight: 500;
}
.linkedin-automation-step-modal__form-hint a:hover {
  text-decoration: underline;
}
.linkedin-automation-step-modal__api-key-form {
  width: 100%;
}
.linkedin-automation-step-modal__form-group {
  margin-bottom: 8px;
}
.linkedin-automation-step-modal__form-group label {
  display: block;
  margin-bottom: 4px;
}
.linkedin-automation-step-modal__btn {
  height: 32px;
  padding: 0 16px;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
  border: none;
}
.linkedin-automation-step-modal__btn--cancel {
  background: #ffffff;
  color: #9ca3af;
  border: 1px solid #e5e7eb;
  min-width: 6.25rem;
}
.linkedin-automation-step-modal__btn--cancel:hover:not(:disabled) {
  background: #f3f4f6;
  color: #9ca3af;
}
.linkedin-automation-step-modal__btn--primary {
  background: #1d4ed8;
  color: #ffffff;
}
.linkedin-automation-step-modal__btn--primary:hover:not(:disabled) {
  background: rgb(10.1888755502%, 27.4045618247%, 75.8895558223%);
}
.linkedin-automation-step-modal__btn--primary:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.linkedin-automation-step-modal__combobox {
  position: relative;
  width: 100%;
}
.linkedin-automation-step-modal__combobox-input {
  width: 100%;
  height: 32px;
  padding: 4px 36px 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  font-size: 14px;
  background: #ffffff;
  color: #262626;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.linkedin-automation-step-modal__combobox-input::placeholder {
  color: #6b7280;
}
.linkedin-automation-step-modal__combobox-input:hover {
  border-color: #1d4ed8;
}
.linkedin-automation-step-modal__combobox-input--has-value {
  color: #262626;
  cursor: text;
}
.linkedin-automation-step-modal__combobox-input:focus, .linkedin-automation-step-modal__combobox-input--open {
  outline: none;
  border-color: #1d4ed8;
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
  cursor: text;
}
.linkedin-automation-step-modal__combobox-chevron {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  pointer-events: none;
  display: flex;
  align-items: center;
}
.linkedin-automation-step-modal__combobox-chevron svg {
  width: 16px;
  height: 16px;
}
.linkedin-automation-step-modal__combobox-dropdown {
  position: fixed;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  z-index: 9999;
  overflow: hidden;
  animation: dropdownFadeIn 0.12s ease;
}
@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.linkedin-automation-step-modal__dropdown-list {
  max-height: 176px;
  overflow-y: auto;
}
.linkedin-automation-step-modal__dropdown-list::-webkit-scrollbar {
  width: 6px;
}
.linkedin-automation-step-modal__dropdown-list::-webkit-scrollbar-track {
  background: #f9fafb;
}
.linkedin-automation-step-modal__dropdown-list::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 3px;
}
.linkedin-automation-step-modal__dropdown-list::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}
.linkedin-automation-step-modal__dropdown-empty {
  padding: 40px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.linkedin-automation-step-modal__dropdown-loading {
  padding: 20px;
}
.linkedin-automation-step-modal__skeleton-stacked {
  height: 16px;
  border-radius: 4px;
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  animation: li-shimmer 1.5s infinite;
  margin-bottom: 10px;
}
.linkedin-automation-step-modal__skeleton-stacked--w60 {
  width: 60%;
}
.linkedin-automation-step-modal__skeleton-stacked--w80 {
  width: 80%;
}
.linkedin-automation-step-modal__skeleton-stacked--w50 {
  width: 50%;
}
.linkedin-automation-step-modal__skeleton-loading-text {
  text-align: center;
  font-size: 11px;
  color: #9ca3af;
  margin-top: 8px;
  margin-bottom: 0;
}
.linkedin-automation-step-modal__campaign-skeleton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #f3f4f6;
}
.linkedin-automation-step-modal__campaign-skeleton:last-child {
  border-bottom: none;
}
.linkedin-automation-step-modal__skeleton-line {
  height: 14px;
  border-radius: 4px;
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  animation: li-shimmer 1.5s infinite;
}
.linkedin-automation-step-modal__skeleton-line--wide {
  width: 60%;
}
.linkedin-automation-step-modal__skeleton-line--short {
  width: 30%;
}
.linkedin-automation-step-modal__skeleton-badge {
  width: 56px;
  height: 20px;
  border-radius: 10px;
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  animation: li-shimmer 1.5s infinite;
}
.linkedin-automation-step-modal__selected-label {
  margin-bottom: 0;
}
.linkedin-automation-step-modal__campaign-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  cursor: pointer;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.12s;
}
.linkedin-automation-step-modal__campaign-item:last-child {
  border-bottom: none;
}
.linkedin-automation-step-modal__campaign-item:hover:not(.linkedin-automation-step-modal__campaign-item--disabled) {
  background: #f9fafb;
}
.linkedin-automation-step-modal__campaign-item--selected {
  background: #dbeafe;
  border-left: 3px solid #1d4ed8;
}
.linkedin-automation-step-modal__campaign-item--selected:hover {
  background: #dbeafe;
}
.linkedin-automation-step-modal__campaign-item--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.linkedin-automation-step-modal__campaign-item-left {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.linkedin-automation-step-modal__campaign-item-name {
  font-size: 14px;
  color: #262626;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.linkedin-automation-step-modal__campaign-item-meta {
  font-size: 12px;
  color: #6b7280;
}
.linkedin-automation-step-modal__campaign-item-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__campaign-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 100px;
  white-space: nowrap;
}
.linkedin-automation-step-modal__campaign-badge .linkedin-automation-step-modal__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__campaign-badge--active {
  color: #1d4ed8;
  background: #eff6ff;
}
.linkedin-automation-step-modal__campaign-badge--active .linkedin-automation-step-modal__status-dot {
  background: #1d4ed8;
}
.linkedin-automation-step-modal__campaign-badge--paused {
  color: #b45309;
  background: #fffbe6;
}
.linkedin-automation-step-modal__campaign-badge--paused .linkedin-automation-step-modal__status-dot {
  background: #faad14;
}
.linkedin-automation-step-modal__campaign-badge--completed {
  color: #15803d;
  background: #dcfce7;
}
.linkedin-automation-step-modal__campaign-badge--completed .linkedin-automation-step-modal__status-dot {
  background: #16a34a;
}
.linkedin-automation-step-modal__campaign-badge--init {
  color: #9ca3af;
  background: #f5f5f5;
}
.linkedin-automation-step-modal__campaign-badge--init .linkedin-automation-step-modal__status-dot {
  background: #9ca3af;
}
.linkedin-automation-step-modal__campaign-badge--starting {
  color: #4f46e5;
  background: #eef2ff;
}
.linkedin-automation-step-modal__campaign-badge--starting .linkedin-automation-step-modal__status-dot {
  background: #4f46e5;
}
.linkedin-automation-step-modal__campaign-badge--error {
  color: #b91c1c;
  background: #fee2e2;
}
.linkedin-automation-step-modal__campaign-badge--error .linkedin-automation-step-modal__status-dot {
  background: #f5222d;
}
.linkedin-automation-step-modal__campaign-link {
  color: #9ca3af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s;
}
.linkedin-automation-step-modal__campaign-link:hover {
  color: #0137fc;
}
.linkedin-automation-step-modal__campaign-link svg {
  width: 16px;
  height: 16px;
}
.linkedin-automation-step-modal__account-section {
  margin-top: 20px;
}
.linkedin-automation-step-modal__account-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #262626;
  margin-bottom: 8px;
}
.linkedin-automation-step-modal__optional-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 20px;
  font-size: 11px;
  font-weight: 400;
  color: #6b7280;
  background: #e5e7eb;
  border-radius: 0.25rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__account-select {
  position: relative;
  width: 100%;
}
.linkedin-automation-step-modal__account-trigger {
  width: 100%;
  height: 32px;
  padding: 0 36px 0 11px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  font-size: 14px;
  color: #262626;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}
.linkedin-automation-step-modal__account-trigger:hover {
  border-color: #1d4ed8;
}
.linkedin-automation-step-modal__account-trigger:focus {
  outline: none;
  border-color: #1d4ed8;
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
}
.linkedin-automation-step-modal__account-trigger--open {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E");
}
.linkedin-automation-step-modal__account-placeholder {
  color: #6b7280;
  font-size: 14px;
}
.linkedin-automation-step-modal__account-name {
  color: #262626;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.linkedin-automation-step-modal__account-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #0a66c2;
  color: #ffffff;
  font-size: 8px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: 0;
}
.linkedin-automation-step-modal__account-dropdown {
  position: fixed;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
  z-index: 9999;
  max-height: 218px;
  overflow-y: auto;
  overflow-x: hidden;
}
.linkedin-automation-step-modal__account-option {
  padding: 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.1s;
  display: flex;
  align-items: center;
  gap: 10px;
}
.linkedin-automation-step-modal__account-option:last-child {
  border-bottom: none;
}
.linkedin-automation-step-modal__account-option:hover:not(.linkedin-automation-step-modal__account-option--disabled) {
  background: #f9fafb;
}
.linkedin-automation-step-modal__account-option--selected {
  background: #eff6ff;
}
.linkedin-automation-step-modal__account-option--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.linkedin-automation-step-modal__account-option .linkedin-automation-step-modal__account-avatar {
  width: 32px;
  height: 32px;
  font-size: 11px;
  border-radius: 50%;
}
.linkedin-automation-step-modal__account-option-details {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}
.linkedin-automation-step-modal__account-option-name {
  font-size: 14px;
  font-weight: 500;
  color: #262626;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.linkedin-automation-step-modal__account-option-url {
  font-size: 12px;
  color: #9ca3af;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.linkedin-automation-step-modal__account-check {
  margin-left: auto;
  flex-shrink: 0;
  color: #1d4ed8;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linkedin-automation-step-modal__account-info-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
  padding: 10px 12px;
  background: #eff6ff;
  border-radius: 0.25rem;
}
.linkedin-automation-step-modal__account-info-note svg {
  width: 14px;
  height: 14px;
  color: #175cd3;
  flex-shrink: 0;
  margin-top: 1px;
}
.linkedin-automation-step-modal__account-info-note span {
  font-size: 12px;
  color: #262626;
  line-height: 1.5;
}
.linkedin-automation-step-modal__alert {
  padding: 10px 14px;
  border-radius: 0.25rem;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.linkedin-automation-step-modal__alert--warning {
  background: #fffbe6;
  color: #262626;
}
.linkedin-automation-step-modal__alert--warning svg {
  color: #b45309;
  flex-shrink: 0;
  margin-top: 4px;
}
.linkedin-automation-step-modal__alert--error {
  background: #fff1f0;
  color: rgb(95.1082251082%, 4.3035395977%, 9.0374331551%);
}
.linkedin-automation-step-modal__alert--info {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1d4ed8;
}
.linkedin-automation-step-modal__alert--info svg {
  color: #1d4ed8;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__empty-state {
  text-align: center;
  padding: 32px 16px;
}
.linkedin-automation-step-modal__empty-icon {
  width: 64px;
  height: 64px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  color: #9ca3af;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__empty-icon svg {
  width: 24px;
  height: 24px;
}
.linkedin-automation-step-modal__empty-icon--error {
  background: #fee2e2;
  color: #f5222d;
}
.linkedin-automation-step-modal__empty-title {
  font-weight: 600;
  margin-bottom: 4px;
}
.linkedin-automation-step-modal__empty-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.15s;
  margin-top: 0;
}
.linkedin-automation-step-modal__empty-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.linkedin-automation-step-modal__empty-link svg {
  flex-shrink: 0;
}
.linkedin-automation-step-modal__empty-subtitle {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 16px;
}
.linkedin-automation-step-modal__retry-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 0 20px;
  height: 36px;
  background: #1d4ed8;
  border: none;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.15s;
}
.linkedin-automation-step-modal__retry-btn svg {
  width: 14px;
  height: 14px;
}
.linkedin-automation-step-modal__retry-btn:hover {
  background: rgb(10.1888755502%, 27.4045618247%, 75.8895558223%);
}
.linkedin-automation-step-modal__mapping-table {
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  overflow: visible;
  margin-bottom: 0;
}
.linkedin-automation-step-modal__mapping-header {
  display: flex;
  border-bottom: 1px solid #d9d9d9;
  background: #f9fafb;
}
.linkedin-automation-step-modal__mapping-row {
  display: flex;
  border-bottom: 1px solid #f3f4f6;
  overflow: visible;
  position: relative;
}
.linkedin-automation-step-modal__mapping-row:last-child {
  border-bottom: none;
}
.linkedin-automation-step-modal__mapping-cell {
  flex: 1;
  padding: 12px 16px;
  min-width: 0;
  display: flex;
  align-items: center;
}
.linkedin-automation-step-modal__mapping-cell:first-child {
  background: #f9fafb;
  border-right: 1px solid #f3f4f6;
  padding: 12px 24px;
  flex: 0 0 48%;
}
.linkedin-automation-step-modal__mapping-cell--select {
  flex: 1;
  min-width: 0;
  padding: 8px 12px;
}
.linkedin-automation-step-modal__mapping-cell--select > div {
  width: 100%;
}
.linkedin-automation-step-modal__sd {
  position: relative;
  width: 100%;
}
.linkedin-automation-step-modal__sd-trigger {
  width: 100%;
  height: 36px;
  padding: 4px 36px 4px 11px;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 14px;
  background: #ffffff;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  transition: border-color 0.2s;
}
.linkedin-automation-step-modal__sd-trigger:hover {
  border-color: #1d4ed8;
}
.linkedin-automation-step-modal__sd-trigger:focus {
  outline: none;
  border-color: #1d4ed8;
  box-shadow: none;
}
.linkedin-automation-step-modal__sd-trigger--open {
  border-color: #1d4ed8;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E");
}
.linkedin-automation-step-modal__sd-trigger--has-value {
  padding-right: 56px;
}
.linkedin-automation-step-modal__sd-trigger--disabled {
  cursor: not-allowed;
  background-color: #f3f4f6;
  color: #9ca3af;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
.linkedin-automation-step-modal__sd-trigger--disabled:hover {
  border-color: #e5e7eb;
}
.linkedin-automation-step-modal__sd--disabled {
  pointer-events: none;
  opacity: 0.8;
}
.linkedin-automation-step-modal__sd--disabled .linkedin-automation-step-modal__sd-trigger {
  background-image: none;
}
.linkedin-automation-step-modal__sd-clear-btn {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #9ca3af;
  border-radius: 50%;
  transition: color 0.15s, background 0.15s;
}
.linkedin-automation-step-modal__sd-clear-btn:hover {
  color: #262626;
  background: #f3f4f6;
}
.linkedin-automation-step-modal__sd-lock-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  pointer-events: none;
}
.linkedin-automation-step-modal__sd-placeholder {
  color: #9ca3af;
  font-size: 14px;
}
.linkedin-automation-step-modal__sd-value {
  color: #262626;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.linkedin-automation-step-modal__sd-menu {
  position: fixed;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  z-index: 9999;
  overflow: hidden;
}
.linkedin-automation-step-modal__sd-search {
  padding: 8px 10px;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}
.linkedin-automation-step-modal__sd-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.linkedin-automation-step-modal__sd-search-icon {
  position: absolute;
  left: 10px;
  color: #9ca3af;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  pointer-events: none;
}
.linkedin-automation-step-modal__sd-search-input {
  width: 100%;
  padding: 6px 10px 6px 32px;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 13px;
  color: #262626;
  background: #ffffff;
}
.linkedin-automation-step-modal__sd-search-input::placeholder {
  color: #9ca3af;
}
.linkedin-automation-step-modal__sd-search-input:focus {
  outline: none;
  border-color: #1d4ed8;
}
.linkedin-automation-step-modal__sd-options {
  max-height: 200px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.linkedin-automation-step-modal__sd-options::-webkit-scrollbar {
  width: 6px;
}
.linkedin-automation-step-modal__sd-options::-webkit-scrollbar-track {
  background: #f9fafb;
}
.linkedin-automation-step-modal__sd-options::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 3px;
}
.linkedin-automation-step-modal__sd-option {
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: background 0.12s;
  color: #262626;
}
.linkedin-automation-step-modal__sd-option:hover {
  background: #f9fafb;
}
.linkedin-automation-step-modal__sd-option--selected {
  background: #dbeafe;
  color: #262626;
}
.linkedin-automation-step-modal__sd-option--selected:hover {
  background: #dbeafe;
}
.linkedin-automation-step-modal__sd-check {
  display: none;
}
.linkedin-automation-step-modal__sd-no-results {
  padding: 20px;
  text-align: center;
  font-size: 13px;
  color: #6b7280;
}
.linkedin-automation-step-modal__mapping-header-cell {
  flex: 1;
  padding: 12px 24px;
  font-size: 12px;
  font-weight: 600;
  color: #262626;
}
.linkedin-automation-step-modal__mapping-header-cell:first-child {
  flex: 0 0 48%;
}
.linkedin-automation-step-modal__mapping-header-cell:last-child {
  padding-left: 26px;
}
.linkedin-automation-step-modal__merge-tag {
  font-size: 14px;
  color: #262626;
}
.linkedin-automation-step-modal__day-group {
  flex-shrink: 0;
  padding: 12px 0 16px;
  margin-top: 0;
  margin-bottom: 0;
}
.linkedin-automation-step-modal__day-label {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #262626;
  line-height: 1.8;
}
.linkedin-automation-step-modal__day-prefix {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__day-input-number {
  width: 4rem;
  min-width: 4rem;
}
.linkedin-automation-step-modal__day-error {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #f5222d;
  margin-top: 4px;
}
.linkedin-automation-step-modal__day-help {
  font-size: 12px;
  color: #262626;
  white-space: nowrap;
}
.linkedin-automation-step-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 16px 1.5rem 1.5rem;
  border-top: 1px solid #e8e8e8;
  margin: 0 -1.5rem -1.5rem;
  flex-shrink: 0;
  background: #ffffff;
}
.linkedin-automation-step-modal__footer .gray-secondary-btn:hover, .linkedin-automation-step-modal__footer .gray-secondary-btn:active, .linkedin-automation-step-modal__footer .gray-secondary-btn:focus {
  color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  background-color: transparent !important;
}
.linkedin-automation-step-modal__save-error {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #f5222d;
  margin-right: auto;
}
.linkedin-automation-step-modal__save-error svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.linkedin-automation-step-modal__input-error {
  font-size: 12px;
  color: #f5222d;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.li-close-confirm-modal .modal-dialog {
  max-width: 420px;
}
.li-close-confirm-modal .bs-modal-header {
  border-bottom: none;
  padding: 20px 20px 12px;
}
.li-close-confirm-modal .bs-modal-body {
  padding: 0 20px 16px;
}
.li-close-confirm-modal .bs-modal-footer {
  border-top: 1px solid #e8e8e8;
  padding: 12px 20px;
}
.li-close-confirm-modal__title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.li-close-confirm-modal__title-icon {
  color: #f5222d;
  flex-shrink: 0;
}
.li-close-confirm-modal .gray-secondary-btn:hover, .li-close-confirm-modal .gray-secondary-btn:active, .li-close-confirm-modal .gray-secondary-btn:focus {
  color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  background-color: transparent !important;
}

.linkedin-automation-step-modal__disabled-tooltip.tooltip.show {
  opacity: 0.85;
}
.linkedin-automation-step-modal__disabled-tooltip .tooltip-inner {
  max-width: 320px;
}

.text-editor-skeleton-overlay-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
}
.text-editor-skeleton-overlay-container .tooltip-spacer {
  width: 100%;
  height: 2rem;
}
.text-editor-skeleton-overlay-container .ai-variant-skeleton-content {
  width: 100%;
  flex: 1;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.text-editor-skeleton-overlay-container .ai-variant-skeleton-content .loading-icon-text-container {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.text-editor-skeleton-overlay-container .ai-variant-skeleton-content .loading-icon-text-container__icon {
  max-width: 0.875rem;
  height: auto;
  width: 0.875rem;
}
.text-editor-skeleton-overlay-container .ai-variant-skeleton-content .loading-icon-text-container__text {
  font-size: 0.813rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.text-editor-skeleton-overlay-container .ai-variant-skeleton-content .skeletons-container {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.text-editor-skeleton-overlay-container .ai-variant-skeleton-content .skeletons-container__paragraph {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.text-skeletons-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.text-skeletons-container .custom-skeleton {
  width: 0%;
  animation: widthZeroToMax 1.5s ease-in-out forwards;
}

.email-preview-tab .email-preview-tab-inner .email-preview-ai-variant-skeleton {
  padding-top: 20%;
  height: calc(100% - 4rem);
}

.email-preview-ai-variant-skeleton {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.email-preview-ai-variant-skeleton .ai-3-star-animated-icon {
  width: 54px;
  height: 54px;
  max-width: 54px;
  max-height: 54px;
  overflow: hidden;
}
.email-preview-ai-variant-skeleton .ai-variant-loading-text-section {
  display: flex;
  text-align: center;
  flex-direction: column;
}
.email-preview-ai-variant-skeleton .ai-variant-loading-text-section .text-content {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  background-image: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  color: transparent;
  background-clip: text;
}

@keyframes widthZeroToMax {
  from {
    width: 0px;
  }
  to {
    width: 100%;
  }
}
.pause-prospect-modal .modal-dialog {
  width: 600px;
  max-width: 600px;
}
.pause-prospect-modal .modal-dialog .modal-header {
  border-bottom-color: #d1d5db;
}
.pause-prospect-modal .modal-dialog .modal-title {
  color: #1f2937;
}
.pause-prospect-modal .modal-dialog .modal-title .pause-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pause-prospect-modal .modal-dialog .modal-title .pause-title img {
  width: 1.5rem;
  height: 1.5rem;
}
.pause-prospect-modal .modal-dialog .modal-title .pause-title span {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.pause-prospect-modal .modal-dialog .modal-body {
  padding-top: 30px;
}
.pause-prospect-modal .modal-dialog .modal-body .resume-text {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0;
}
.pause-prospect-modal .modal-dialog .modal-body .form-check {
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pause-prospect-modal .modal-dialog .modal-body .form-check:first-of-type {
  margin-bottom: 1.25rem;
}
.pause-prospect-modal .modal-dialog .modal-body .form-check input[type=radio] {
  width: 1rem;
  height: 1rem;
  margin-top: -1px;
  cursor: pointer;
}
.pause-prospect-modal .modal-dialog .modal-body .form-check label {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  font-weight: normal;
  color: #1f2937;
  line-height: 18px;
  margin-left: 0.5rem;
  cursor: pointer;
}
.pause-prospect-modal .modal-dialog .modal-body .form-check label .bs-input-number-container {
  width: 4.125rem;
  height: 2rem;
  display: inline-block;
}
.pause-prospect-modal .modal-dialog .modal-body .form-check label .bs-input-number-container .bs-input-number {
  width: 4.125rem;
  min-width: 4.125rem;
  height: 2rem;
}
.pause-prospect-modal .modal-dialog .modal-footer {
  border-radius: 0.25rem;
  border-top-width: 0.125rem;
  border-top-color: #f3f4f6;
}
.pause-prospect-modal .modal-dialog .btn-ghost {
  color: #6b7280;
  font-weight: 500;
}
.pause-prospect-modal--alert {
  margin-top: 1.5rem;
}
.pause-prospect-modal--alert p {
  align-items: flex-start !important;
  gap: 12px;
}
.pause-prospect-modal--alert p i {
  margin: 2px 0 0 0 !important;
  font-size: 1rem;
}
.pause-prospect-modal--alert p div {
  width: 492px;
}
.pause-prospect-modal--alert p div span {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  margin: 0;
}

.pause-span {
  line-height: 20px;
}

.pause-link {
  color: #0d1a33 !important;
  text-decoration: underline;
  font-weight: 500;
}

.helpscout-button {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: fit-content;
  background: transparent;
}
.helpscout-button .helpscout-button-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: linear-gradient(46deg, #374151 17.53%, #6b7280 96.95%);
}
.helpscout-button .helpscout-button-icon svg {
  color: #fff;
  flex-shrink: 0;
}
.helpscout-button {
  border: none;
  position: relative;
  right: 0.1rem;
}
.helpscout-button.showLabel {
  height: 2rem;
}
.helpscout-button.showLabel .helpscout-button-icon {
  width: 2rem;
  height: 2rem;
}
.helpscout-button.showLabel .helpscout-button-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.helpscout-button span {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.helpscout-logout {
  position: fixed;
  left: 0.6rem;
  bottom: 0.8rem;
}

.referral-button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4b5563;
  background-color: transparent;
  border: none;
}

.badge-referral {
  position: relative;
}

.cello-89vxj4 {
  top: 2px;
  right: 3px;
  width: 70% !important;
  height: 70% !important;
  border-radius: 100% !important;
  background-color: rgba(255, 0, 0, 0) !important;
}

.email-sender-details {
  margin-left: 0.75rem;
}
.email-sender-details h3 {
  margin: 0;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
.email-sender-details h3 .sender-name {
  display: inline-block;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.125rem;
}
.email-sender-details h3 .email {
  margin-left: 0.25rem;
  font-weight: 400;
}
.email-sender-details p {
  margin: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
}
.email-sender-details .prospect-details-popup {
  cursor: text !important;
  min-width: 23.625rem;
  box-shadow: 0px 0px 4px 0px #e5e7eb;
  left: 2px;
  top: 1.375rem;
  z-index: 2;
}
.email-sender-details .prospect-details-popup .grid-container {
  display: grid;
  grid-template-columns: 31px 1fr; /* 31px for the first column, 1fr for the second (flexible) column */
  column-gap: 16px; /* 16px gap between columns */
}

.email-sent-time {
  margin: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
}

.email-preview-content {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.email-preview-content p {
  margin: 1em 0;
  line-height: normal;
}

.email-preview-attachments {
  gap: 0.625rem;
}
.email-preview-attachments.email-thread {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}
.email-preview-attachments.email-thread .attachment {
  flex: 1 0 calc(14.2857142857% - 1rem);
  max-width: calc(14.2857142857% - 1rem);
  box-sizing: border-box;
}

.email-preview-tooltip .tooltip-inner {
  max-width: 500px !important;
}

.d-none {
  display: none !important;
}

.view-more-content-btn {
  width: 24px;
  height: 18px;
  border: none;
  margin-bottom: 0.5rem;
  background: #e5e7eb;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.1406rem;
}
.view-more-content-btn span {
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #6b7280;
}

.email-preview-modal .modal-dialog {
  max-width: 56.25rem;
}
.email-preview-modal .modal-content .modal-header {
  max-height: 88px;
  padding: 1.25rem 1.5rem;
  border-bottom-color: #e5e7eb;
}
.email-preview-modal .modal-content .modal-header .modal-title h1 {
  margin: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1f2937;
}
.email-preview-modal .modal-content .modal-header .modal-title p {
  margin: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  margin-top: 0.25rem;
}
.email-preview-modal .modal-content .modal-header .close {
  margin: 0;
  padding: 0;
  font-size: 1.5rem !important;
}
.email-preview-modal .modal-content .modal-body {
  max-height: calc(90vh - 5.6rem);
}
.email-preview-modal .modal-content .modal-body .email-sender-details {
  margin-left: 0.75rem;
}
.email-preview-modal .modal-content .modal-body .email-sender-details h3 {
  margin: 0;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin-bottom: 2px;
}
.email-preview-modal .modal-content .modal-body .email-sender-details h3 span {
  margin-left: 0.25rem;
  font-weight: 400;
}
.email-preview-modal .modal-content .modal-body .email-sender-details p {
  margin: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
}
.email-preview-modal .modal-content .modal-body .email-sent-time {
  margin: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
}
.email-preview-modal .modal-content .modal-body .email-preview-content {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #1f2937;
}
.email-preview-modal .modal-content .modal-body .email-preview-attachments {
  gap: 0.625rem;
}

.email-preview-tooltip .tooltip-inner {
  max-width: 500px !important;
}

.email_copy_error_two_line_clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.email-preview-copy-error {
  max-height: 200px;
  overflow-y: auto;
  background-color: #f9fafb;
  padding: 1rem;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 20px;
  color: #4b5563 !important;
}

.custom-small-modal {
  max-width: 540px !important;
}

.email-account-setup-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
  background: #ffffff;
  padding: 1.5rem;
}
.email-account-setup-wrapper .get-it-done {
  right: 0rem;
  top: 1.5rem;
}
.email-account-setup-wrapper.email-account-settings {
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 1.875rem 1.5rem;
}
.email-account-setup-wrapper.email-account-settings .email-account-setup-factor-details {
  margin-top: 1.875rem;
}
.email-account-setup-wrapper .email-account-setup-progress {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
}
.email-account-setup-wrapper .email-account-setup-progress.poor {
  background-color: rgba(254, 242, 242, 0.5);
}
.email-account-setup-wrapper .email-account-setup-progress.poor svg {
  color: #dc2626;
}
.email-account-setup-wrapper .email-account-setup-progress.average {
  background-color: rgba(255, 251, 235, 0.5);
}
.email-account-setup-wrapper .email-account-setup-progress.average svg {
  color: #fbbf24;
}
.email-account-setup-wrapper .email-account-setup-progress.excellent {
  background-color: rgba(236, 253, 245, 0.5);
}
.email-account-setup-wrapper .email-account-setup-progress.excellent svg {
  color: #059669;
}
.email-account-setup-wrapper .email-account-setup-progress .email-account-setup-refresh {
  position: absolute;
  right: -6.875rem;
  top: 0;
  cursor: pointer;
}
.email-account-setup-wrapper .circular-progressbar-text {
  font-weight: 600;
  font-size: 1.25rem !important;
  line-height: 1.75rem;
  color: #374151;
}
.email-account-setup-wrapper .email-account-setup-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.0625rem;
  color: #1f2937;
  margin: 1.5rem 0 0.625rem 0;
}
.email-account-setup-wrapper .email-account-setup-content {
  font-size: 12px;
  line-height: 0.9375rem;
  color: #6b7280;
  margin: 0;
  margin-bottom: 1rem;
}
.email-account-setup-wrapper .email-account-setup-description {
  font-size: 12px;
  line-height: 0.9375rem;
  color: #6b7280;
  margin: 0;
  margin-bottom: 1rem;
  max-width: 47.5rem;
  text-align: center;
}
.email-account-setup-wrapper .email-account-setup-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 10.5rem;
  margin-bottom: 1.875rem;
}
.email-account-setup-wrapper .email-account-setup-label .health-score-label-wrapper {
  display: flex;
  align-items: center;
}
.email-account-setup-wrapper .email-account-setup-label .health-score-label-wrapper .health-score-label-ellipse {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  margin-right: 0.3125rem;
  background-color: #6b7280;
}
.email-account-setup-wrapper .email-account-setup-label .health-score-label-wrapper .health-score-label-text {
  font-size: 12px;
  line-height: 0.9375rem;
  color: #1f2937;
  margin: 0;
}
.email-account-setup-wrapper .email-account-setup-label .health-score-label-wrapper.poor .health-score-label-ellipse {
  background-color: #dc2626;
}
.email-account-setup-wrapper .email-account-setup-label .health-score-label-wrapper.average .health-score-label-ellipse {
  background-color: #fbbf24;
}
.email-account-setup-wrapper .email-account-setup-label .health-score-label-wrapper.excellent .health-score-label-ellipse {
  background-color: #059669;
}
.email-account-setup-wrapper .email-account-setup-help {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.9375rem 1.25rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
  background: rgba(239, 246, 255, 0.6);
  border: 0.0625rem solid #eff6ff;
}
.email-account-setup-wrapper .email-account-setup-help .email-account-setup-help-content .email-account-setup-help-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
  margin-bottom: 0.3125rem;
}
.email-account-setup-wrapper .email-account-setup-help .email-account-setup-help-content .email-account-setup-help-text {
  font-size: 12px;
  line-height: 1.125rem;
  color: #6b7280;
}
.email-account-setup-wrapper .email-account-setup-factor-details {
  width: 100%;
}
.email-account-setup-wrapper .email-account-setup-factor-details .email-account-setup-factor-details-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.0625rem;
  color: #1f2937;
  margin: 0;
  margin-bottom: 1.25rem;
}

.email-account-setup-factor-details-accordians .score-factor-details .score-factor-details-title {
  display: flex;
  align-items: center;
}
.email-account-setup-factor-details-accordians .score-factor-details .score-factor-details-title p {
  margin: 0 0.9375rem 0 1.25rem;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25rem;
  color: #1f2937;
}
.email-account-setup-factor-details-accordians .score-factor-details .score-factor-details-content {
  width: 100%;
}
.email-account-setup-factor-details-accordians .score-factor-details .score-factor-details-content .score-factor-details-content-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.email-account-setup-factor-details-accordians .score-factor-details .score-factor-details-content .score-factor-details-content-details p {
  width: 74%;
}
.email-account-setup-factor-details-accordians .score-factor-details .score-factor-details-content .score-factor-details-content-details button {
  color: #6b7280;
  border-color: #6b7280;
  background-color: transparent;
  background-color: #f9fafb;
}
.email-account-setup-factor-details-accordians .score-factor-details .score-factor-details-content .helper-text {
  margin-bottom: 1rem;
}

.bs-disconnected-tooltip .tooltip-inner {
  max-width: 18rem !important;
}

.factor-details-modal.factor-details-modal-small .modal-dialog {
  max-width: 33.375rem;
}
.factor-details-modal .modal-dialog {
  max-width: 38.375rem;
}
.factor-details-modal .modal-dialog .modal-title {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  line-height: 24px;
}
.factor-details-modal .modal-dialog .modal-body {
  padding: 1.5rem;
  padding-top: 1.3rem;
  padding-bottom: 0;
  margin-bottom: 24px;
  max-height: 30.375rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.factor-details-modal .modal-dialog .modal-body .factor-modal-content {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  gap: 8px;
}
.factor-details-modal .modal-dialog .modal-body .modal-content-title {
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
  line-height: 24px;
  font-family: Inter;
  letter-spacing: 0px;
}
.factor-details-modal .modal-dialog .modal-body .modal-content-title .modal-content-title-domain {
  color: #1f2937;
}
.factor-details-modal .modal-dialog .modal-body .modal-content-title .modal-content-title-ip {
  color: #1f2937;
}
.factor-details-modal .modal-dialog .modal-body .alert {
  padding: 8px 12px;
  gap: 10px;
  margin-bottom: 0;
}
.factor-details-modal .modal-dialog .modal-body .alert .content-div {
  display: flex;
  gap: 8px;
}
.factor-details-modal .modal-dialog .modal-body .alert .content-div .modal-content-alert-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.factor-details-modal .modal-dialog .modal-body .alert .content-div .modal-content-alert-title {
  font-size: 12px;
  font-weight: 600;
  color: #1f2937;
  line-height: 16px;
  letter-spacing: 0px;
}
.factor-details-modal .modal-dialog .modal-body .alert .content-div .modal-content-alert-sub-title {
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
  line-height: 16px;
  letter-spacing: 0px;
}
.factor-details-modal .modal-dialog .modal-body .alert.modal-content-alert-danger {
  background-color: #fef2f2;
  border: 1px solid #fee2e2;
  gap: 10px;
}
.factor-details-modal .modal-dialog .modal-body .alert.modal-content-alert-success {
  background-color: #ecfdf5;
  border: 1px solid #d1fae5;
  gap: 10px;
}
.factor-details-modal .modal-dialog .modal-body .dkim-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.factor-details-modal .modal-dialog .modal-body .modal-description {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
}
.factor-details-modal .modal-dialog .modal-body .bs-factor-modal-callout {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 0.25rem;
  padding: 12px;
  margin-top: 12px;
  color: #1e40af;
}
.factor-details-modal .modal-dialog .modal-body .bs-factor-modal-callout__icon {
  flex-shrink: 0;
  margin-top: 1px;
}
.factor-details-modal .modal-dialog .modal-body .bs-factor-modal-callout__title {
  font-size: 12.5px;
  font-weight: 600;
  color: #1e40af;
  line-height: 1.4;
}
.factor-details-modal .modal-dialog .modal-body .bs-factor-modal-callout__body {
  font-size: 12px;
  font-weight: 400;
  color: #1e40af;
  line-height: 1.6;
  opacity: 0.85;
}
.factor-details-modal .modal-dialog .modal-body .modal-learn-more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 8px;
}
.factor-details-modal .modal-dialog .modal-body .copy-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.factor-details-modal .modal-dialog .modal-body .copy-container .copy-content {
  background-color: #f9fafb;
  padding: 1rem;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
}
.factor-details-modal .modal-dialog .modal-body .copy-container .copy-content code {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 20px;
  color: #4b5563;
}
.factor-details-modal .modal-dialog .modal-body .copy-container .copy-content:hover {
  cursor: pointer;
}
.factor-details-modal .modal-dialog .modal-body .copy-container .copy-content-footer {
  display: flex;
  justify-content: flex-end;
}
.factor-details-modal .modal-dialog .modal-body .table-container {
  width: 579px;
}
.factor-details-modal .modal-dialog .modal-body .table-container .table-responsive {
  max-height: 328px;
  overflow: auto;
}
.factor-details-modal .modal-dialog .modal-body .table-container .table-responsive::-webkit-scrollbar {
  width: 13px;
}
.factor-details-modal .modal-dialog .modal-body .table-container .table-responsive::-webkit-scrollbar-track {
  background: #ffffff;
}
.factor-details-modal .modal-dialog .modal-body .table-container .table-responsive::-webkit-scrollbar-thumb {
  border: 4px solid #ffffff;
  border-radius: 30px;
}
.factor-details-modal .modal-dialog .modal-body .table-container thead th {
  position: sticky;
  top: 0;
  z-index: 2000;
  background: white;
}
.factor-details-modal .modal-dialog .modal-body .table-container thead .table-cell {
  line-height: 16px !important;
}
.factor-details-modal .modal-dialog .modal-body .table-container thead::before,
.factor-details-modal .modal-dialog .modal-body .table-container thead::after {
  content: "";
  position: absolute;
  left: 0;
  width: 565px;
  height: 0.0625rem;
  background-color: #e5e7eb;
}
.factor-details-modal .modal-dialog .modal-body .table-container thead::before {
  top: 0;
}
.factor-details-modal .modal-dialog .modal-footer .shd-modal--footer__left {
  flex: 1;
  width: 100%;
}
.factor-details-modal .modal-dialog .modal-footer .bs-factor-modal-footer {
  width: 100%;
  flex: 1;
}
.factor-details-modal .modal-dialog .modal-footer .bs-factor-modal-footer .btn-ghost-3 {
  background-color: transparent;
  border: 1px solid #e5e7eb;
  color: #4b5563;
  border-radius: 0.25rem;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.factor-details-modal .modal-dialog .modal-footer .bs-factor-modal-footer .btn-ghost-3:hover:not(:disabled) {
  background-color: #f3f4f6;
}
.factor-details-modal .modal-dialog .modal-footer .bs-factor-modal-footer .btn-ghost-3:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.factor-details-modal .modal-dialog .modal-footer .bs-factor-modal-footer .btn-solid-primary {
  background-color: #1d4ed8;
  border: none;
  color: #ffffff;
  border-radius: 0.25rem;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.factor-details-modal .modal-dialog .modal-footer .bs-factor-modal-footer .btn-solid-primary:hover:not(:disabled) {
  background-color: #1e40af;
}
.factor-details-modal .modal-dialog .modal-footer .bs-factor-modal-footer .btn-solid-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.factor-details-modal .modal-dialog .modal-footer .shd-button {
  min-width: auto;
}
.factor-details-modal .modal-dialog .modal-footer .bs-modal-footer-content {
  margin: 0;
}
.factor-details-modal .modal-dialog .modal-footer .modal-content-footer {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.factor-details-modal .modal-dialog .modal-footer .blacklist-footer-title {
  font-size: 14px;
  color: #4b5563;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 20px;
  font-family: Inter;
  letter-spacing: 0px;
  margin-bottom: 4px;
}
.factor-details-modal .modal-dialog .modal-footer .blacklist-footer-content {
  font-size: 12px;
  color: #6b7280;
  line-height: 20px;
  letter-spacing: 0px;
}
.factor-details-modal .modal-dialog .modal-footer .blacklist-footer-content .blacklist-footer-content-title {
  font-weight: 600;
  color: #4b5563;
}

.copy-button {
  background-color: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: 88px;
  height: 32px;
}
.copy-button:hover {
  background-color: #f9fafb;
}
.copy-button .copy-icon {
  width: 1rem;
  height: 1rem;
}

.click-to-copy-tooltip {
  font-size: 0.75rem;
}

.sequence-setup-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background: #ffffff;
  padding: 1.5rem;
}
.sequence-setup-wrapper .sequence-setup-progress {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
}
.sequence-setup-wrapper .sequence-setup-progress.poor {
  background-color: rgba(254, 242, 242, 0.5);
}
.sequence-setup-wrapper .sequence-setup-progress.poor svg {
  color: #dc2626;
}
.sequence-setup-wrapper .sequence-setup-progress.average {
  background-color: rgba(255, 251, 235, 0.5);
}
.sequence-setup-wrapper .sequence-setup-progress.average svg {
  color: #fbbf24;
}
.sequence-setup-wrapper .sequence-setup-progress.excellent {
  background-color: rgba(236, 253, 245, 0.5);
}
.sequence-setup-wrapper .sequence-setup-progress.excellent svg {
  color: #059669;
}
.sequence-setup-wrapper .sequence-setup-progress .sequence-setup-refresh {
  position: absolute;
  right: -6.875rem;
  top: 0;
  cursor: pointer;
}
.sequence-setup-wrapper .circular-progressbar-text {
  font-weight: 600;
  font-size: 1.25rem !important;
  line-height: 1.75rem;
  color: #374151;
}
.sequence-setup-wrapper .sequence-setup-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.0625rem;
  color: #1f2937;
  margin: 1.5rem 0 0.625rem 0;
}
.sequence-setup-wrapper .sequence-setup-content {
  font-size: 12px;
  line-height: 0.9375rem;
  color: #6b7280;
  margin: 0;
  margin-bottom: 1rem;
}
.sequence-setup-wrapper .sequence-setup-description {
  font-size: 12px;
  line-height: 0.9375rem;
  color: #6b7280;
  margin: 0;
  margin-bottom: 1rem;
  max-width: 47.5rem;
  text-align: center;
}
.sequence-setup-wrapper .sequence-setup-factor-details {
  width: 100%;
}
.sequence-setup-wrapper .sequence-setup-factor-details .sequence-setup-factor-details-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.0625rem;
  color: #1f2937;
  margin: 0;
  margin-bottom: 1.25rem;
}

.email-writing-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background: #ffffff;
  padding: 1.5rem;
}
.email-writing-wrapper .email-writing-progress {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
}
.email-writing-wrapper .email-writing-progress.poor {
  background-color: rgba(254, 242, 242, 0.5);
}
.email-writing-wrapper .email-writing-progress.poor svg {
  color: #dc2626;
}
.email-writing-wrapper .email-writing-progress.average {
  background-color: rgba(255, 251, 235, 0.5);
}
.email-writing-wrapper .email-writing-progress.average svg {
  color: #fbbf24;
}
.email-writing-wrapper .email-writing-progress.excellent {
  background-color: rgba(236, 253, 245, 0.5);
}
.email-writing-wrapper .email-writing-progress.excellent svg {
  color: #059669;
}
.email-writing-wrapper .email-writing-progress .email-writing-refresh {
  position: absolute;
  right: -6.875rem;
  top: 0;
  cursor: pointer;
}
.email-writing-wrapper .circular-progressbar-text {
  font-weight: 600;
  font-size: 1.25rem !important;
  line-height: 1.75rem;
  color: #374151;
}
.email-writing-wrapper .email-writing-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.0625rem;
  color: #1f2937;
  margin: 1.5rem 0 0.625rem 0;
}
.email-writing-wrapper .email-writing-content {
  font-size: 12px;
  line-height: 0.9375rem;
  color: #6b7280;
  margin: 0;
  margin-bottom: 1rem;
}
.email-writing-wrapper .email-writing-description {
  font-size: 12px;
  line-height: 0.9375rem;
  color: #6b7280;
  margin: 0;
  margin-bottom: 1rem;
  max-width: 47.5rem;
  text-align: center;
}
.email-writing-wrapper .email-writing-factor-details {
  width: 100%;
}
.email-writing-wrapper .email-writing-factor-details .email-writing-factor-details-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.0625rem;
  color: #1f2937;
  margin: 0;
  margin-bottom: 1.25rem;
}

.score-factor-details-wrapper {
  border: 0.0625rem solid #e5e7eb;
  border-bottom: 0;
  background: #ffffff;
  padding: 0.75rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.score-factor-details-wrapper:first-of-type {
  border-radius: 0.25rem 0.25rem 0px 0px;
}
.score-factor-details-wrapper:last-of-type {
  border-bottom: 0.0625rem solid #e5e7eb;
  border-radius: 0px 0px 0.25rem 0.25rem;
}
.score-factor-details-wrapper .score-factor-details-content {
  max-width: 48.875rem;
}
.score-factor-details-wrapper .score-factor-details-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.score-factor-details-wrapper .score-factor-details-title p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 0;
}
.score-factor-details-wrapper .score-factor-details-title img {
  width: 1.125rem;
  height: 1.125rem;
}
.score-factor-details-wrapper .score-factor-details-description p,
.score-factor-details-wrapper .score-factor-details-description a {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #6b7280;
  text-decoration: none;
}
.score-factor-details-wrapper .score-factor-details-description p {
  margin-left: 1.875rem;
  margin-top: 0.5rem;
}
.score-factor-details-wrapper .score-factor-details-description a {
  color: #1d4ed8;
}
.score-factor-details-wrapper .score-factor-details-actionable-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 31.25rem;
  margin-left: 1.875rem;
}
.score-factor-details-wrapper .score-factor-details-actionable-list .score-factor-details-actionable-list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 28px;
  transition: all 0.2s ease;
  padding: 0.25rem 0.5rem;
}
.score-factor-details-wrapper .score-factor-details-actionable-list .score-factor-details-actionable-list-item:hover {
  background: #eff6ff;
}
.score-factor-details-wrapper .score-factor-details-actionable-list .score-factor-details-actionable-list-item h3 {
  padding: 0;
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.score-factor-details-wrapper .score-factor-details-actionable-list .score-factor-details-actionable-list-item h3 img {
  width: 1rem;
  height: 1rem;
}
.score-factor-details-wrapper .score-factor-details-actionable-list .score-factor-details-actionable-list-item h3 .smtp-label-container {
  padding: 1px 5px;
  width: 39px;
  height: 18px;
}
.score-factor-details-wrapper .score-factor-details-actionable-list .score-factor-details-actionable-list-item h3 .smtp-label-container span {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1rem;
}
.score-factor-details-wrapper .score-factor-details-actionable-list .score-factor-details-actionable-list-item .score-factor-details-actionable button {
  padding: 0;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.score-factor-details-wrapper .switchToggle {
  width: 40px;
  height: 20px;
  margin: 0;
  padding: 0;
}
.score-factor-details-wrapper .switchToggle label {
  min-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
}
.score-factor-details-wrapper .switchToggle label::after {
  width: 1rem;
  height: 1rem;
}

.score-factor-details-actionable button {
  line-height: 1.25rem !important;
}
.score-factor-details-actionable .bs-select-box {
  width: 11.375rem;
  height: 1.875rem;
  background: #f9fafb;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.25rem;
  gap: 0.5rem;
}
.score-factor-details-actionable .bs-select-box .bs-select-box-text {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1f2937;
}
.score-factor-details-actionable .bs-select-box .bs-select-box-icon-wrapper {
  margin: 0;
  justify-content: center;
  align-items: center;
  color: #9ca3af;
}
.score-factor-details-actionable--select li {
  font-weight: 500;
  font-size: 12px !important;
  line-height: 1.125rem !important;
  padding: 0.625rem 1rem !important;
}

.email-account-health-score-container {
  display: flex;
  overflow: hidden;
  padding: 1.5rem;
}
.email-account-health-score-container .table-responsive::-webkit-scrollbar {
  height: 25px;
}
.email-account-health-score-container .table-responsive::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.email-account-health-score-container .table-responsive::-webkit-scrollbar-thumb {
  border: 9px solid #FFFFFF;
  border-radius: 30px;
}

.bs-dns-icon-clock {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #eff6ff;
  border: 1.5px solid #bfdbfe;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.12s, box-shadow 0.14s;
}
.bs-dns-icon-clock:hover {
  background-color: #dbeafe;
  box-shadow: 0 0 0 3px rgba(191, 219, 254, 0.5);
}

.blacklist-tooltip {
  margin-top: 6px !important;
}
.blacklist-tooltip .tooltip-inner {
  white-space: nowrap !important;
  max-width: none !important;
}

.setup-score-field {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.5rem;
  width: 2rem;
  height: 1.5rem;
  border: 1px solid transparent;
  border-radius: 20px;
}
.setup-score-field span {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.setup-score-field.poor {
  background: #fef2f2;
  border-color: #dc2626;
}
.setup-score-field.poor span {
  color: #dc2626;
}
.setup-score-field.average {
  background: #fffbeb;
  border-color: #f59e0b;
}
.setup-score-field.average span {
  color: #f59e0b;
}
.setup-score-field.excellent {
  background: #ecfdf5;
  border-color: #2db482;
}
.setup-score-field.excellent span {
  color: #2db482;
}

.table-container {
  width: 100%;
  overflow-x: auto;
  padding: 0;
  position: relative;
}
.table-container .table {
  margin-bottom: 0;
  width: max-content;
  min-width: 100%;
}
.table-container .table thead .table-cell {
  font-size: 12px;
  color: #6b7280;
  font-weight: 700;
  line-height: 20px;
  height: 46px;
}
.table-container .table .table-cell {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  line-height: 20px;
  padding: 8px 16px;
  vertical-align: middle;
  border-top: 0.0625rem solid #e5e7eb;
  border-bottom: 0.0625rem solid #e5e7eb;
  border-left: 0.0625rem solid #e5e7eb;
  border-right: 0.0625rem solid #e5e7eb;
  white-space: nowrap;
  height: 40px;
  min-width: 120px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-clip: padding-box;
  text-align: center;
}
.table-container .table .table-cell > * {
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
}
.table-container .table .table-cell > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-container .table .table-cell.sticky-column {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
  min-width: 200px;
  border-left: none;
  border-right: none;
  text-align: left;
}
.table-container .table .table-cell.sticky-column > * {
  margin: 0;
  text-align: left;
}
.table-container .table .table-cell.sticky-column > div {
  justify-content: flex-start;
}
.table-container .table .table-cell.sticky-column::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.0625rem;
  background-color: #e5e7eb;
  z-index: 3;
}
.table-container .table .table-cell.sticky-column::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 8px;
  background: linear-gradient(90deg, #e2e6f5 0%, rgba(226, 230, 245, 0) 108.33%);
  pointer-events: none;
  z-index: 3;
}
.table-container .table .table-cell.border-left-none {
  border-left: none;
}
.table-container .table .table-cell a {
  color: #1d4ed8;
}
.table-container .table .empty-message {
  text-align: center;
  padding: 1rem;
  color: #6b7280;
}

.agency-portal {
  height: calc(100vh - 3.875rem);
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agency-portal--container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 2rem 2rem 2rem;
}
.agency-portal--container h1 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: #1f2937;
  margin: 0;
}
.agency-portal--container p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
  margin: 0;
  margin-top: 0.5rem;
}
.agency-portal--container .action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  margin-top: 1.5rem;
}
.agency-portal--container .action-btn button {
  min-width: 8.875rem;
}
.agency-portal--image {
  height: 22.875rem;
}
.agency-portal--image img {
  width: 100%;
  height: 100%;
  user-select: none;
}

.testimonials-carousel {
  width: 100%;
}
.testimonials-carousel .carousel {
  height: 21.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonials-carousel .carousel .testimonial {
  height: 18.375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
}
.testimonials-carousel .carousel .testimonial .quote {
  display: flex;
  justify-content: flex-start;
  width: 3.625rem;
  height: 3.625rem;
}
.testimonials-carousel .carousel .testimonial span {
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: start;
  color: #1f2937;
  margin: 0;
  padding: 0;
}
.testimonials-carousel .carousel .testimonial--meta {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.testimonials-carousel .carousel .testimonial--profile {
  width: 3rem;
  height: 3.75rem;
  border-radius: 3.8254rem;
  background: linear-gradient(178deg, #1d4ed8 6.18%, rgba(29, 78, 216, 0.27) 98.98%);
}
.testimonials-carousel .carousel .testimonial--profile img {
  width: 100%;
  height: 100%;
  border-radius: 3.8254rem;
  object-fit: cover;
}
.testimonials-carousel .carousel .testimonial--details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}
.testimonials-carousel .carousel .testimonial--details h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.125rem;
  color: #1f2937;
  margin: 0;
}
.testimonials-carousel .carousel .testimonial--details p {
  font-weight: 500;
  font-size: 13.5px;
  line-height: 1.125rem;
  color: #6b7280;
  margin: 0;
}
.testimonials-carousel .indicators {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.testimonials-carousel .indicators .indicator {
  width: 0.625rem;
  height: 0.625rem;
  background: #ccd2fb;
  border-radius: 0.625rem;
  border: none;
  transition: all 0.2s ease;
}
.testimonials-carousel .indicators .indicator.active {
  width: 1.5625rem;
  background: #a2ace9;
}

.verify-email-modal .modal-dialog {
  width: 40.625rem;
  min-width: 40.625rem;
  max-width: 40.625rem;
}
.verify-email-modal .modal-dialog .modal-content,
.verify-email-modal .modal-dialog .modal-content-container,
.verify-email-modal .modal-dialog .modal-body {
  width: 100%;
  height: 27.375rem;
  min-height: 27.375rem;
  overflow: hidden;
}
.verify-email-modal .modal-dialog .modal-body {
  padding: 3.75rem 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2.5rem;
  position: relative;
}
.verify-email-modal .modal-dialog .modal-body .verify-email-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b7280;
}
.verify-email-modal .modal-dialog .modal-body .verify-email-close svg {
  width: 100%;
  height: 100%;
}
.verify-email-modal .modal-dialog .modal-body h1 {
  margin: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1f2937;
}
.verify-email-modal .modal-dialog .modal-body p {
  margin: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #6b7280;
}
.verify-email-modal .modal-dialog .modal-body p span {
  color: #1f2937;
  font-weight: 600;
}
.verify-email-modal .modal-dialog .modal-body .action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}

.transfer-select-btn {
  width: 12.25rem;
  height: 2rem;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
  justify-content: flex-start;
}
.transfer-select-btn.disabled {
  cursor: not-allowed;
}
.transfer-select-btn span {
  width: 100%;
  justify-content: space-between;
}
.transfer-select-btn .transfer-select-btn-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.transfer-select-btn:focus, .transfer-select-btn:focus-within {
  outline: none;
  box-shadow: none;
  border: 1px solid #1d4ed8;
}
.transfer-select-btn {
  color: #1f2937;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transfer-select-btn .select-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9ca3af;
}
.transfer-select-btn .select-icon svg {
  width: 1rem;
  height: 1rem;
}
.transfer-select-btn .bs-select-box-icon-wrapper {
  justify-content: center;
  margin: 0;
  color: #4b5563;
}
.transfer-select-btn.btn-white {
  background: #fff;
  border-color: #d1d5db;
}
.transfer-select-btn.w-1 {
  width: 11.6875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0.375rem 0.75rem;
}

.team-filter-select .transfer-body {
  padding-bottom: 0 !important;
}
.team-filter-select .transfer-container {
  max-width: 16.75rem !important;
  min-width: 16.75rem !important;
  min-height: 22.5rem !important;
}
.team-filter-select .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
  margin-bottom: 0.5rem;
}
.team-filter-select .transfer-container .transfer-body .loader-wrapper {
  min-height: 5.875rem;
}
.team-filter-select .transfer-container .transfer-body .transfer-content {
  min-height: 16.4375rem;
}
.team-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty {
  margin: 0;
  margin-top: 4.5625rem;
}
.team-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty img {
  width: 4.8475rem;
  height: 5rem;
  margin: 0;
}
.team-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty h1,
.team-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty p {
  color: #1f2937;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.125rem;
  margin: 1rem 0 0.5rem 0;
}
.team-filter-select .transfer-container .transfer-body .transfer-content .transfer-empty p {
  width: 12.125rem;
  color: #9ca3af;
  font-weight: 400;
  margin: 0;
}
.team-filter-select .transfer-container .separator {
  align-items: flex-start !important;
  padding: 0 !important;
  line-height: 1.25rem !important;
  position: relative;
}
.team-filter-select .transfer-container .separator .checkbox-wrapper {
  width: 1rem;
  height: 1rem;
  margin-right: 0 !important;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
}
.team-filter-select .transfer-container .separator .bs-checkbox-wrapper {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.team-filter-select .transfer-container .separator .bs-checkbox-wrapper .bs-checkbox {
  top: 0;
}
.team-filter-select .transfer-container .separator .option-content {
  width: 100%;
}
.team-filter-select .transfer-container .separator:hover {
  background: transparent !important;
}
.team-filter-select .transfer-container .shd-accordion {
  width: 100%;
}
.team-filter-select .transfer-container .shd-accordion .accordion__item {
  padding: 0;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
  background-color: transparent !important;
}
.team-filter-select .transfer-container .shd-accordion .accordion__heading {
  padding: 0.375rem 1rem;
  transition: all 0.2s ease;
}
.team-filter-select .transfer-container .shd-accordion .accordion__heading:hover {
  background: #eff6ff;
}
.team-filter-select .transfer-container .shd-accordion .accordion__button {
  padding: 0;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  background-color: transparent !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
}
.team-filter-select .transfer-container .shd-accordion .accordion__button::before {
  display: none;
}
.team-filter-select .transfer-container .shd-accordion .accordion__button svg {
  color: #9ca3af;
}
.team-filter-select .transfer-container .shd-accordion .accordion__panel {
  border: none;
  padding: 0.5rem 0rem;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  background: rgba(249, 250, 251, 0.6);
}
.team-filter-select .transfer-container .shd-accordion .accordion__panel .team-member {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0.375rem 1.75rem;
  transition: all 0.2s ease;
}
.team-filter-select .transfer-container .shd-accordion .accordion__panel .team-member .bs-checkbox-wrapper {
  margin-right: 0.5rem;
}
.team-filter-select .transfer-container .shd-accordion .accordion__panel .team-member .bs-checkbox-wrapper .bs-checkbox {
  top: 0;
}
.team-filter-select .transfer-container .shd-accordion .accordion__panel .team-member .bs-checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-filter-select .transfer-container .shd-accordion .accordion__panel .team-member .team-member-name {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.team-filter-select .transfer-container .shd-accordion .accordion__panel .team-member:hover {
  background: #eff6ff;
}
.team-filter-select .transfer-container .single-team-member {
  padding: 0.375rem 1rem;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-left: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.team-filter-select .transfer-footer {
  padding: 0.5rem 1rem !important;
  border-top: 0.0625rem solid #e5e7eb;
  border-radius: 0 0 0.25rem 0.25rem;
}
.team-filter-select .team-filter-footer .bs-checkbox-wrapper span:last-of-type {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.team-filter-select .team-filter-footer .apply-btn {
  line-height: 1.25rem;
}

.team-filter-select-onboarding .transfer-container {
  min-height: 15rem !important;
}
.team-filter-select-onboarding .transfer-container .transfer-body .transfer-content {
  min-height: 8.8rem;
}

.team-filter-button {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  width: 10.1875rem;
  height: 2rem;
  padding: 0.375rem 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background: #fff;
  cursor: pointer;
  gap: 0.5rem;
  transition: all 0.2s ease;
}
.team-filter-button:hover, .team-filter-button:active, .team-filter-button:focus, .team-filter-button:focus-within {
  border-color: #1d4ed8;
}
.team-filter-button .select-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9ca3af;
}
.team-filter-button .select-icon svg {
  width: 1rem;
  height: 1rem;
}

.category-dropdown {
  margin-top: 10px;
}
.category-dropdown.transfer-overlay {
  z-index: 10;
}
.category-dropdown .transfer-container {
  min-width: 16.75rem !important;
  max-width: 16.75rem !important;
}
.category-dropdown .transfer-container .transfer-body {
  padding: 12px 0px;
  padding-bottom: 6px !important;
  position: relative;
}
.category-dropdown .transfer-container .transfer-body .transfer-search {
  position: relative;
}
.category-dropdown .transfer-container .transfer-body .transfer-search .bs-input-affix-wrapper .input-icons-right {
  cursor: pointer;
}
.category-dropdown .transfer-container .transfer-body .transfer-custom-header {
  position: absolute;
  top: 0.375rem;
  right: 0.75rem;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.category-dropdown .transfer-container .transfer-body .transfer-custom-header .category-dropdown-clear-search {
  pointer-events: auto;
}
.category-dropdown .transfer-container .transfer-body .transfer-custom-header .category-dropdown-clear-search .category-dropdown-clear-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #9ca3af;
  transition: color 0.2s ease;
}
.category-dropdown .transfer-container .transfer-body .transfer-custom-header .category-dropdown-clear-search .category-dropdown-clear-btn:hover {
  color: #111827;
}
.category-dropdown .transfer-container .transfer-body .transfer-custom-header .category-dropdown-clear-search .category-dropdown-clear-btn .sh-close-o {
  font-size: 0.875rem;
}
.category-dropdown .transfer-container .transfer-body .transfer-custom-header .category-dropdown-search {
  padding: 0px;
}
.category-dropdown .transfer-container .transfer-body .transfer-custom-header .category-dropdown-search .category-dropdown-search-input {
  border: 1px solid #f3f4f6;
  background: #f9fafb;
  border-radius: 0;
}
.category-dropdown .transfer-container .transfer-body .transfer-content {
  max-height: 376px;
  overflow-y: auto;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list {
  width: 100%;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li {
  padding: 0 !important;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group {
  width: 100%;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-header {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  background: #fff;
  border-bottom: 1px solid #f3f4f6;
  padding: 6px 0 6px 12px;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items {
  display: flex;
  flex-direction: column;
  background: #f9fafb;
  border-bottom: 1px solid #f3f4f6;
  padding: 8px 0;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items .category-dropdown-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 16px 6px 16px;
  transition: background 0.2s ease;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items .category-dropdown-item:hover {
  background: #eff6ff;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items .category-dropdown-item .category-dropdown-edit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: transparent;
  border: none;
  color: #6b7280;
  display: none;
  pointer-events: none;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items .category-dropdown-item .category-dropdown-edit-btn:hover {
  background-color: #fff;
  border-radius: 4px;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items .category-dropdown-item .category-dropdown-edit-btn .category-dropdown-edit-icon {
  border: none;
  background: none;
  padding: 0px;
  display: flex;
  height: 16px;
  align-items: center;
  color: #6b7280;
  padding-left: 2px;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items .category-dropdown-item .category-dropdown-edit-btn .category-dropdown-edit-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
  padding-right: 4px;
}
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items .category-dropdown-item:hover .category-dropdown-edit-btn,
.category-dropdown .transfer-container .transfer-body .transfer-content .transfer-list div li .category-dropdown-group .category-dropdown-group-items .category-dropdown-item .category-dropdown-edit-btn:focus-visible {
  display: flex;
  pointer-events: auto;
}
.category-dropdown .transfer-container .transfer-body .transfer-footer {
  padding: 0px;
}
.category-dropdown .transfer-container .transfer-body .transfer-footer .category-dropdown-add-btn {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #1d4ed8;
  font-weight: 500;
  font-size: 14px;
  padding: 6px 12px 6px 12px;
  height: auto;
  border-radius: 0px;
}
.category-dropdown .transfer-container .transfer-body .transfer-footer .category-dropdown-add-btn span {
  line-height: 20px;
  gap: 4px;
}
.category-dropdown .transfer-container .transfer-body .transfer-footer .category-dropdown-add-btn:hover, .category-dropdown .transfer-container .transfer-body .transfer-footer .category-dropdown-add-btn:focus, .category-dropdown .transfer-container .transfer-body .transfer-footer .category-dropdown-add-btn:active {
  background: #eff6ff;
}

.category-dropdown-item-label {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 8px;
  animation: fadeIn 0.2s ease;
}
.category-dropdown-item-label .category-cards-blocked-icon {
  display: flex;
  align-items: center;
  padding: 2px;
}

.category-dropdown-empty {
  padding: 0.5rem 1rem;
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
}

.transfer-empty {
  margin: 0;
  margin-top: 4.5625rem;
}
.transfer-empty img {
  width: 4.8475rem;
  height: 5rem;
  margin: 0;
}
.transfer-empty h1,
.transfer-empty p {
  color: #1f2937;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.125rem;
  margin: 1rem 0 0.5rem 0;
}
.transfer-empty p {
  width: 12.125rem;
  color: #9ca3af;
  font-weight: 400;
  margin: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.date-filter-select-wrap {
  width: 10.1875rem;
  height: 2rem;
}
.date-filter-select-wrap .date-filter-select {
  width: 191px;
  height: 32px;
}
.date-filter-select-wrap .date-filter-select .transfer-container .transfer-body .transfer-content .transfer-list li .separator {
  border-bottom-width: 0 !important;
}
.date-filter-select-wrap .render-text {
  border: none;
}
.date-filter-select-wrap .bs-select-box {
  width: 100%;
  height: 100%;
  border: 1px solid #e8eff5;
}
.date-filter-select-wrap .report-date-picker .react-datepicker {
  z-index: 10;
  margin-top: 0.225rem;
}
.date-filter-select-wrap .date-renderer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.date-filter-select-wrap .date-renderer img {
  width: 1.125rem;
  height: 1.125rem;
}
.date-filter-select-wrap .date-renderer span {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1f2937;
}

.searching-empty {
  width: 100%;
  height: calc(100vh - 6.938rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.searching-empty .searching-empty-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 646px;
}
.searching-empty h3 {
  font-weight: 600;
  color: #343a40;
  font-size: 0.875rem;
  color: #1f2937;
  margin-bottom: 0;
  line-height: normal;
}
.searching-empty .text-desc {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  padding-top: 0.5rem;
  color: #6b7280;
  margin-bottom: 0;
}
.searching-empty .leads-profile {
  display: flex;
  width: 100%;
  border-radius: 0.25rem;
  margin-top: 1rem;
}
.searching-empty .leads-profile .professional-profile {
  text-align: center;
  align-items: center;
  width: 100%;
  padding: 14px 0px;
  background: #fff;
  height: auto;
  border-radius: 0.25rem;
}
.searching-empty .leads-profile .professional-profile .profile-icon {
  height: 1.5rem;
  width: 1.5rem;
  color: #60a5fa;
}
.searching-empty .leads-profile .professional-profile .profile-lable {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 20px;
  padding-top: 0.5rem;
  margin-bottom: 0;
}
.searching-empty .leads-profile .professional-profile .profile-text {
  font-size: 0.875rem;
  color: #6b7280;
  padding-top: 0.5rem;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.searching-empty .searching-empty-footer {
  color: #6b7280;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding-top: 26px;
  margin-bottom: 0px;
}
.searching-empty .searching-empty-footer a {
  color: #1d4ed8;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.alert-message .searching-empty {
  height: calc(100vh - 9.25rem);
}

.leads-tabbing .bs-tabs .bs-tabs-nav {
  height: 2.938rem;
  margin-bottom: 0px;
  color: #8194ad;
  background-color: white;
}
.leads-tabbing .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap {
  padding-left: 1.4375rem;
}
.leads-tabbing .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab {
  margin-right: 1.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #8194ad;
}
.leads-tabbing .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active {
  color: #1d4ed8;
  font-weight: 600;
}
.leads-tabbing .bs-tabs .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-ink-bar-animated {
  height: 0.1875rem;
  border-radius: 0.125rem 0.125rem 0 0;
}

.no-search-lead {
  height: calc(100vh - 6.938rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-search-lead .no-search-result {
  margin: 0;
}

.alert-message .no-search-lead {
  height: calc(100vh - 9.2505rem);
}

.leads-filter-bulk-search .modal-dialog {
  max-width: 55.25rem !important;
}
.leads-filter-bulk-search .modal-dialog .modal-title {
  color: #1f2937;
}
.leads-filter-bulk-search .modal-dialog .modal-body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.leads-filter-bulk-search .modal-dialog .modal-footer {
  padding-bottom: 0.5rem;
}
.leads-filter-bulk-search .modal-dialog .modal-footer .btn-solid-primary {
  background-color: #1D4ED8;
  border-color: #1D4ED8;
}
.leads-filter-bulk-search .modal-dialog .modal-footer .btn-ghost-primary {
  border-color: #D9D9D9;
  color: #6B7280;
}
.leads-filter-bulk-search .modal-dialog .modal-footer .btn-ghost-primary:active {
  border-color: #D9D9D9;
  color: #6B7280;
}
.leads-filter-bulk-search .modal-dialog .modal-footer .btn-ghost-primary:hover {
  background-color: #f3f4f6;
}
.leads-filter-bulk-search .modal-dialog .search-input-label-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.625rem;
}
.leads-filter-bulk-search .modal-dialog .search-input-label-container .search-input-label {
  display: flex;
  align-items: center;
}
.leads-filter-bulk-search .modal-dialog .search-input-label-container .search-input-label .label-icon {
  font-size: 1.25rem;
  display: flex;
  color: #6B7280;
}
.leads-filter-bulk-search .modal-dialog .search-input-label-container .search-input-label .label {
  font-size: 0.875rem;
  margin-left: 0.375rem;
  font-weight: 600;
  color: #1f2937;
}
.leads-filter-bulk-search .modal-dialog .search-input-label-container .show-exact-match-check .bs-checkbox + span {
  padding-left: 6px;
  padding-right: 0px;
}
.leads-filter-bulk-search .modal-dialog .search-input-label-container .show-exact-match-check .checkbox-label-text {
  font-size: 0.75rem !important;
  color: #1f2937 !important;
}

.people-tab-accordian {
  max-height: calc(100vh - 19rem);
}
.people-tab-accordian .os-scrollbar-vertical {
  padding-right: 0.25rem;
}
.people-tab-accordian .os-scrollbar-vertical .os-scrollbar-handle {
  border-radius: 0.25rem;
  width: 0.25rem;
  background-color: #e5e7eb;
}
.people-tab-accordian::-webkit-scrollbar {
  width: 0.3125rem;
}
.people-tab-accordian .shd-accordion {
  gap: 0 !important;
  grid-gap: 0 !important;
}
.people-tab-accordian .shd-accordion .accordion__item {
  border-radius: unset !important;
  box-shadow: unset !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.people-tab-accordian .shd-accordion .accordion__item:first-child {
  border-top: none !important;
}
.people-tab-accordian .shd-accordion .accordion__item:last-child {
  border-bottom: 1px solid #e5e7eb !important;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading {
  height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem !important;
  width: 100%;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading .accordion-minus-icon,
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading:hover {
  background-color: #f9fafb;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading-tag {
  display: flex;
  align-items: center;
  padding: 0 0.75rem !important;
  width: 100%;
  height: auto;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading-tag .accordion-minus-icon,
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading-tag .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading-tag:hover {
  background-color: #f9fafb;
}
.people-tab-accordian .shd-accordion .accordion__item .accordian-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100% !important;
  padding: 0.563rem 0;
}
.people-tab-accordian .shd-accordion .accordion__item .accordian-label .icon {
  display: flex;
  align-items: center;
  color: #6b7280;
}
.people-tab-accordian .shd-accordion .accordion__item .accordian-label .label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #1f2937;
  width: 95%;
  padding: 0 0.375rem;
}
.people-tab-accordian .shd-accordion .accordion__item .accordian-label .shd-icon {
  font-size: 1.0625rem;
  margin-right: 0.375rem;
  color: #6b7280;
}
.people-tab-accordian .shd-accordion .accordion__item .accordian-label .bs-tag-close-icon {
  color: #6b7280 !important;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion__panel {
  padding: 0.75rem;
  background-color: #f9fafb;
  padding-top: 0 !important;
  user-select: none;
}
.people-tab-accordian .shd-accordion .accordion__item .filter-applied-collapse {
  padding: 0 0.5rem 0.5rem 0;
}
.people-tab-accordian .shd-accordion .accordion__item .filter-applied-collapse .filter-tag {
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
}
.people-tab-accordian .shd-accordion .accordion__item:hover {
  background-color: #f9fafb;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-selected-tag .accordian-label .icon {
  color: #1d4ed8;
}
.people-tab-accordian .shd-accordion .accordion__item .accordion-item-selected-tag .accordian-label .label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #1d4ed8;
  width: 95%;
  padding: 0 0.375rem;
}
.people-tab-accordian .shd-accordion .accordion__item_selected {
  border-radius: unset !important;
  box-shadow: unset !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.people-tab-accordian .shd-accordion .accordion__item_selected:first-child {
  border-top: none !important;
}
.people-tab-accordian .shd-accordion .accordion__item_selected:last-child {
  border-bottom: 1px solid #e5e7eb !important;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading {
  height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem !important;
  width: 100%;
  background: #f9fafb;
  color: #1d4ed8;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading .accordion-minus-icon,
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading:hover {
  background-color: #f9fafb;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading-tag {
  display: flex;
  align-items: center;
  padding: 0 0.75rem !important;
  width: 100%;
  background: #f9fafb;
  color: #1d4ed8;
  height: auto;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading-tag .accordion-minus-icon,
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading-tag .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading-tag:hover {
  background-color: #f9fafb;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100% !important;
  padding: 0.563rem 0;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label .icon {
  display: flex;
  align-items: center;
  color: #1d4ed8;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label .label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #1d4ed8;
  width: 95%;
  padding: 0 0.375rem;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label .shd-icon {
  font-size: 1.0625rem;
  margin-right: 0.375rem;
  color: #6b7280;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label .bs-tag-close-icon {
  color: #6b7280 !important;
}
.people-tab-accordian .shd-accordion .accordion__item_selected .accordion__panel {
  padding: 0.75rem;
  background-color: #f9fafb;
  padding-top: 0 !important;
  user-select: none;
}
.people-tab-accordian .shd-accordion .accordion__item_selected:hover {
  background-color: #f9fafb;
}
.people-tab-accordian .shd-accordion .accordion__item_highlighted {
  border: 2px solid #1d4ed8 !important;
  border-radius: 4px !important;
}

.leads-search {
  height: 2.5rem;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
}
.leads-search form {
  width: 100%;
}
.leads-search .bs-input-affix-wrapper:focus,
.leads-search .bs-input-affix-wrapper:focus-within {
  border-color: unset;
  border-right-width: unset;
  outline: 0;
  box-shadow: unset;
}
.leads-search .search-input {
  background: none;
  border: none;
  max-width: 16.375rem;
  padding-left: 0.355rem;
}
.leads-search .search-input input {
  background: none;
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
}
.leads-search .search-input input:focus,
.leads-search .search-input input :focus-visible,
.leads-search .search-input input :focus-within,
.leads-search .search-input input :active,
.leads-search .search-input input :hover {
  box-shadow: none;
  outline: none;
  border: none;
}
.leads-search .search-input input::placeholder {
  font-size: 0.75rem;
  font-weight: 400;
}
.leads-search .search-input .input-icons-left .bs-input-prefix {
  position: relative;
  bottom: -0.0625rem;
}
.leads-search .search-input .input-icons-left .bs-input-prefix .sh-search {
  font-size: 16px;
}
.leads-search .search-input .input-icons-right .bs-input-suffix .sh-close-o {
  cursor: pointer;
}

.leads-bulk-search {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 2.5rem;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0;
  padding-left: 0.75rem;
  color: #1d4ed8;
  gap: 0.5rem;
  cursor: pointer;
}

.leads-filter {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5rem;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0;
  padding-left: 0.75rem;
}
.leads-filter div {
  cursor: pointer;
}
.leads-filter div .sh-filter {
  font-size: 0.938rem;
  margin-right: 0.5rem;
}
.leads-filter button:hover {
  text-decoration: none;
}
.leads-filter button span {
  font-weight: 500;
}

.ai-search-animation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12rem 35px;
}
.ai-search-animation span {
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-search-animation .ai-3-star-animated-icon {
  width: 54px;
  height: 54px;
}
.ai-search-animation.leads-filter {
  border-bottom: 0px;
}

.filter-checkbox {
  margin-top: 0.375rem;
}
.filter-checkbox:first-child {
  margin-top: 0;
}
.filter-checkbox .expandedIcon-checkbox {
  display: flex;
  align-items: start;
}
.filter-checkbox .expandedIcon-checkbox svg {
  margin-right: 0.16rem;
  position: relative;
  top: -0.063rem;
}
.filter-checkbox .expandedIcon-checkbox .minus-plus-icon svg {
  color: #6b7280;
  cursor: pointer;
}
.filter-checkbox .expandedIcon-checkbox p {
  margin-bottom: 0px;
}
.filter-checkbox .expandedIcon-checkbox label {
  display: flex;
}
.filter-checkbox .expandedIcon-checkbox label .label-container {
  display: flex;
}
.filter-checkbox .render-checkbox {
  padding-left: 0.125rem;
}
.filter-checkbox .render-checkbox .checkbox-number .bs-checkbox-wrapper {
  line-height: 1.188rem;
}
.filter-checkbox .checkbox-children {
  display: flex;
  flex-direction: column;
}
.filter-checkbox .checkbox-children label:first-child {
  margin-left: 0.5rem;
}
.filter-checkbox .checkbox-children label span:last-child:hover {
  color: #1d4ed8;
}
.filter-checkbox .checkbox-children:hover .bs-checkbox-wrapper {
  color: #1d4ed8;
}
.filter-checkbox .bs-checkbox-wrapper {
  align-items: start;
}
.filter-checkbox .bs-checkbox-wrapper .bs-checkbox {
  margin-top: 0.188rem;
}
.filter-checkbox .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-input:checked ~ .bs-checkbox-inner {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.filter-checkbox .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.filter-checkbox .bs-checkbox-wrapper .bs-checkbox-indeterminate .bs-checkbox-inner::after {
  background-color: #1d4ed8;
}
.filter-checkbox .bs-checkbox-wrapper span + span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #1f2937;
  padding-left: 0.375rem;
  padding-right: 0.188rem;
  width: 100%;
}
.filter-checkbox .checkbox-lable {
  color: #1f2937 !important;
  font-weight: 400;
  font-size: 0.75rem;
}
.filter-checkbox .checkbox-lable:hover {
  color: #1d4ed8 !important;
}
.filter-checkbox .checked-number {
  font-size: 0.625rem;
  font-weight: 400;
  color: #6b7280;
  margin-left: 0.125rem;
}

.prospect-tag-popover {
  padding: 0 !important;
}
.prospect-tag-popover .popover-body .bs-popover-content {
  width: 16.75rem;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content p {
  width: 11.75rem;
  margin-right: 0.5rem;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content svg {
  color: #6b7280;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content svg:hover {
  color: #1d4ed8;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 0.75rem;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-content {
  padding-top: 0.5rem;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-content .transfer-list li {
  padding: 0.3125rem 1rem;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-content .transfer-list li .search-seved-filter {
  font-weight: 400;
}
.prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-content .transfer-list li .edit-icon {
  margin-right: 0.625rem;
}

.prospect-tag-applied {
  padding: 1rem !important;
}
.prospect-tag-applied .popover-body .bs-popover-content {
  width: 12.75rem;
}
.prospect-tag-applied .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.prospect-tag-applied .popover-body .bs-popover-content .bs-popover-inner-content p {
  width: 11.75rem;
}
.prospect-tag-applied .popover-body .bs-popover-content .bs-popover-inner-content div .saved-applied-filter {
  color: #4b5563;
  font-weight: 600;
  font-size: 0.875rem;
  padding-top: 0.125rem;
  line-height: normal;
}
.prospect-tag-applied .popover-body .bs-popover-content .bs-popover-inner-content div .applied-filter-active {
  color: #1d4ed8;
  font-weight: 400;
  font-size: 0.875rem;
  padding-top: 1.125rem;
  line-height: normal;
}

.saved-filters-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 0.625rem;
  height: 5.5rem;
  width: 16.4375rem;
  position: fixed;
  bottom: 0px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(4, 21, 76, 0.08);
}
.saved-filters-container.saved-filter-container-custom {
  height: 3.5rem;
}
.saved-filters-container .saved-filters-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.saved-filters-container .saved-filters-button {
  margin-top: 0.5rem;
  width: 100%;
}
.saved-filters-container .saved-filters-button button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saved-filters-container .saved-filters-button button .icon-left {
  color: #fff;
  align-items: center;
  display: flex;
}
.saved-filters-container .saved-filters-button button .icon-left .search-icon {
  font-size: 18px;
}
.saved-filters-container .saved-filters-button button:disabled {
  opacity: 0.35;
  background-color: #1d4ed8;
  color: #fff;
  cursor: not-allowed;
}
.saved-filters-container .saved-filters-button .search-txt {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.saved-filters-container .saved-filters {
  display: flex;
  align-items: center;
}
.saved-filters-container .saved-filters .icon {
  display: flex;
  align-items: center;
  color: #6b7280;
}
.saved-filters-container .saved-filters .icon svg {
  width: 1.125rem;
  height: 1.125rem;
  position: relative;
  left: 0.1875rem;
}
.saved-filters-container .saved-filters span {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  padding-left: 0.375rem;
}
.saved-filters-container .saved-filters .saved-filter-dot {
  background-color: #60a5fa;
  height: 0.5rem;
  width: 0.5rem;
  margin-left: 0.25rem;
  border-radius: 50%;
  cursor: pointer;
}
.saved-filters-container span {
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 500;
}
.saved-filters-container span:hover {
  cursor: pointer;
}
.saved-filters-container .save-filter .save-filter-txt {
  color: #1d4ed8;
  font-weight: 500;
  font-size: 12px;
}
.saved-filters-container .save-filter .save-filter-txt.disable-save-filter {
  color: #d1d5db;
}
.saved-filters-container .save-filter .save-filter-txt.disable-save-filter:hover {
  cursor: default;
  color: #d1d5db;
}
.saved-filters-container .save-filter .save-filter-txt:hover {
  color: #1e40af;
}

@media only screen and (min-width: 1600px) and (max-width: 3840px) {
  .saved-filters-container {
    width: 16.563rem;
  }
}
.filter-container-lead {
  color: #1f2937 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  background-color: #f3f4f6 !important;
  display: block;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 0.2rem 0.3rem;
  margin-top: 0.2rem;
  position: relative;
}
.filter-container-lead .remove-icon {
  transform: rotate(45deg);
  font-size: 0.9rem;
}

.filter-tag {
  color: #1f2937 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  background-color: #f3f4f6 !important;
  margin-top: 0.25rem !important;
  margin-right: 0.25rem !important;
  align-items: start;
  height: 1.375rem !important;
}
.filter-tag-exact-match {
  white-space: unset !important;
  position: relative !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}
.filter-tag-exact-match .bs-tag-close-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.3rem;
}
.filter-tag .bs-tag-close-icon {
  margin-left: 0.5rem !important;
  font-size: 0.875rem !important;
  width: 1rem;
}
.filter-tag .bs-tag-close-icon .sh-close {
  top: 0.125rem !important;
  color: #6b7280 !important;
}
.filter-tag .bs-tag-close-icon svg {
  color: #6b7280 !important;
}
.filter-tag.more-tag {
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 1.375rem;
  position: relative;
  top: 0.188rem;
}
.filter-tag.more-tag div p {
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 500;
}

.filter-checkbox-container {
  margin-top: 0.75rem;
}

.checkbox-number {
  display: flex !important;
  justify-content: space-between;
}
.checkbox-number .include-exclude-icon {
  display: none;
}
.checkbox-number:hover .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-color: #1d4ed8;
}
.checkbox-number:hover .bs-checkbox-wrapper .label-container .checkbox-lable {
  color: #1d4ed8 !important;
}
.checkbox-number:hover .bs-checkbox-wrapper .label-container .checked-number {
  color: #1d4ed8;
}
.checkbox-number:hover .include-exclude-icon {
  display: flex;
}
.checkbox-number:hover .include-exclude-icon .include-circle-plus {
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  margin-right: 0.25rem;
}
.checkbox-number:hover .include-exclude-icon .include-enabled {
  color: #1d4ed8 !important;
}
.checkbox-number:hover .include-exclude-icon .include-disabled {
  color: #bfdbfe !important;
  cursor: not-allowed;
}
.checkbox-number:hover .include-exclude-icon .circle-minus {
  color: #dc2626 !important;
}

.checkbox-number-child {
  padding-left: 0.75rem;
}
.checkbox-number-child:hover .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-color: #1d4ed8;
}
.checkbox-number-child:hover .bs-checkbox-wrapper span:last-child {
  color: #1d4ed8 !important;
}

.includes-excludes-text {
  margin-top: 0.75rem;
  margin-bottom: 0;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
}

.input-container {
  position: relative;
}
.input-container .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: 0.25rem;
}
.input-container .include-exclude-icon {
  display: flex;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.input-container .include-exclude-icon .include-circle-plus {
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  margin-right: 0.25rem;
}
.input-container .include-exclude-icon .include-enabled {
  color: #1d4ed8 !important;
}
.input-container .include-exclude-icon .include-disabled {
  color: #bfdbfe !important;
  cursor: not-allowed;
}
.input-container .include-exclude-icon .circle-minus {
  color: #dc2626 !important;
}
.input-container .bs-checkbox-wrapper {
  align-items: start;
}
.input-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-input:checked ~ .bs-checkbox-inner {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.input-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.input-container .bs-checkbox-wrapper span + span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #1f2937;
  padding-left: 0.375rem;
  padding-right: 0.188rem;
  width: 100%;
}
.input-container.department-search-input {
  margin-top: 0.75rem;
}
.input-container.department-search-input .autocomplete {
  top: 3.75rem !important;
}
.input-container.management-levels-label {
  margin-top: 0.75rem;
}
.input-container.management-levels-label span {
  padding: 0 !important;
}
.input-container.sic-code-input {
  margin-top: 0.75rem;
}
.input-container.naics-code-input {
  margin-top: 0.75rem;
}
.input-container.major-input-school {
  margin-top: 0.75rem;
}
.input-container.major-input-degree {
  margin-top: 0.75rem;
}
.input-container.major-input {
  margin-top: 0;
}
.input-container .autocomplete {
  position: absolute !important;
  top: 2.5rem !important;
  border: 1px solid #e5e7eb;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
}
.input-container .autocomplete .item:hover .include-exclude-icon {
  display: flex;
}
.input-container .autocomplete .include-exclude-icon {
  display: none;
  transform: translateY(0%);
}
.input-container .autocomplete .autocomplete-text {
  white-space: nowrap;
  width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.input-container .autocomplete.autocomplete-custome-menu {
  top: 3.75rem !important;
}
.input-container .autocomplete .autocomplete-menu-list {
  background-color: #eff6ff;
  color: #1f2937;
  cursor: pointer;
}

.search-checkbox {
  margin-top: 0.75rem;
}
.search-checkbox .search-checkbox-container {
  margin-top: 0.313rem;
}
.search-checkbox .search-checkbox-container:first-child {
  margin-top: 0;
}
.search-checkbox .search-checkbox-container .bs-checkbox-wrapper {
  display: flex;
  align-items: center;
}
.search-checkbox .search-checkbox-container .bs-checkbox-wrapper .label-container {
  display: flex;
  align-items: center;
}
.search-checkbox .search-checkbox-container .bs-checkbox-wrapper .label-container .checkbox-lable {
  color: #1f2937 !important;
  font-weight: 400;
  font-size: 0.75rem;
}
.search-checkbox .search-checkbox-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-input:checked ~ .bs-checkbox-inner {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.search-checkbox .search-checkbox-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.search-checkbox .search-checkbox-container .bs-checkbox-wrapper .bs-checkbox-indeterminate .bs-checkbox-inner::after {
  background-color: #1d4ed8;
}
.search-checkbox .search-checkbox-container .bs-checkbox-wrapper span + span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #1f2937;
  padding-left: 0.375rem;
  padding-right: 0.188rem;
  width: 100%;
}
.search-checkbox .search-checkbox-container:hover .label-container .checkbox-lable {
  color: #1d4ed8 !important;
}
.search-checkbox .search-checkbox-container:hover .label-container .checked-number {
  color: #1d4ed8 !important;
}

.include-exclude-icon {
  display: flex;
  align-items: center;
}
.include-exclude-icon .circle-plus {
  color: #ced4da !important;
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  margin-right: 0.25rem;
}
.include-exclude-icon .circle-plus:hover {
  color: #1d4ed8 !important;
}
.include-exclude-icon .circle-minus {
  color: #ced4da !important;
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
}
.include-exclude-icon .circle-minus:hover {
  color: #dc2626 !important;
}

.dropdown-filter .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: 0.25rem;
}
.dropdown-filter.job-change-dropdown {
  margin-top: 0.75rem;
}

.input-group {
  margin-top: 0.75rem;
}
.input-group .input-group-prepend {
  height: 2.063rem;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.input-group .input-group-prepend .input-group-text {
  border-radius: 0px;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border: 1px solid #d1d5db;
}
.input-group .input-group-prepend .input-group-text.error-prefix-input {
  border-color: #fca5a5;
}
.input-group .min-input-container,
.input-group .max-input-container {
  width: 50%;
}
.input-group .max-input {
  position: relative;
}
.input-group .max-input .error-message svg {
  position: absolute;
  top: 0.563rem;
  right: 0.563rem;
  cursor: pointer;
}
.input-group .form-control {
  height: 2.063rem;
  border-radius: 4px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border: 1px solid #d1d5db;
}
.input-group .form-control.is-invalid {
  background-image: unset;
  border-color: #fca5a5 !important;
  box-shadow: unset;
}
.input-group .form-control::-webkit-outer-spin-button, .input-group .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-group .form-control.without-prefix {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.input-group .form-control:focus {
  box-shadow: unset;
  border: 1px solid #1d4ed8;
}
.input-group .form-control::placeholder {
  color: #9ca3af;
}

.phone-number-nudge-popover {
  border-radius: 4px !important;
  padding: 0 !important;
  max-width: 353px !important;
}
.phone-number-nudge-popover .popover-body {
  padding: 0 !important;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content {
  padding: 12px !important;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-header .phone-number-nudge-header-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #ffffff !important;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-body {
  color: #ffffff !important;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-body .text-bold {
  font-weight: 700;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-footer .phone-number-nudge-footer-ignore {
  color: #9ca3af !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background-color: transparent;
  border: none;
  padding: 0px;
}
.phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-header-close {
  background-color: transparent;
  border: none;
  padding: 0px;
  height: 16px !important;
}

.auto-search-input {
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 0.25rem 0.6875rem;
  color: #595959;
  font-size: 0.875rem;
  line-height: 1.5715;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  transition: all 0.3s;
  display: inline-flex;
  width: 100%;
  height: 2rem;
}
.auto-search-input::placeholder {
  color: #bfbfbf;
}
.auto-search-input:hover {
  border-color: #346aff;
  border-right-width: 1px !important;
}
.auto-search-input:focus, .auto-search-input:focus-within {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}

.no-autocomplete {
  color: #6b7280;
  text-align: center;
  padding: 0.5rem;
  padding-top: 0.9375rem;
}

.autocomplete {
  border-top-width: 0;
  border-radius: 0.25rem;
  background-color: #fff;
  list-style: none;
  margin-top: 0;
  max-height: 17.0625rem;
  padding-left: 0;
  overflow: auto;
  width: 100%;
  z-index: 10;
  box-shadow: 2px 2px 1rem -3px rgba(4, 21, 76, 0.16);
}

.autocomplete li {
  padding: 0.5rem;
  color: #595959;
  font-size: 0.875rem;
  line-height: 1.5715;
}

.autocomplete > .active,
.autocomplete li:hover {
  background-color: #eff6ff;
  color: #1f2937;
  cursor: pointer;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.recent-search {
  width: 100%;
  height: calc(100vh - 6.938rem);
  overflow-y: scroll;
  padding-top: 20vh;
}
.recent-search .icon-alignment {
  text-align: center;
}
.recent-search .recent-search-container {
  width: 646px;
  max-height: 480px;
  display: flex;
  flex-direction: column;
}
.recent-search .service-activity {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0;
  text-align: start;
}
.recent-search .latest-activity {
  font-size: 0.875rem;
  font-weight: 400;
  color: #6b7280;
  padding-top: 0.5rem;
  margin-bottom: 0;
}
.recent-search .table-border {
  border: 1px solid #e5e7eb;
  width: 40.375rem;
  border-radius: 0.25rem;
  margin: 1rem 0;
  height: auto;
  max-height: 30vh;
  overflow: auto;
  flex-shrink: 1;
}
.recent-search .table-border .table-data {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  cursor: pointer;
}
.recent-search .table-border .table-data:last-child {
  border: none;
}
.recent-search .table-border .table-data > .d-flex {
  min-width: 0;
  flex: 1;
}
.recent-search .table-border .table-data .clock-bg {
  background-color: #f3f4f6;
  height: 2rem;
  width: 2rem;
  display: flex;
  border-radius: 50%;
}
.recent-search .table-border .table-data .clock-bg .clock-icon {
  margin: auto;
  height: 1.125rem;
  width: 1.125rem;
  color: #6b7280;
}
.recent-search .table-border .table-data .prospect-details {
  margin-left: 0.75rem;
  min-width: 0;
  flex: 1;
}
.recent-search .table-border .table-data .prospect-details .d-flex {
  min-width: 0;
}
.recent-search .table-border .table-data .prospect-details .bold-text {
  font-size: 0.875rem;
  color: #1f2937;
  font-weight: 600;
  line-height: 1.188rem;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
}
.recent-search .table-border .table-data .prospect-details .normal-text {
  font-size: 0.875rem;
  color: #1f2937;
  font-weight: 400;
  line-height: normal;
  padding-left: 0.1875rem;
}
.recent-search .table-border .table-data .prospect-details .days {
  color: #9ca3af;
  font-size: 0.75rem;
  padding-top: 0.25rem;
  font-weight: 400;
  line-height: normal;
}
.recent-search .table-border .table-data .Trash-icon {
  color: #6b7280;
  height: 1.125rem;
  width: 1.125rem;
}
.recent-search .table-border .table-data .Trash-icon:hover {
  color: #1d4ed8;
}
.recent-search .table-border.table-nodata {
  border: unset;
}

.alert-message .recent-search {
  height: calc(100vh - 9.25rem);
}

.total-credits {
  display: flex;
  justify-content: right;
  align-items: center;
  background: white;
  padding-right: 1.738rem;
}
.total-credits .credit-number {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #d1d5db;
  min-width: 6.75rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.total-credits .credit-number .diamond-icon {
  height: 1.125rem;
  width: 1.125rem;
  color: #1d4ed8;
  margin-right: 0.5rem;
}
.total-credits .credit-number p {
  color: #1f2937;
  margin: 0px;
}

.leads-filters {
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 3;
}
.leads-filters.lead-filter-custom {
  display: none;
}
.leads-filters .lead-button-container {
  margin-left: 2rem;
}
.leads-filters .btn-leads-user-details {
  height: 1.75rem;
  padding: 0.375rem 0.75rem;
}
.leads-filters .btn-leads-user-details.export-button {
  height: 1.938rem;
}
.leads-filters .btn-leads-user-details .mail-icon {
  height: 1.25rem;
  width: 1rem;
}
.leads-filters .btn-leads-user-details .mail-phone-icon {
  height: 1.25rem;
  width: 1.25rem;
}
.leads-filters .gap-2 {
  gap: 0.5rem;
}
.leads-filters .checkbox-lable {
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
}

.select-checkbox-lead {
  margin-top: 0.0625rem;
}

.checkbox-tooltip-selected .tooltip-inner {
  max-width: 15.313rem;
}

.checkbox-custome .bs-checkbox-inner {
  border-radius: 0.25rem !important;
}

.bulk-select {
  margin-left: 0.5rem;
}

.divider-vertical {
  height: 1.25rem !important;
  width: 0.063rem !important;
  background-color: #e5e7eb;
  margin: -0.25rem 0.75rem;
  display: inline-block;
}

.bulk-select-tag-modal .modal-dialog {
  width: 34.5rem !important;
}
.bulk-select-tag-modal .modal-content .modal-header {
  min-height: auto !important;
}
.bulk-select-tag-modal .modal-content .modal-header .confirmation-modal-v3--title h2 {
  color: #000000 !important;
  line-height: 20px !important;
}
.bulk-select-tag-modal .modal-content .modal-body {
  overflow: visible;
}
.bulk-select-tag-modal .modal-content .modal-body .bulk-select-tag-modal-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
}
.bulk-select-tag-modal .modal-content .modal-body .tags-autosuggest-container > div:first-child {
  margin-top: 24px !important;
}
.bulk-select-tag-modal .modal-content .modal-body .tags-autosuggest-container > div:first-child .bs-input {
  height: 2.5rem;
  border: 0.0625rem solid #d1d5db;
  background: #f9fafb;
}
.bulk-select-tag-modal .modal-content .modal-body .tags-autosuggest-container > div:first-child .bs-input input {
  background: #f9fafb;
}
.bulk-select-tag-modal .modal-content .modal-body .tags-autosuggest-container > div:first-child #react-autowhatever-1 {
  margin-top: 0.25rem !important;
}
.bulk-select-tag-modal .modal-content .modal-body .tags-autosuggest-container .tags-container.tag-container-style {
  height: auto !important;
}

.individual-leads {
  position: relative;
}
.individual-leads.leads-last-child {
  margin-bottom: 1.25rem;
}
.individual-leads:hover {
  background-color: #f9fafb;
}
.individual-leads:hover .view-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.individual-leads.leads-view-more {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.individual-leads.leads-view-more .lead-data {
  padding-bottom: 0;
}
.individual-leads .lead-data {
  border-bottom: 1px solid #e5e7eb;
  padding: 1rem 1.5rem;
}
.individual-leads .lead-data.individual-leads-view-more {
  border-bottom: none;
  background-color: #f9fafb;
}
.individual-leads .lead-data .clickable {
  cursor: pointer;
}
.individual-leads .lead-data .lead-user-details {
  width: 75%;
}
.individual-leads .lead-data .lead-user-details .lead-user-social-container {
  flex: 40%;
}
.individual-leads .lead-data .lead-user-details .lead-company-name-container {
  flex: 27%;
  padding: 0 0.938rem;
}
.individual-leads .lead-data .lead-user-details .lead-phone-email-container {
  flex: 33%;
}
.individual-leads .lead-data .lead-user-details .lead-part {
  display: flex;
  width: 100%;
  gap: 0.75rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .il-button {
  font-size: 0.875rem;
  font-weight: 500;
}
.individual-leads .lead-data .lead-user-details .lead-part .shd-button {
  padding: 0.374rem 0.75rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .get-contact-info {
  padding-left: 1rem;
  padding-right: 1rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .send-btn {
  width: 2rem;
  padding: 0.375rem 0.5625rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .avatar-icon-container {
  max-width: 24%;
}
.individual-leads .lead-data .lead-user-details .lead-part .avatar-icon-container .avatar-icon {
  border-radius: 50%;
  object-fit: cover;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info {
  display: flex;
  flex-direction: column;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-designation {
  font-size: 0.75rem;
  font-weight: 400;
  color: #1f2937;
  padding-top: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-location {
  padding-top: 0.375rem;
  gap: 0.313rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-location .map-icon {
  position: relative;
  bottom: 0.063rem;
  color: #6b7280;
  margin-top: 0.0625rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-location span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6b7280;
  line-height: 1rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon {
  position: relative;
  right: 0.125rem;
  padding-top: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon a svg {
  color: #6b7280;
  cursor: pointer;
  margin-right: 0.125rem;
  width: 1.25rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon a:last-child svg {
  margin-right: 0;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon a.disabled {
  pointer-events: none;
  cursor: default;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .facebook-icon:hover {
  color: #1878f2;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .linkedin-icon:hover {
  color: #027bb5;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .twitter-icon:hover {
  color: #1a9df0;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .github-icon svg:hover {
  color: #000;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .quora-icon svg:hover {
  color: #b92b27;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .stackoverflow-icon svg:hover {
  color: #f48023;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .me-icon svg {
  height: 1.188rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .me-icon svg:hover {
  color: #154061;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .social-media-icon .angelist-icon svg:hover {
  color: #000;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: #1f2937;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details .lead-company-logo {
  margin-right: 0.5rem;
  border-radius: 0.125rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details .lead-company-name {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.company-details-container {
  gap: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.company-details-container .icon {
  width: 1rem;
  display: flex;
  align-items: start !important;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details .icon {
  width: 1.375rem;
  display: flex;
  align-items: start;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details .icon .icon-color {
  color: #6b7280;
  width: 1rem;
  height: 1rem;
  margin-right: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-skill {
  padding-top: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-skill .lead-company-name {
  font-weight: 400;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-total {
  padding-top: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-total .lead-company-name {
  font-weight: 400;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-map {
  padding-top: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-map .lead-company-name {
  font-weight: 400;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number {
  padding-top: 0;
  padding-right: 0;
  flex-direction: column;
  align-items: start;
  gap: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number .icon .icon-color {
  margin-right: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number .user-number {
  font-weight: 400;
  font-size: 0.75rem;
  color: #1f2937;
  display: flex;
  align-items: start;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number .user-number[href^="tel:"] {
  text-decoration: none;
  cursor: pointer;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number .user-number[href^="tel:"]:hover {
  text-decoration: underline;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number .copy-icon {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0.25rem;
  cursor: pointer;
  display: none;
  width: 1rem;
  color: #6b7280;
  height: 1rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number .copy-icon:hover {
  color: #1d4ed8;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number:hover .copy-icon {
  display: block;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number-people-tab {
  padding-top: 0;
  padding-right: 0;
  gap: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number-people-tab .icon .icon-color {
  margin-right: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number-people-tab .user-number {
  font-weight: 400;
  font-size: 0.75rem;
  color: #1f2937;
  display: flex;
  align-items: start;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number-people-tab .copy-icon {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0.25rem;
  cursor: pointer;
  display: none;
  width: 1rem;
  color: #6b7280;
  height: 1rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number-people-tab .copy-icon:hover {
  color: #1d4ed8;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-user-number-people-tab:hover .copy-icon {
  display: block;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-credit-refunded {
  color: #343a40;
  background: #f8f9fa;
  width: 106px;
  border-radius: 1rem;
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 18px;
  padding: 0px 8px 0px 8px;
  gap: 4px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email {
  margin-top: 0.375rem;
  padding-top: 0;
  padding-right: 0;
  flex-direction: column;
  align-items: start;
  gap: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email .icon .icon-color {
  margin-right: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email .user-email {
  font-weight: 400;
  color: #1f2937;
  font-size: 0.75rem;
  display: flex;
  align-items: start;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email .user-email:first-child {
  margin-top: 0;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email .copy-icon-lead {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0.25rem;
  cursor: pointer;
  display: none;
  color: #6b7280;
  width: 1rem;
  height: 1rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email .copy-icon-lead:hover {
  color: #1d4ed8;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email:hover .copy-icon-lead {
  display: block;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email-people-tab {
  margin-top: 0.375rem;
  padding-top: 0;
  padding-right: 0;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email-people-tab .icon .icon-color {
  margin-right: 0.375rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email-people-tab .user-email {
  font-weight: 400;
  color: #1f2937;
  font-size: 0.75rem;
  display: flex;
  align-items: start;
  max-width: 12.5rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email-people-tab .user-email:first-child {
  margin-top: 0;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email-people-tab .copy-icon-lead {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0.25rem;
  cursor: pointer;
  display: none;
  color: #6b7280;
  width: 1rem;
  height: 1rem;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email-people-tab .copy-icon-lead:hover {
  color: #1d4ed8;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details.lead-company-email-people-tab:hover .copy-icon-lead {
  display: block;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details .more-account {
  display: flex;
  align-items: center;
  margin-left: 0.25rem;
  min-width: 4rem;
  height: 1.25rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #4b5563;
  background: #e5e7eb;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
.individual-leads .lead-data .lead-user-details .lead-part .lead-info .lead-company-details .more-account:hover {
  background-color: #bfdbfe;
  color: #1d4ed8;
}
.individual-leads .lead-data .lead-finder-button-container {
  display: flex;
  width: 250px;
  justify-content: space-between;
  gap: 0.5rem;
}
.individual-leads .lead-data .lead-finder-button-container .get-contact-info,
.individual-leads .lead-data .lead-finder-button-container .prospect-btn-container,
.individual-leads .lead-data .lead-finder-button-container .prospect-btn {
  width: 100%;
}
.individual-leads .lead-data .lead-finder-button-container .lead-finder-icon-button {
  padding: 0.5rem;
  height: 2rem;
  width: 2rem;
}
.individual-leads .view-button {
  display: none;
  color: #1d4ed8;
  z-index: 1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  min-width: 6.3125rem;
  height: 1.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  text-align: center;
  position: absolute;
  bottom: -0.6875rem;
  right: 45%;
  background-color: #fff;
  padding: 0.125rem 0.5rem;
  cursor: pointer;
  padding-right: 0.375rem;
}
.individual-leads .view-button:hover {
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}
.individual-leads .view-button svg {
  margin-left: 0.5313rem;
  margin-top: 0.0625rem;
}

.prospect-saved-btn {
  opacity: 1 !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  border: none !important;
  background-color: #f3f4f6 !important;
}
.prospect-saved-btn:disabled {
  cursor: default;
}

.prospect-btn {
  white-space: nowrap;
}

.lead-pagination .pagination-select-count span {
  font-size: 0.875rem;
  font-weight: 400;
}
.lead-pagination .pagination-select-count .bs-select-box {
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  background-color: #fff;
}

.checkbox-tooltip .tooltip-inner {
  max-width: 15.313rem;
}

.credit-refunded-tooltip .tooltip-inner {
  max-width: 14.313rem;
  max-height: 4.567rem;
}

.checkbox-custome .bs-checkbox-inner {
  border-radius: 4px !important;
}

.lh-0 {
  line-height: 0;
}

.lh-16 {
  line-height: 1rem;
}

.grade-a-email {
  color: #047857 !important;
}

.grade-b-email {
  color: #fa8c16 !important;
}

.unverified-email {
  color: #6b7280 !important;
}

.lead-reveal-send-btn {
  padding: 0.375rem 0.5625rem;
  height: 2rem;
  width: 2rem;
}

.email-row {
  display: flex;
  align-items: center;
}

.phone-row {
  display: flex;
  align-items: center;
}

.view-email-phone-info-button-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.view-more {
  background-color: #f9fafb;
  padding: 1.25rem;
  padding-top: 1.5rem;
  padding-left: 3.25rem;
  border-bottom: 1px solid #e5e7eb;
}
.view-more .lead-company-details {
  width: 48.3%;
  padding-right: 0.9375rem;
}
.view-more .lead-company-social-details {
  width: 25%;
}
.view-more .lead-tags-details {
  width: 20%;
  padding-left: 0.9375rem;
}
@media only screen and (min-width: 1600px) {
  .view-more .lead-company-details {
    width: 49%;
    padding-right: 0.9375rem;
  }
  .view-more .lead-tags-details {
    width: 20%;
    padding-left: 0.9375rem;
  }
  .view-more .lead-company-social-details {
    width: 25%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .view-more .lead-company-details {
    width: 48.7%;
    padding-right: 0.9375rem;
  }
  .view-more .lead-tags-details {
    width: 20%;
    padding-left: 0.9375rem;
  }
  .view-more .lead-company-social-details {
    width: 25%;
  }
}
.view-more .user-description {
  margin-left: 0.375rem;
}
.view-more .user-graduationhat-container {
  margin: 0.75rem 0;
}
.view-more .user-graduationhat-container .user-graduationhat {
  margin-left: 0.375rem;
}
.view-more .user-skill {
  margin-left: 0.375rem;
}
.view-more .icon-size {
  color: #6b7280;
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.5rem;
}
.view-more .graduationhat-icon {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
  margin-bottom: 0.5rem;
}
.view-more .lead-description {
  color: #1f2937;
  margin-bottom: 0px;
  font-size: 0.75rem;
  font-weight: 400;
}
.view-more .details {
  font-size: 0.75rem;
  font-weight: 700;
}
.view-more .details .more-contact-details {
  margin-bottom: 0;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
}
.view-more .details .user-phone-number {
  margin-top: 0.375rem;
}
.view-more .details .user-email {
  margin-top: 0.375rem;
}
.view-more .details .copy-icon {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0.25rem;
  cursor: pointer;
  display: none;
  width: 1rem;
  height: 1rem;
}
.view-more .details .copy-icon:hover {
  color: #1d4ed8;
}
.view-more .details .icon-color {
  color: #6b7280;
  margin-right: 0.375rem;
}
.view-more .details .m-details {
  color: #1f2937;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: normal;
}
.view-more .details .m-details .view-more-phone-tel {
  color: #1f2937;
  text-decoration: none;
  margin-right: 0;
}
.view-more .details .m-details .view-more-phone-tel:hover {
  text-decoration: underline;
}
.view-more .details .m-details:hover .copy-icon {
  display: block;
}
.view-more .details.lead-tags-details .more-contact-details {
  margin-bottom: 0.4rem;
}
.view-more .details.lead-tags-details .bs-tag span {
  color: #22371f;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: normal;
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
}

.prospect-tag-popover .popover-body .bs-popover-content span {
  color: #22371f;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: normal;
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
}

.tag-button {
  height: 1.75rem !important;
  padding: 0.375rem 0.75rem !important;
  color: #6b7280 !important;
  background-color: transparent !important;
  border: 0.0625rem #d1d5db solid !important;
  border-radius: 0.25rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  cursor: pointer;
  transition: all 0.2s ease !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
}
.tag-button:hover {
  border: 0.0625rem #1d4ed8 solid !important;
  color: #1d4ed8 !important;
}

.menu-item {
  width: 100%;
  padding: 0.375rem 0.75rem;
}
.menu-item:hover {
  background-color: #eff6ff;
}

.dropdown-container {
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  display: inline-flex;
  padding: 0.5rem 0rem;
  flex-direction: column;
  align-items: flex-start;
  height: 5rem;
  width: 10.6875rem;
  list-style: none;
  margin: 0;
}

.tag-text {
  margin-top: 0.3rem;
}

.add-remove-tag-modal .modal-header {
  border: none;
  min-height: 1.5rem;
}
.add-remove-tag-modal .modal-dialog {
  max-width: 34.12rem;
}
.add-remove-tag-modal .bs-modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.add-remove-tag-modal .modal-body {
  height: 7.75rem;
  display: flex;
  flex-direction: column;
  max-height: 8rem;
  position: static !important;
}
.add-remove-tag-modal .btn-ghost-primary {
  min-width: 6.25rem;
  height: 2rem;
  border-color: #d9d9d9;
  color: #595959;
  text-transform: capitalize;
  font-weight: 500;
}
.add-remove-tag-modal .btn-solid-primary {
  min-width: 6.25rem;
  margin-left: 1rem !important;
  height: 2rem;
  background-color: #1d4ed8;
  font-weight: 500;
}
.add-remove-tag-modal .btn-solid-primary:disabled {
  background-color: #1d4ed8;
  color: #fff;
}

.modal-header-title {
  margin-top: 1.5rem;
}

.p-text-tag {
  color: #1f2937 !important;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.saved-tab-tags .selected-tags-container .bs-tag-blue-17 {
  background: #dbeafe;
}
.saved-tab-tags.remove-tag-modal .selected-tags-container .bs-tag-blue-17 {
  background: #fee2e2;
}
.saved-tab-tags .tags-autosuggest-container .tags-autosuggest-width {
  width: 100%;
  max-height: 4rem;
  overflow-y: auto;
}
.saved-tab-tags .tags-autosuggest-container .tags-autosuggest-width .tag-input-container {
  flex: 1;
  min-width: 10rem;
}
.saved-tab-tags .tags-autosuggest-container input {
  width: 100%;
}

.dropdown:hover {
  background: #eff6ff;
}

.tag-list-font {
  font-weight: 500;
  margin: 0;
}

.data-generation-modal .count-input {
  margin-bottom: 1rem;
}
.data-generation-modal .modal-content-height {
  height: 250px;
}
.data-generation-modal .modal-text {
  font-weight: 500;
  color: #595959;
  margin-bottom: 0.5rem;
  font-size: 14px;
  line-height: 22px;
}
.data-generation-modal .error-message .text-danger {
  color: #dc3545;
  font-size: 14px;
}

.new-lead-finder-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 1.5rem;
  background-color: #ede9fe;
  border: 1px solid #ede9fe;
  border-radius: 0.25rem;
  margin-left: -15px;
  margin-right: -15px;
}
.new-lead-finder-banner__content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.new-lead-finder-banner__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.125rem;
  background-color: rgba(124, 58, 237, 0.1);
  border-radius: 50%;
}
.new-lead-finder-banner__icon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  background-color: rgba(124, 58, 237, 0.13);
  border-radius: 50%;
  opacity: 0.95;
}
.new-lead-finder-banner__text-wrapper {
  display: flex;
  align-items: center;
}
.new-lead-finder-banner__text {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #111827;
  white-space: nowrap;
}
.new-lead-finder-banner__link {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
  text-decoration: none;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  background: none;
  border: none;
  cursor: pointer;
}
.new-lead-finder-banner__link:hover {
  color: #1e40af;
  text-decoration: none;
}
.new-lead-finder-banner__link:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.lead-finder-deprecated {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.lead-finder-deprecated__body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 12rem);
  padding: 2rem 1.5rem;
  background-color: white;
}
.lead-finder-deprecated__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 38rem;
}
.lead-finder-deprecated__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1.7rem;
  border-radius: 0.5rem;
  background-color: #e6f7ff;
  border: 1px solid #bfdbfe;
  box-shadow: 0 0 1px 0px #bfdbfe;
  color: #1d4ed8;
}
.lead-finder-deprecated__title {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
}
.lead-finder-deprecated__desc {
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.lead-finder-deprecated__note {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  background-color: #f3f4f6;
}
.lead-finder-deprecated__note-icon {
  color: #6b7280;
  flex-shrink: 0;
}
.lead-finder-deprecated__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.lead-finder-deprecated__action--primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.lead-finder-deprecated__action--tertiary {
  background-color: transparent;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.leads-container .leads-content {
  overflow: hidden;
  flex-wrap: nowrap;
  position: relative;
}
.leads-container .leads-content .lead-listing-container {
  height: calc(100vh - 8.625rem);
  overflow-y: auto;
}
.leads-container .leads-content .lead-listing-container.lead-listing-container-custom {
  height: calc(100vh - 5.625rem);
}
.leads-container .leads-content .lead-listing-container::-webkit-scrollbar {
  width: 0.3125rem;
}
.leads-container .leads-content .leads-navigation {
  min-height: calc(100vh - 5.625rem);
  padding: 0.063rem 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  z-index: 5;
  border-right: 1px solid #e5e7eb;
  width: 17rem;
}
.leads-container .leads-content .leads-navigation::-webkit-scrollbar {
  height: 5px !important;
  width: 5px !important;
}
.leads-container .leads-content .leads-navigation.leadsSideNav {
  transition: width 0.2s ease-in-out;
}
.leads-container .leads-content .leads-navigation.leadsSideNav.sidenav--collapse {
  width: 1.25rem;
}
.leads-container .leads-content .leads-navigation.leadsSideNav.sidenav--collapse .expand-btn {
  left: 0.5rem;
}
.leads-container .leads-content .leads-navigation.leadsSideNav .expand-btn {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b7280;
  border-radius: 50%;
  background-color: #f3f4f6;
  cursor: pointer;
  position: absolute;
  top: 0.6875rem;
  left: 15.75rem;
  z-index: 5;
}
.leads-container .leads-content .leads-navigation.leadsSideNav .expand-btn:hover {
  background-color: #eaedef;
}
.leads-container .collpase-leads-component {
  width: calc(100% - 1.5rem);
  overflow-y: auto;
}
.leads-container .leads-components {
  width: calc(100% - 14.5rem);
  overflow-y: auto;
}
.leads-container .leads-components .pagination {
  justify-content: end;
  margin: 8px 24px 8px 0;
}
.leads-container .leads-content--people-deprecated {
  position: relative;
  background-color: white;
}
.leads-container .leads-content--people-deprecated .leads-navigation.leadsSideNav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: auto;
  min-width: 0;
  min-height: auto;
  border-right: none;
  background: transparent;
  overflow: visible;
}
.leads-container .leads-content--people-deprecated .leads-navigation.leadsSideNav .expand-btn {
  display: none;
}
.leads-container .leads-content--people-deprecated .leads-navigation.leadsSideNav .bs-tabs-content-holder,
.leads-container .leads-content--people-deprecated .leads-navigation.leadsSideNav .bs-tabs-content {
  display: none;
}
.leads-container .leads-content--people-deprecated .leads-components,
.leads-container .leads-content--people-deprecated .collpase-leads-component {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
}
.leads-container.leads-container--with-banner .lead-finder-custom-banner {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 0;
  padding-right: 0;
  width: calc(100% + 30px);
  border-radius: 0 0 6px 6px;
}
.leads-container.leads-container--with-banner .leads-content .lead-listing-container {
  height: calc(100vh - 8.625rem - 2.125rem);
}
.leads-container.leads-container--with-banner .leads-content .lead-listing-container.lead-listing-container-custom {
  height: calc(100vh - 5.625rem - 2.125rem);
}
.leads-container.leads-container--with-banner .leads-content .leads-navigation {
  min-height: calc(100vh - 5.625rem - 2.125rem);
}
.leads-container.leads-container--with-banner.leads-container--with-deprecation-banner .leads-content .lead-listing-container {
  height: calc(100vh - 11.75rem);
}

.cta-button-container {
  display: flex;
  justify-content: center;
  padding: 0 1rem;
}
.cta-button-container .cta-button {
  padding: 0.75rem 1.5rem;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  background-color: #346aff;
  border-color: #346aff;
  min-width: 140px;
}
.cta-button-container .cta-button:hover {
  background-color: #0137fc;
  border-color: #0137fc;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 106, 255, 0.3);
}
.cta-button-container .cta-button:focus {
  background-color: #0137fc;
  border-color: #0137fc;
  box-shadow: 0 0 0 0.2rem rgba(52, 106, 255, 0.25);
}

.leads-header-skeleton {
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
  padding-top: 0.438rem;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 4;
}
.leads-header-skeleton .add-prospect-btn {
  margin-left: 2rem;
}
.leads-header-skeleton .credits-btn-skeleton span {
  display: flex;
}

.get-contact-modal-tag {
  margin-bottom: 1rem;
}

.lead-tags-btn {
  width: 100% !important;
}

.date-saved-filter {
  position: absolute;
}

.pill-saved-filter {
  margin: 0.25rem;
  margin-left: 0;
}

.pill {
  display: flex;
  flex-wrap: wrap;
}

.select-saved-tag {
  color: #9ca3af;
}

.lead-filter-dropdown.transfer-overlay {
  padding: 0.125rem 0 0 0;
}
.lead-filter-dropdown .transfer-container {
  padding: 0;
  border: 0.0625rem solid #e5e7eb;
  box-shadow: 0.5rem 1rem 3.5rem -1.5rem rgba(156, 157, 161, 0.24), 0.125rem 0.125rem 1rem -0.1875rem rgba(4, 21, 76, 0.16);
}
.lead-filter-dropdown .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #f3f4f6;
}
.lead-filter-dropdown .transfer-container .transfer-body .transfer-list li {
  height: 2rem;
  padding: 0.375rem 1rem !important;
  line-height: 20px !important;
}
.lead-filter-dropdown .transfer-container .transfer-body .transfer-list li:hover, .lead-filter-dropdown .transfer-container .transfer-body .transfer-list li.active {
  background: #eff6ff;
}
.lead-filter-dropdown .transfer-container .transfer-body .transfer-list li .option-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lead-filter-dropdown .transfer-container .transfer-body .transfer-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  border: 0.0625rem solid #e5e7eb;
}
.lead-filter-dropdown .transfer-container .transfer-body .transfer-footer .bs-checkbox-wrapper {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.lead-filter-dropdown.lead-filter .transfer-container {
  width: 15rem !important;
}
.lead-filter-dropdown.lead-filter .transfer-container .transfer-body {
  padding-bottom: 0;
}

.pills-container {
  display: flex;
  height: 1.875rem;
  padding: 0.25rem 0.5rem;
  justify-content: center;
  align-items: flex-start;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background: #f4f3f6;
  border-color: #d1d5db;
}

.individual-leads-skeleton {
  padding: 28px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e7eb;
}
.individual-leads-skeleton .span-space-remove span:first-child {
  display: flex;
  line-height: normal;
}
.individual-leads-skeleton .company-details {
  width: 30%;
  padding-left: 4.375rem;
}
.individual-leads-skeleton .inform-details-container {
  position: relative;
  bottom: 0.75rem;
}
.individual-leads-skeleton .inform-details-container span:first-child {
  line-height: 0;
  display: flex;
}
.individual-leads-skeleton .inform-details-container span .inform-details {
  margin: 0.375rem 0;
}
.individual-leads-skeleton .inform-details-container .email-phone span:first-child {
  line-height: unset;
}
.individual-leads-skeleton .w-25 {
  width: 25%;
}
.individual-leads-skeleton .user-avatar {
  margin: 0 0.75rem;
}
.individual-leads-skeleton .mt-6 {
  margin-top: 0.375rem;
}

.alert-message .leads-content .lead-listing-container {
  height: calc(100vh - 11.688rem);
}
.alert-message .leads-content .leads-navigation .people-tab-accordian {
  max-height: calc(100vh - 19rem) !important;
}
.alert-message.leads-container--with-banner .leads-content .lead-listing-container {
  height: calc(100vh - 11.688rem - 2.125rem);
}
.alert-message.leads-container--with-banner .leads-content .leads-navigation .people-tab-accordian {
  max-height: calc(100vh - 19rem - 2.125rem) !important;
}

.lead-listing-container-less {
  height: calc(100vh - 6.875rem) !important;
}

.alert-message .lead-listing-container-less {
  height: calc(100vh - 9.188rem) !important;
}

.leads-container--with-banner .lead-listing-container-less {
  height: calc(100vh - 6.875rem - 2.125rem) !important;
}

.alert-message.leads-container--with-banner .lead-listing-container-less {
  height: calc(100vh - 9.188rem - 2.125rem) !important;
}

.lead-filter-date-piker .prospect-filter-date-piker {
  margin-top: 0rem !important;
}
.lead-filter-date-piker .prospect-filter-date-piker .react-datepicker-wrapper .bs-input {
  padding: 0 !important;
  background-color: #fff !important;
  color: #1f2937;
  font-family: "Inter", sans-serif;
  font-size: 13px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.lead-filter-date-piker .prospect-filter-date-piker .react-datepicker-wrapper .bs-input input {
  padding-left: 0.75rem !important;
}
.lead-filter-date-piker .prospect-filter-date-piker .react-datepicker-wrapper .input::placeholder {
  color: #9ca3af;
  font-weight: 400;
  margin-left: 0.5rem !important;
}

.checkbox-skeleton {
  margin-top: 0.4375rem;
}

.lead-finder-pagination .pagination-container {
  padding: 0.5rem 1.5rem !important;
  background-color: #fff !important;
}

.verification-status-skip {
  color: #d1d5db !important;
  font-size: 1rem;
}

.verification-status-valid {
  color: #047857 !important;
  font-size: 1rem;
}

.verification-status-risky {
  color: #fa8c16 !important;
  font-size: 1rem;
}

.verification-status-bad {
  color: #f5222d !important;
  font-size: 1rem;
}

.verification-status-unknown {
  color: #f5222d !important;
  font-size: 1rem;
}

.verification-status-inProgress {
  color: #d1d5db !important;
  font-size: 1rem;
}

.valid-email {
  color: #047857 !important;
  font-size: 1rem;
}

.risky-email {
  color: #fa8c16 !important;
  font-size: 1rem;
}

.unverified-email {
  color: #6b7280 !important;
  font-size: 1rem;
}

.bad-email {
  color: #b91c1c !important;
  font-size: 1rem;
}

.lead-company-domain:hover .icon .icon-color {
  color: #1d4ed8 !important;
}
.lead-company-domain:hover .icon-color {
  color: #1d4ed8 !important;
}
.lead-company-domain:hover .user-email {
  color: #1d4ed8 !important;
}
.lead-company-domain:hover .m-details {
  color: #1d4ed8 !important;
}
.lead-company-domain:hover {
  text-decoration: none !important;
}

.lead-finder-deprecation-banner.warning-alert.alert.alert-warning {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
  justify-content: center;
  border: 1px solid #fef3c7;
  padding: 0.5rem 0.75rem;
  line-height: 1rem;
}
.lead-finder-deprecation-banner.warning-alert.alert.alert-warning .deprecation-banner-link {
  background: none;
  border: none;
  padding: 0;
  font-weight: 600;
  color: #b45309;
  cursor: pointer;
  text-decoration: underline;
}
.lead-finder-deprecation-banner.warning-alert.alert.alert-warning .deprecation-banner-link:hover {
  color: #b45309;
}
.lead-finder-deprecation-banner.warning-alert.alert.alert-warning .deprecation-banner-link:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.lead-finder-custom-banner {
  background-color: #eef2ff;
  color: #1d4ed8;
  padding: 7px 16px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lead-finder-custom-banner-text {
  font-size: 13.5px;
  font-weight: 500;
  color: #1d4ed8;
}
.lead-finder-custom-banner .divider {
  width: 0.0625rem;
  height: 0.875rem;
  margin: 0 1rem;
  background-color: #1d4ed8;
}
.lead-finder-custom-banner-link {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #1d4ed8;
  color: #ffffff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.lead-finder-custom-banner-link:hover, .lead-finder-custom-banner-link:focus {
  background: #1e40af;
  text-decoration: none;
}
.lead-finder-custom-banner-link:active {
  transform: translateY(0);
}

.v2-lead-container {
  min-height: 100vh;
  --lf-ext-banner-offset: 0rem;
  --demo-banner-offset: 0rem;
  --email-verify-banner-offset: 0rem;
}
.v2-lead-container:has(.bs-lf-ext-banner) {
  --lf-ext-banner-offset: 3rem;
}
.v2-lead-container--with-demo-banner {
  --demo-banner-offset: 2.25rem;
}
.v2-lead-container--with-email-verify-banner {
  --email-verify-banner-offset: 2.25rem;
}
.v2-lead-container .row {
  height: calc(100vh - 5.625rem - var(--lf-ext-banner-offset) - var(--demo-banner-offset) - var(--email-verify-banner-offset));
  overflow: hidden;
}
.v2-lead-container .tanstack-table--pagination {
  transition: padding-right 0.28s ease;
}
.v2-lead-container:has(.ai-chat-panel--open) .tanstack-table--pagination {
  padding-right: 480px;
}

.v2-lead-filter-wrapper .v2-lead-filters-accordion {
  height: 100%;
  max-height: 100%;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .os-scrollbar-vertical {
  padding-right: 0.25rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .os-scrollbar-vertical .os-scrollbar-handle {
  border-radius: 0.25rem;
  width: 0.25rem;
  background-color: #e5e7eb;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion::-webkit-scrollbar {
  width: 0.3125rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion {
  gap: 0;
  grid-gap: 0;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item {
  border-radius: unset;
  box-shadow: unset;
  border-top: none !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-left: none !important;
  border-right: none !important;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item:first-child {
  border-top: none;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-heading {
  height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  width: 100%;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-heading .accordion-minus-icon,
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-heading .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-heading:hover {
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-heading-tag {
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  width: 100%;
  height: auto;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-heading-tag .accordion-minus-icon,
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-heading-tag .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-heading-tag:hover {
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordian-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0.75rem 0;
  min-width: 0;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordian-label .icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #6b7280;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordian-label .label {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1f2937;
  padding: 0 0.375rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordian-label .accordian-label-end {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordian-label .shd-icon {
  font-size: 1.0625rem;
  margin-right: 0.375rem;
  color: #6b7280;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordian-label .bs-tag-close-icon {
  color: #6b7280;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion__panel {
  padding: 0.75rem;
  background-color: #f9fafb;
  padding-top: 0;
  user-select: none;
  border-top: none;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .filter-applied-collapse {
  padding: 0 0.5rem 0.5rem 0;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .filter-applied-collapse .filter-tag {
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item:hover {
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-selected-tag .accordian-label .icon {
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item .accordion-item-selected-tag .accordian-label .label {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
  padding: 0 0.375rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion-item-heading {
  height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  width: 100%;
  background: #f9fafb;
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion-item-heading .accordion-minus-icon,
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion-item-heading .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion-item-heading:hover {
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion-item-heading-tag {
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  width: 100%;
  background: #f9fafb;
  color: #1d4ed8;
  height: auto;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion-item-heading-tag .accordion-minus-icon,
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion-item-heading-tag .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion-item-heading-tag:hover {
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordian-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0.75rem 0;
  min-width: 0;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordian-label .icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordian-label .label {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
  padding: 0 0.375rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordian-label .accordian-label-end {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordian-label .shd-icon {
  font-size: 1.0625rem;
  margin-right: 0.375rem;
  color: #6b7280;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordian-label .bs-tag-close-icon {
  color: #6b7280;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected .accordion__panel {
  padding: 0.75rem;
  background-color: #f9fafb;
  padding-top: 0;
  user-select: none;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_selected:hover {
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .accordion__item_highlighted {
  border: 2px solid #1d4ed8;
  border-radius: 4px;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .advance-settings-accordion {
  margin-top: 0.75rem;
  margin-bottom: -0.75rem;
  border-top: 1px solid #e5e7eb;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .advance-settings-accordion .accordion__heading {
  padding: 0;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .advance-settings-accordion .accordion__heading .accordian-label {
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .advance-settings-accordion .accordion__panel {
  padding-left: 0;
  padding-right: 0;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion .shd-accordion .advance-settings-accordion .accordion__panel .known-unknown-filter .bs-radio-wrapper .bs-radio + span {
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.v2-lead-filter-wrapper .v2-lead-filter-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  min-height: 0;
}
.v2-lead-filter-wrapper .filter-group-accordion.filter-group-collapsed {
  border-bottom: 0.0625rem solid #e5e7eb;
  box-shadow: none;
}
.v2-lead-filter-wrapper .filter-group-accordion .filter-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem 0.25rem;
  cursor: pointer;
}
.v2-lead-filter-wrapper .filter-group-accordion .filter-group-header .filter-group-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.v2-lead-filter-wrapper .filter-group-accordion .filter-group-header .filter-group-title .filter-group-count {
  color: #9ca3af;
  font-weight: 600;
}
.v2-lead-filter-wrapper .filter-group-accordion .filter-group-header .accordion-chevron-icon {
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .filter-group-accordion .accordion__panel {
  padding: 0;
}
.v2-lead-filter-wrapper .filter-group-accordion--applied .filter-group-header {
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .filter-group-accordion--applied .filter-group-header .filter-group-title {
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .filter-group-accordion--applied .filter-group-header .filter-group-title .filter-group-count {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.375rem;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #6b7280;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.v2-lead-filter-wrapper .filter-group-accordion--applied .filter-group-header .clear-all-button {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.v2-lead-filter-wrapper .filter-group-accordion--applied .filter-group-header .clear-all-button:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.v2-lead-filter-wrapper .filter-group-accordion--applied .filter-group-header .clear-all-button:disabled:hover, .v2-lead-filter-wrapper .filter-group-accordion--applied .filter-group-header .clear-all-button[disabled]:hover,
.v2-lead-filter-wrapper .filter-group-accordion--applied .filter-group-header .clear-all-button .is-disabled {
  color: #6b7280;
  cursor: not-allowed;
}
.v2-lead-filter-wrapper .v2-people-filter .accordion__item:last-child {
  border-bottom: none;
  border-top-left-radius: 0.0625rem !important;
  border-top-right-radius: 0.0625rem !important;
}
.v2-lead-filter-wrapper .accordion__item.first-in-group {
  border-top: none;
}
.v2-lead-filter-wrapper .v2-lead-filter-header {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion-container {
  flex: 1;
  display: flex;
  overflow: hidden;
  min-height: 0;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion {
  flex: 1;
  overflow-y: auto;
  max-height: 100%;
  min-height: 0;
}
.v2-lead-filter-wrapper .v2-lead-filter-footer {
  flex-shrink: 0;
  padding: 0.75rem;
  border-top: 1px solid #e5e7eb;
  background: #fff;
}
.v2-lead-filter-wrapper .v2-leads-search {
  min-height: 2.5rem;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
}
.v2-lead-filter-wrapper .v2-leads-search form {
  width: 100%;
}
.v2-lead-filter-wrapper .v2-leads-search .bs-input-affix-wrapper:focus,
.v2-lead-filter-wrapper .v2-leads-search .bs-input-affix-wrapper:focus-within {
  border-color: unset;
  border-right-width: unset;
  outline: 0;
  box-shadow: unset;
}
.v2-lead-filter-wrapper .v2-leads-search .search-input {
  background: none;
  border: none;
  max-width: 16.375rem;
  padding-left: 0.355rem;
}
.v2-lead-filter-wrapper .v2-leads-search .search-input input {
  background: none;
  font-size: 12px;
  font-weight: 400;
  color: #1f2937;
}
.v2-lead-filter-wrapper .v2-leads-search .search-input input:focus,
.v2-lead-filter-wrapper .v2-leads-search .search-input input :focus-visible,
.v2-lead-filter-wrapper .v2-leads-search .search-input input :focus-within,
.v2-lead-filter-wrapper .v2-leads-search .search-input input :active,
.v2-lead-filter-wrapper .v2-leads-search .search-input input :hover {
  box-shadow: none;
  outline: none;
  border: none;
}
.v2-lead-filter-wrapper .v2-leads-search .search-input input::placeholder {
  font-size: 0.75rem;
  font-weight: 400;
}
.v2-lead-filter-wrapper .v2-leads-search .search-input .input-icons-left .bs-input-prefix {
  position: relative;
  bottom: -0.0625rem;
}
.v2-lead-filter-wrapper .v2-leads-search .search-input .input-icons-left .bs-input-prefix .sh-search {
  font-size: 16px;
}
.v2-lead-filter-wrapper .v2-leads-search .search-input .input-icons-right .bs-input-suffix .sh-close-o {
  cursor: pointer;
}
.v2-lead-filter-wrapper .v2-leads-bulk-search {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 2.5rem;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0;
  padding-left: 0.75rem;
  color: #1d4ed8;
  gap: 0.5rem;
  cursor: pointer;
}
.v2-lead-filter-wrapper .v2-leads-filter {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5rem;
  min-height: 2.5rem;
  flex-shrink: 0;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.v2-lead-filter-wrapper .v2-leads-filter div {
  cursor: pointer;
}
.v2-lead-filter-wrapper .v2-leads-filter div .sh-filter {
  font-size: 0.938rem;
  margin-right: 0.5rem;
}
.v2-lead-filter-wrapper .v2-leads-filter button:hover {
  text-decoration: none;
}
.v2-lead-filter-wrapper .v2-leads-filter button span {
  font-weight: 500;
}
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-count {
  display: flex;
  padding: 2px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 34px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-actions .divider {
  width: 0.125rem;
  height: 1.25rem;
  background-color: #d1d5db;
}
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-actions .clear-all-button {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-actions .clear-all-button:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-actions .clear-all-button:disabled:hover, .v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-actions .clear-all-button[disabled]:hover,
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-actions .clear-all-button .is-disabled {
  color: #6b7280;
  cursor: not-allowed;
}
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 0.25rem;
  color: #6b7280;
}
.v2-lead-filter-wrapper .v2-leads-filter .v2-leads-filter-search-icon:hover {
  color: #1d4ed8;
  background: #dbeafe;
}
.v2-lead-filter-wrapper .v2-leads-filter-search-bar {
  padding: 0.375rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .v2-leads-filter-search-bar .v2-leads-filter-search-input {
  width: 100%;
  padding: 0;
  border: none;
  background-color: #f9fafb;
  box-shadow: none;
}
.v2-lead-filter-wrapper .v2-leads-filter-search-bar .v2-leads-filter-search-input input {
  font-size: 0.875rem;
  background-color: #f9fafb;
}
.v2-lead-filter-wrapper .ai-search-animation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12rem 35px;
}
.v2-lead-filter-wrapper .ai-search-animation span {
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.v2-lead-filter-wrapper .ai-search-animation .ai-3-star-animated-icon {
  width: 54px;
  height: 54px;
}
.v2-lead-filter-wrapper .ai-search-animation.v2-leads-filter {
  border-bottom: 0px;
}
.v2-lead-filter-wrapper .should-search-past-filter .checkbox-label-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.v2-lead-filter-wrapper .should-search-past-filter .bs-checkbox + span {
  padding-left: 6px;
  padding-right: 0px;
}
.v2-lead-filter-wrapper .should-search-past-filter .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.v2-lead-filter-wrapper .prospect-tag-popover {
  padding: 0;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content {
  width: 16.75rem;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content p {
  width: 11.75rem;
  margin-right: 0.5rem;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content svg {
  color: #6b7280;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content svg:hover {
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-search {
  height: 2rem;
  padding: 0.375rem 0.75rem;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-content {
  padding-top: 0.5rem;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-content .transfer-list li {
  padding: 0.3125rem 1rem;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-content .transfer-list li .v2-search-seved-filter {
  font-weight: 400;
}
.v2-lead-filter-wrapper .prospect-tag-popover .popover-body .bs-popover-content .bs-popover-inner-content .transfer-container .transfer-body .transfer-content .transfer-list li .edit-icon {
  margin-right: 0.625rem;
}
.v2-lead-filter-wrapper .prospect-tag-applied {
  padding: 1rem;
}
.v2-lead-filter-wrapper .prospect-tag-applied .popover-body .bs-popover-content {
  width: 12.75rem;
}
.v2-lead-filter-wrapper .prospect-tag-applied .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.v2-lead-filter-wrapper .prospect-tag-applied .popover-body .bs-popover-content .bs-popover-inner-content p {
  width: 11.75rem;
}
.v2-lead-filter-wrapper .prospect-tag-applied .popover-body .bs-popover-content .bs-popover-inner-content div .v2-saved-applied-filter {
  color: #4b5563;
  font-weight: 600;
  font-size: 0.875rem;
  padding-top: 0.125rem;
  line-height: normal;
}
.v2-lead-filter-wrapper .prospect-tag-applied .popover-body .bs-popover-content .bs-popover-inner-content div .applied-filter-active {
  color: #1d4ed8;
  font-weight: 400;
  font-size: 0.875rem;
  padding-top: 1.125rem;
  line-height: normal;
}
.v2-lead-filter-wrapper .v2-saved-filters-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  width: 100%;
  background-color: transparent;
  position: static;
  box-shadow: none;
  height: auto;
}
.v2-lead-filter-footer .v2-lead-filter-wrapper .v2-saved-filters-container {
  width: 100%;
}
.v2-lead-filter-wrapper .v2-saved-filters-container.v2-saved-filter-container-custom {
  height: auto;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters-button {
  margin-top: 0.5rem;
  width: 100%;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters-button button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters-button button .icon-left {
  color: #fff;
  align-items: center;
  display: flex;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters-button button .icon-left .search-icon {
  font-size: 18px;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters-button button:disabled {
  opacity: 0.35;
  background-color: #1d4ed8;
  color: #fff;
  cursor: not-allowed;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters-button .search-txt {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters {
  display: flex;
  align-items: center;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters .icon {
  display: flex;
  align-items: center;
  color: #6b7280;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters .icon svg {
  width: 1.125rem;
  height: 1.125rem;
  position: relative;
  left: 0.1875rem;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters span {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  padding-left: 0.375rem;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-saved-filters .v2-saved-filter-dot {
  background-color: #60a5fa;
  height: 0.5rem;
  width: 0.5rem;
  margin-left: 0.25rem;
  border-radius: 50%;
  cursor: pointer;
}
.v2-lead-filter-wrapper .v2-saved-filters-container span {
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 500;
}
.v2-lead-filter-wrapper .v2-saved-filters-container span:hover {
  cursor: pointer;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-save-filter .v2-save-filter-txt {
  color: #1d4ed8;
  font-weight: 500;
  font-size: 12px;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-save-filter .v2-save-filter-txt.v2-disable-save-filter {
  color: #d1d5db;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-save-filter .v2-save-filter-txt.v2-disable-save-filter:hover {
  cursor: default;
  color: #d1d5db;
}
.v2-lead-filter-wrapper .v2-saved-filters-container .v2-save-filter .v2-save-filter-txt:hover {
  color: #1e40af;
}
.v2-lead-filter-wrapper .filter-container-lead {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #f3f4f6;
  display: block;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 0.2rem 0.3rem;
  margin-top: 0.2rem;
  position: relative;
}
.v2-lead-filter-wrapper .filter-container-lead .remove-icon {
  transform: rotate(45deg);
  font-size: 0.9rem;
}
.v2-lead-filter-wrapper .filter-tag {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #f3f4f6;
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  align-items: start;
  height: 1.375rem;
}
.v2-lead-filter-wrapper .filter-tag-exact-match {
  white-space: unset;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}
.v2-lead-filter-wrapper .filter-tag-exact-match .bs-tag-close-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.3rem;
}
.v2-lead-filter-wrapper .filter-tag .bs-tag-close-icon {
  margin-left: 0.5rem;
  font-size: 0.875rem;
  width: 1rem;
}
.v2-lead-filter-wrapper .filter-tag .bs-tag-close-icon .sh-close {
  top: 0.125rem;
  color: #6b7280;
}
.v2-lead-filter-wrapper .filter-tag .bs-tag-close-icon svg {
  color: #6b7280;
}
.v2-lead-filter-wrapper .filter-tag.more-tag {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.375rem;
  position: relative;
  top: 0.188rem;
}
.v2-lead-filter-wrapper .filter-tag.more-tag div p {
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 500;
}
.v2-lead-filter-wrapper .filter-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.375rem;
}
.v2-lead-filter-wrapper .filter-section-label {
  font-size: 0.7rem;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 0.125rem;
  padding-left: 0.125rem;
}
.v2-lead-filter-wrapper .filter-section-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.v2-lead-filter-wrapper .filter-section-includes .filter-section-label {
  color: #6b7280;
}
.v2-lead-filter-wrapper .filter-section-excludes .filter-section-label {
  color: #6b7280;
}
.v2-lead-filter-wrapper .filter-section-inline {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.v2-lead-filter-wrapper .filter-section-flag {
  margin-bottom: 0.25rem;
}
.v2-lead-filter-wrapper .filter-section-advance .filter-section-label {
  color: #6b7280;
}
.v2-lead-filter-wrapper .filter-flag-item {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.125rem;
}
.v2-lead-filter-wrapper .filter-flag-item .filter-section-label {
  margin-bottom: 0;
}
.v2-lead-filter-wrapper .filter-flag-item .filter-flag-remove {
  font-size: 0.625rem;
  color: #6b7280;
  cursor: pointer;
  padding: 0.125rem;
  line-height: 1;
  background: none;
  border: none;
  outline: none;
}
.v2-lead-filter-wrapper .filter-flag-item .filter-flag-remove:hover {
  color: #1f2937;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container {
  display: flex;
  flex-direction: column;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.375rem;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .minus-plus-icon,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .minus-plus-icon {
  display: flex;
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .minus-plus-icon svg,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .minus-plus-icon svg {
  color: #6b7280;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper {
  display: flex;
  flex: 1;
  min-width: 0;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .bs-checkbox,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .bs-checkbox {
  top: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .checkbox-label-text,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .checkbox-label-text {
  flex: 1;
  min-width: 0;
  padding-right: 0;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .label-container,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .label-container {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .label-container .checkbox-label,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .label-container .checkbox-label {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .label-container .checked-number,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .label-container .checked-number {
  color: #6b7280;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1rem;
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .label-container .gray-txt-11,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .label-container .gray-txt-11 {
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox:hover .include-exclude-icons,
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child:hover .include-exclude-icons {
  visibility: visible;
}
.v2-lead-filter-wrapper .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-children {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 1.75rem;
}
.v2-lead-filter-wrapper .includes-excludes-text {
  margin-top: 0.75rem;
  margin-bottom: 0;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
}
.v2-lead-filter-wrapper .input-container {
  position: relative;
}
.v2-lead-filter-wrapper .input-container .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: 0.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}
.v2-lead-filter-wrapper .input-container .position-absolute.include-exclude-icons {
  visibility: visible;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.v2-lead-filter-wrapper .input-container .with-input-icons .auto-search-input {
  padding-right: 2.75rem;
}
.v2-lead-filter-wrapper .input-container .bs-checkbox-wrapper {
  align-items: start;
}
.v2-lead-filter-wrapper .input-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-input:checked ~ .bs-checkbox-inner {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.v2-lead-filter-wrapper .input-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.v2-lead-filter-wrapper .input-container .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner::after {
  background-color: #1d4ed8;
}
.v2-lead-filter-wrapper .input-container .bs-checkbox-wrapper span + span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #1f2937;
  padding-left: 0.375rem;
  padding-right: 0.188rem;
  width: 100%;
}
.v2-lead-filter-wrapper .input-container.management-levels-label {
  margin-top: 0.75rem;
}
.v2-lead-filter-wrapper .input-container.management-levels-label span {
  padding: 0;
}
.v2-lead-filter-wrapper .input-container.sic-code-input {
  margin-top: 0.75rem;
}
.v2-lead-filter-wrapper .input-container.naics-code-input {
  margin-top: 0.75rem;
}
.v2-lead-filter-wrapper .input-container.major-input-school {
  margin-top: 0.75rem;
}
.v2-lead-filter-wrapper .input-container.major-input-degree {
  margin-top: 0.75rem;
}
.v2-lead-filter-wrapper .input-container.major-input {
  margin-top: 0;
}
.v2-lead-filter-wrapper .input-container .autocomplete {
  position: absolute;
  top: 2.125rem;
  border: 1px solid #e5e7eb;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.v2-lead-filter-wrapper .input-container .autocomplete .autocomplete-item--applied .autocomplete-item-content {
  opacity: 0.35;
}
.v2-lead-filter-wrapper .input-container .autocomplete .item .include-exclude-icons {
  width: 0;
  overflow: hidden;
}
.v2-lead-filter-wrapper .input-container .autocomplete .item:hover .include-exclude-icons {
  visibility: visible;
  width: auto;
  overflow: visible;
}
.v2-lead-filter-wrapper .input-container .autocomplete .autocomplete-suggestion-actions--applied {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .input-container .autocomplete .autocomplete-suggestion-actions--applied .include-exclude-icons {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.v2-lead-filter-wrapper .input-container .autocomplete .item.autocomplete-item--applied:hover .filter-action-chip {
  opacity: 0;
  pointer-events: none;
}
.v2-lead-filter-wrapper .input-container .autocomplete .item {
  min-width: 0;
}
.v2-lead-filter-wrapper .input-container .autocomplete .item > div {
  min-width: 0;
  overflow: hidden;
}
.v2-lead-filter-wrapper .input-container .autocomplete .autocomplete-item-content {
  flex: 1;
  width: 100%;
}
.v2-lead-filter-wrapper .input-container .autocomplete.with-label {
  margin-top: 0.875rem;
}
.v2-lead-filter-wrapper .input-container .autocomplete .autocomplete-text {
  flex: 1;
  width: auto;
  margin: 0;
}
.v2-lead-filter-wrapper .input-container .autocomplete .autocomplete-type {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v2-lead-filter-wrapper .input-container .autocomplete .autocomplete-menu-list {
  background-color: #eff6ff;
  color: #1f2937;
  cursor: pointer;
}
.v2-lead-filter-wrapper .input-container .autocomplete .autocomplete-end-text {
  font-size: 0.75rem;
  color: #9ca3af;
}
.v2-lead-filter-wrapper .search-checkbox {
  margin-top: 0.75rem;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container {
  margin-top: 0.313rem;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container:first-child {
  margin-top: 0;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container .bs-checkbox-wrapper {
  display: flex;
  align-items: center;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container .bs-checkbox-wrapper .label-container {
  display: flex;
  align-items: center;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container .bs-checkbox-wrapper .label-container .checkbox-label {
  color: #1f2937;
  font-weight: 400;
  font-size: 0.75rem;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-input:checked ~ .bs-checkbox-inner {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container .bs-checkbox-wrapper .bs-checkbox-indeterminate .bs-checkbox-inner::after {
  background-color: #1d4ed8;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container .bs-checkbox-wrapper span + span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #1f2937;
  padding-left: 0.375rem;
  padding-right: 0.188rem;
  width: 100%;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container:hover .label-container .checkbox-label {
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .search-checkbox .search-checkbox-container:hover .label-container .checked-number {
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .include-exclude-icons {
  display: flex;
  align-items: center;
  visibility: hidden;
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .include-exclude-icons .circle-plus {
  color: #1d4ed8;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  margin-right: 0.25rem;
}
.v2-lead-filter-wrapper .include-exclude-icons .circle-plus.include-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.v2-lead-filter-wrapper .include-exclude-icons .circle-minus {
  color: #dc2626;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.v2-lead-filter-wrapper .include-exclude-icons .circle-minus.include-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.v2-lead-filter-wrapper .filter-action-chip {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 0.25rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .filter-action-chip--included {
  background-color: rgba(29, 78, 216, 0.1);
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .filter-action-chip--excluded {
  background-color: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}
.v2-lead-filter-wrapper .circle-status-active {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .circle-status-active.circle-status-included {
  color: #1d4ed8;
  margin-right: 0.25rem;
}
.v2-lead-filter-wrapper .circle-status-active.circle-status-excluded {
  color: #dc2626;
}
.v2-lead-filter-wrapper .dropdown-filter .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: 0.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.v2-lead-filter-wrapper .custom-range-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.v2-lead-filter-wrapper .custom-range-radio-group .custom-range-radio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.v2-lead-filter-wrapper .custom-range-radio-group .custom-range-radio-option {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  margin-bottom: 0;
}
.v2-lead-filter-wrapper .custom-range-radio-group .custom-range-radio-option input[type=radio] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  accent-color: #1d4ed8;
  margin: 0;
  flex-shrink: 0;
}
.v2-lead-filter-wrapper .custom-range-radio-group .custom-range-radio-option .radio-label {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #1f2937;
  cursor: pointer;
  user-select: none;
}
.v2-lead-filter-wrapper .custom-range-radio-group .custom-range-radio-option.radio-selected .radio-label {
  color: #1d4ed8;
  font-weight: 500;
}
.v2-lead-filter-wrapper .custom-range-radio-group .custom-range-radio-option:hover .radio-label {
  color: #1d4ed8;
}
.v2-lead-filter-wrapper .custom-range-radio-group .radio-inline-input {
  margin-top: 0;
}
.v2-lead-filter-wrapper .custom-range-radio-group .radio-inline-input.year-picker-container .year-range-picker {
  width: 100%;
}
.v2-lead-filter-wrapper .single-input-container {
  width: 100%;
}
.v2-lead-filter-wrapper .input-group {
  margin-top: 0.75rem;
}
.v2-lead-filter-wrapper .input-group .input-group-prepend {
  height: 2.063rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.v2-lead-filter-wrapper .input-group .input-group-prepend .input-group-text {
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #d1d5db;
}
.v2-lead-filter-wrapper .input-group .input-group-prepend .input-group-text.error-prefix-input {
  border-color: #fca5a5;
}
.v2-lead-filter-wrapper .input-group .min-input-container,
.v2-lead-filter-wrapper .input-group .max-input-container {
  width: 50%;
}
.v2-lead-filter-wrapper .input-group .year-picker-container {
  width: 100%;
}
.v2-lead-filter-wrapper .input-group .max-input {
  position: relative;
}
.v2-lead-filter-wrapper .input-group .max-input .error-message svg {
  position: absolute;
  top: 0.563rem;
  right: 0.563rem;
  cursor: pointer;
}
.v2-lead-filter-wrapper .input-group .form-control {
  height: 2.063rem;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #d1d5db;
}
.v2-lead-filter-wrapper .input-group .form-control.is-invalid {
  background-image: unset;
  border-color: #fca5a5;
  box-shadow: unset;
}
.v2-lead-filter-wrapper .input-group .form-control::-webkit-outer-spin-button, .v2-lead-filter-wrapper .input-group .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v2-lead-filter-wrapper .input-group .form-control.without-prefix {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.v2-lead-filter-wrapper .input-group .form-control:focus {
  box-shadow: unset;
  border: 1px solid #1d4ed8;
}
.v2-lead-filter-wrapper .input-group .form-control::placeholder {
  color: #9ca3af;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover {
  border-radius: 4px;
  padding: 0;
  max-width: 353px;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body {
  padding: 0;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content {
  padding: 12px;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-header .phone-number-nudge-header-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #ffffff;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-body {
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-body .text-bold {
  font-weight: 700;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-content .phone-number-nudge-footer .phone-number-nudge-footer-ignore {
  color: #9ca3af;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background-color: transparent;
  border: none;
  padding: 0px;
}
.v2-lead-filter-wrapper .phone-number-nudge-popover .popover-body .bs-popover-inner-content .phone-number-nudge-container .phone-number-nudge-header-close {
  background-color: transparent;
  border: none;
  padding: 0px;
  height: 16px;
}
.v2-lead-filter-wrapper .dropdown-filter-select .transfer-container .transfer-body .transfer-content {
  max-height: 12.725rem;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion-container .max-input.v2-lead-limit-input {
  position: relative;
  width: 100%;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion-container .max-input.v2-lead-limit-input .form-control:focus {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion-container .max-input.v2-lead-limit-input .error-message svg {
  position: absolute;
  top: 0.563rem;
  right: 0.563rem;
  cursor: pointer;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion-container .max-input.v2-lead-limit-input--disabled {
  cursor: not-allowed;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion-container .max-input.v2-lead-limit-input--disabled .form-control:disabled {
  background-color: #f3f4f6;
  color: #9ca3af;
  cursor: not-allowed;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion-container .max-input .is-invalid :focus {
  box-shadow: unset;
}
.v2-lead-filter-wrapper .v2-lead-filters-accordion-container .max-input .is-invalid {
  background-image: unset;
  border-color: #fca5a5;
  box-shadow: unset;
}
.v2-lead-filter-wrapper .filter-disabled-by-unknown .disabled-filter-wrapper {
  cursor: not-allowed;
}
.v2-lead-filter-wrapper .filter-disabled-by-unknown .disabled-filter-wrapper .disabled-filter-content {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}
.v2-lead-filter-wrapper .filter-disabled-by-unknown .disabled-filter-wrapper .disabled-filter-content * {
  cursor: not-allowed;
  pointer-events: none;
}
.v2-lead-filter-wrapper .filter-disabled-by-unknown .disabled-filter-wrapper .dropdown-filter-select {
  opacity: 0.5;
  filter: blur(0.5px);
  pointer-events: none;
}
.v2-lead-filter-wrapper .filter-disabled-by-unknown .disabled-filter-wrapper .auto-search-input {
  opacity: 0.5;
  filter: blur(0.5px);
  background-color: #f9fafb;
  cursor: not-allowed;
  pointer-events: none;
}
.v2-lead-filter-wrapper .filter-disabled-by-unknown .disabled-filter-wrapper .auto-search-input:disabled {
  background-color: #f9fafb;
  cursor: not-allowed;
  opacity: 0.5;
}

.error-input-border {
  cursor: not-allowed;
}
.error-input-border.auto-search-input {
  border-color: #b91c1c !important;
  box-shadow: 0 0 0 2px #fee2e2;
}
.error-input-border.auto-search-input:hover, .error-input-border.auto-search-input:focus {
  border-color: #b91c1c !important;
  box-shadow: 0 0 0 2px #fee2e2;
}

.accordion__panel .input-container {
  margin-bottom: 0.75rem;
}
.accordion__panel .input-container:last-child {
  margin-bottom: 0;
}
.accordion__panel .funding-round-input {
  margin-bottom: 0.5rem;
}
.accordion__panel .v2-filter-checkbox-list {
  margin-top: 0.75rem;
}
.accordion__panel .dropdown-filter {
  margin-bottom: 0.75rem;
}
.accordion__panel .dropdown-filter.visits-breakdown-by-gender-range {
  margin-top: 0.875rem;
}
.accordion__panel .dropdown-filter:last-child {
  margin-bottom: 0;
}
.accordion__panel .autocomplete .autocomplete-end-text {
  font-size: 0.75rem;
  color: #9ca3af;
}
.accordion__panel .autocomplete .autocomplete-end-message {
  border-top: 1px solid #e5e7eb;
  width: 100%;
}
.accordion__panel .group-dropdown-filter {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.accordion__panel .group-dropdown-filter .group-selector {
  width: 100%;
}
.accordion__panel .group-dropdown-filter .group-selector .dropdown-filter-select {
  height: 2rem;
}
.accordion__panel .group-dropdown-filter .group-selector .autocomplete {
  position: absolute;
  top: 2.125rem;
  left: 0;
  right: 0;
  border: 1px solid #e5e7eb;
  box-shadow: 8px 16px 56px -24px rgba(156, 157, 161, 0.24), 2px 2px 16px -3px rgba(4, 21, 76, 0.16);
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  border-radius: 0.25rem;
  z-index: 100;
}
.accordion__panel .group-dropdown-filter .group-selector .autocomplete .item {
  min-width: 0;
}
.accordion__panel .group-dropdown-filter .group-selector .autocomplete .item > div {
  min-width: 0;
}
.accordion__panel .group-dropdown-filter .group-selector .autocomplete .autocomplete-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.accordion__panel .group-dropdown-filter .group-row-label {
  min-width: 0;
  flex: 1;
}
.accordion__panel .group-dropdown-filter .group-dropdown-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background: #f9fafb;
  border-radius: 0.375rem;
  background-color: #ffffff;
  border: 1px solid #f3f4f6;
  width: 235;
  padding: 12px;
  border-radius: 4px;
}
.accordion__panel .group-dropdown-filter .group-dropdown-row .group-row-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion__panel .group-dropdown-filter .group-dropdown-row .group-row-label {
  font-weight: 500;
  font-size: 0.75rem;
  color: #1f2937;
}
.accordion__panel .group-dropdown-filter .group-dropdown-row .group-row-remove {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  color: #6b7280;
  transition: background-color 0.2s;
}
.accordion__panel .group-dropdown-filter .group-dropdown-row .group-row-remove:hover {
  background: #e5e7eb;
}
.accordion__panel .group-dropdown-filter .group-dropdown-row .group-row-dropdown {
  width: 100%;
}
.accordion__panel .group-dropdown-filter .group-dropdown-row .group-row-dropdown .dropdown-filter {
  margin-bottom: 0;
}

.company-list-filter {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.company-list-filter .company-list-filter-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
}
.company-list-filter .company-list-filter-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #202020;
  line-height: 1.125rem;
}
.company-list-filter .company-list-filter-select {
  width: 100%;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__control {
  min-height: 2rem;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  padding: 0.375rem 0.75rem;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__control--is-focused {
  border: 1px solid #1d4ed8;
  background: #ffffff;
  box-shadow: 0 0 0 2px #dbeafe;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__value-container {
  padding: 0;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__placeholder {
  white-space: nowrap;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__indicator-separator {
  display: block;
  background-color: #d1d5db;
  width: 1px;
  height: 100%;
  margin: 0 0.5rem;
}
.company-list-filter .company-list-filter-select .company-list-filter-clear-indicator {
  cursor: pointer;
  display: flex;
  border-radius: 0.25rem;
  padding: 0.125rem;
}
.company-list-filter .company-list-filter-select .company-list-filter-clear-indicator:hover {
  background-color: #e5e7eb;
}
.company-list-filter .company-list-filter-select .company-list-filter-clear-indicator--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.company-list-filter .company-list-filter-select .company-list-filter-clear-indicator--disabled:hover {
  background-color: transparent;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__option {
  padding: 0.625rem 1rem;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__option:hover {
  background-color: #eff6ff;
}
.company-list-filter .company-list-filter-select .company-list-filter-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.company-list-filter .company-list-filter-select .company-list-filter-option .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.company-list-filter .company-list-filter-select .company-list-filter-option-label {
  flex: 1;
  min-width: 0;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__option--is-focused {
  background-color: #eff6ff;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__option--is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__multi-value {
  padding: 0 0.375rem;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  align-items: center;
  gap: 0.25rem;
}
.company-list-filter .company-list-filter-select .company-list-filter-select__multi-value__label {
  display: flex;
  padding: 0;
}
.company-list-filter .company-list-filter-select .company-list-filter-multi-value-remove {
  display: flex;
  border-radius: 0.25rem;
  color: #6b7280;
  cursor: pointer;
}
.company-list-filter .company-list-filter-select .company-list-filter-multi-value-remove:hover {
  background-color: #e5e7eb;
}
.company-list-filter .company-list-filter-select .company-list-filter-multi-value-remove--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.company-list-filter .company-list-filter-select .company-list-filter-multi-value-remove--disabled:hover {
  background-color: transparent;
}

.filter-header-clear--disabled {
  cursor: not-allowed;
}
.filter-header-clear--disabled .bs-tag-close-icon,
.filter-header-clear--disabled .bs-tag-close-icon i {
  color: #9ca3af;
}

.filter-chip-remove-disabled {
  cursor: not-allowed;
}
.filter-chip-remove-disabled .bs-tag-close-icon {
  cursor: not-allowed;
  opacity: 0.4;
}
.filter-chip-remove-disabled .bs-tag-close-icon i,
.filter-chip-remove-disabled .bs-tag-close-icon .sh-close {
  color: #9ca3af;
}

.group-row-remove--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.group-row-remove--disabled svg {
  color: #9ca3af;
}

.disabled-by-unknown-tooltip {
  max-width: 250px;
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-align: center;
  z-index: 9999;
}

.v2-leads-filter-bulk-search .modal-dialog {
  max-width: 55.25rem;
  max-height: 100vh;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-content {
  max-height: calc(100vh - 2rem);
  display: flex;
  flex-direction: column;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-title {
  color: #1f2937;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-footer {
  padding-bottom: 0.5rem;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-footer button:disabled,
.v2-leads-filter-bulk-search .modal-dialog .modal-footer button[disabled],
.v2-leads-filter-bulk-search .modal-dialog .modal-footer .btn:disabled,
.v2-leads-filter-bulk-search .modal-dialog .modal-footer .btn[disabled] {
  cursor: not-allowed;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-footer .btn-solid-primary {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-footer .btn-ghost-primary {
  border-color: #d9d9d9;
  color: #6b7280;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-footer .btn-ghost-primary:active {
  border-color: #d9d9d9;
  color: #6b7280;
}
.v2-leads-filter-bulk-search .modal-dialog .modal-footer .btn-ghost-primary:hover {
  background-color: #f3f4f6;
}
.v2-leads-filter-bulk-search .modal-dialog .search-input-label-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.625rem;
}
.v2-leads-filter-bulk-search .modal-dialog .search-input-label-container .search-input-label {
  display: flex;
  align-items: center;
}
.v2-leads-filter-bulk-search .modal-dialog .search-input-label-container .search-input-label .label-icon {
  font-size: 1.25rem;
  display: flex;
  color: #6b7280;
}
.v2-leads-filter-bulk-search .modal-dialog .search-input-label-container .search-input-label .label {
  font-size: 0.875rem;
  margin-left: 0.375rem;
  font-weight: 600;
  color: #1f2937;
}
.v2-leads-filter-bulk-search .modal-dialog .search-input-label-container .show-exact-match-check .bs-checkbox + span {
  padding-left: 6px;
  padding-right: 0px;
}
.v2-leads-filter-bulk-search .modal-dialog .search-input-label-container .show-exact-match-check .checkbox-label-text {
  font-size: 0.75rem;
  color: #1f2937;
}

.bulk-search-company.btn-solid:hover {
  color: #1d4ed8;
}

.upgrade-pro-modal .modal-content {
  width: 502px;
}
.upgrade-pro-modal .modal-content .title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #1f2937;
}
.upgrade-pro-modal .modal-content .upgrade-features-list .category-list {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.upgrade-pro-modal .modal-content .upgrade-pro-btn {
  background-color: #346aff;
  border-color: #346aff;
  width: 320px;
  font-weight: 600;
}
.upgrade-pro-modal .modal-content .upgrade-pro-btn:hover {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.upgrade-pro-modal .modal-content .maybe-later-btn {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #6b7280;
}
.upgrade-pro-modal .modal-content .maybe-later-btn:hover {
  color: #1f2937;
}

.company-domain-truncated-text {
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.v2-people-tab-accordian .os-scrollbar-vertical {
  padding-right: 0.25rem;
}
.v2-people-tab-accordian .os-scrollbar-vertical .os-scrollbar-handle {
  border-radius: 0.25rem;
  width: 0.25rem;
  background-color: #e5e7eb;
}
.v2-people-tab-accordian::-webkit-scrollbar {
  width: 0.3125rem;
}
.v2-people-tab-accordian .shd-accordion {
  gap: 0 !important;
  grid-gap: 0 !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item {
  border-radius: unset !important;
  box-shadow: unset !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item:first-child {
  border-top: none !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item:last-child {
  border-bottom: 1px solid #e5e7eb !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading {
  height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem !important;
  width: 100%;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading .accordion-minus-icon,
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading:hover {
  background-color: #f9fafb;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading-tag {
  display: flex;
  align-items: center;
  padding: 0 0.75rem !important;
  width: 100%;
  height: auto;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading-tag .accordion-minus-icon,
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading-tag .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-heading-tag:hover {
  background-color: #f9fafb;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordian-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100% !important;
  padding: 0.75rem 0;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordian-label .icon {
  display: flex;
  align-items: center;
  color: #6b7280;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordian-label .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1f2937;
  width: 95%;
  padding: 0 0.375rem;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordian-label .shd-icon {
  font-size: 1.0625rem;
  margin-right: 0.375rem;
  color: #6b7280;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordian-label .bs-tag-close-icon {
  color: #6b7280 !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion__panel {
  padding: 0.75rem;
  background-color: #f9fafb;
  padding-top: 0 !important;
  user-select: none;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .filter-applied-collapse {
  padding: 0 0.5rem 0.5rem 0;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .filter-applied-collapse .filter-tag {
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item:hover {
  background-color: #f9fafb;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-selected-tag .accordian-label .icon {
  color: #1d4ed8;
}
.v2-people-tab-accordian .shd-accordion .accordion__item .accordion-item-selected-tag .accordian-label .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
  width: 95%;
  padding: 0 0.375rem;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected {
  border-radius: unset !important;
  box-shadow: unset !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected:first-child {
  border-top: none !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected:last-child {
  border-bottom: 1px solid #e5e7eb !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading {
  height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem !important;
  width: 100%;
  background: #f9fafb;
  color: #1d4ed8;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading .accordion-minus-icon,
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading:hover {
  background-color: #f9fafb;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading-tag {
  display: flex;
  align-items: center;
  padding: 0 0.75rem !important;
  width: 100%;
  background: #f9fafb;
  color: #1d4ed8;
  height: auto;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading-tag .accordion-minus-icon,
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading-tag .accordion-plus-icon {
  color: #6b7280;
  width: 0.875rem;
  height: 0.875rem;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion-item-heading-tag:hover {
  background-color: #f9fafb;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100% !important;
  padding: 0.75rem 0;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label .icon {
  display: flex;
  align-items: center;
  color: #1d4ed8;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
  width: 95%;
  padding: 0 0.375rem;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label .shd-icon {
  font-size: 1.0625rem;
  margin-right: 0.375rem;
  color: #6b7280;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordian-label .bs-tag-close-icon {
  color: #6b7280 !important;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected .accordion__panel {
  padding: 0.75rem;
  background-color: #f9fafb;
  padding-top: 0 !important;
  user-select: none;
}
.v2-people-tab-accordian .shd-accordion .accordion__item_selected:hover {
  background-color: #f9fafb;
}

.v2-leads-filter {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5rem;
  min-height: 2.5rem;
  flex-shrink: 0;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0;
  padding-left: 0.75rem;
}
.v2-leads-filter div {
  cursor: pointer;
}
.v2-leads-filter div .sh-filter {
  font-size: 0.938rem;
  margin-right: 0.5rem;
}
.v2-leads-filter button:hover {
  text-decoration: none;
}
.v2-leads-filter button span {
  font-weight: 500;
}

.pill {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.pill .pill-saved-filter {
  margin: 0 !important;
}
.pill .pills-container {
  display: inline-flex;
  align-items: center;
}

.filter-tag {
  color: #1f2937 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  background-color: #f3f4f6 !important;
  margin-top: 0.25rem !important;
  margin-right: 0.25rem !important;
  align-items: start;
  height: 1.375rem !important;
}
.filter-tag .bs-tag-close-icon {
  margin-left: 0.5rem !important;
  font-size: 0.875rem !important;
  width: 1rem;
}
.filter-tag .bs-tag-close-icon .sh-close {
  top: 0.125rem !important;
  color: #6b7280 !important;
}
.filter-tag .bs-tag-close-icon svg {
  color: #6b7280 !important;
}
.filter-tag.more-tag {
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 1.375rem;
  position: relative;
  top: 0.188rem;
}
.filter-tag.more-tag div p {
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 500;
}

.v2-lead-filter-date-piker .date-picker-container {
  padding: 0;
  background-color: #ffffff;
  border-color: #d1d5db;
}
.v2-lead-filter-date-piker .date-picker-container .input {
  padding-left: 0.25rem;
}
.v2-lead-filter-date-piker .date-picker-container .input::placeholder {
  color: #9ca3af;
  font-weight: 400;
}

.saved-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.saved-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 0.75rem 0 0.75rem;
}
.saved-list__header-title {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
}
.saved-list__header-count {
  display: flex;
  padding: 2px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 34px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.saved-list__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.saved-list__header-actions-clear {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.saved-list__header-actions-clear:hover {
  color: #1d4ed8;
}
.saved-list__header-actions-divider {
  width: 1px;
  height: 20px;
  background: #d1d5db;
}
.saved-list__header-search {
  display: flex;
  padding: 3px;
  cursor: pointer;
  border-radius: 0.25rem;
  color: #6b7280;
}
.saved-list__header-search:hover {
  color: #1d4ed8;
  background: #dbeafe;
}
.saved-list__header-create {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem;
  border-radius: 0.25rem;
  color: #6b7280;
}
.saved-list__header-create:hover {
  color: #1d4ed8;
  background: #dbeafe;
}
.saved-list__header-create-text {
  color: #6b7280;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.saved-list__search {
  display: flex;
}
.saved-list__search .bs-input {
  color: #1f2937;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  background-color: #f9fafb;
  margin-left: 0.375rem;
}
.saved-list__search .bs-input::placeholder {
  color: #6b7280;
  opacity: 1;
}
.saved-list__search .search-input {
  display: flex;
  width: 16.1875rem;
  max-width: 100%;
  padding: 0.375rem 0.75rem;
  border: none;
  border-top: 0.0625rem solid #e5e7eb;
  border-bottom: 0.0625rem solid #e5e7eb;
  align-items: center;
  background-color: #f9fafb;
  border-radius: 0;
}
.saved-list__search .search-input:hover, .saved-list__search .search-input:focus, .saved-list__search .search-input:focus-within, .saved-list__search .search-input:active {
  border-color: #e5e7eb;
  box-shadow: none;
}
.saved-list__search .search-input .input-icons-left {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 1rem;
  height: 1rem;
  align-items: center;
  color: #9ca3af;
  margin-top: 0.125rem;
}
.saved-list__search .search-input .input-icons-left .bs-input-prefix {
  margin-right: 0.375rem;
}
.saved-list__search .search-input .input-icons-left .bs-input-prefix .sh-search {
  color: #9ca3af;
  width: 1rem;
  height: 1rem;
}
.saved-list__companies {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.saved-list__companies-text {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.saved-list .divider {
  margin: 0;
  margin-left: 12px;
  margin-right: 12px;
  width: calc(100% - 24px);
  background: #e5e7eb;
}
.saved-list__accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
}
.saved-list__accordion-header-left {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.saved-list__accordion-title {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.saved-list__accordion-badge {
  display: flex;
  height: 20px;
  padding: 2px 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.saved-list__accordion-content {
  display: flex;
  padding: 0.375rem 0.75rem 0 1.25rem;
  overflow: visible;
}
.saved-list__accordion-divider-vertical {
  width: 1px;
  background: #e5e7eb;
  margin-right: 0.75rem;
}
.saved-list__accordion-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  overflow: visible;
}
.saved-list__accordion-list-item {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  padding-left: 0.75rem;
  cursor: pointer;
  color: #6b7280;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  width: 100%;
  overflow: visible;
  gap: 6px;
  position: relative;
  z-index: 1;
  height: 2rem;
}
.saved-list__accordion-list-item:hover {
  background-color: #f9fafb;
}
.saved-list__accordion-list-item--selected {
  color: #1d4ed8;
  background-color: #eff6ff;
  border-radius: 0.25rem;
}
.saved-list__accordion-list-item--selected:hover {
  color: #1d4ed8;
  background-color: #eff6ff;
}
.saved-list__accordion-list-item:has(.dropdown-custom.show) {
  z-index: 1000;
}
.saved-list__accordion-list-item-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}
.saved-list__accordion-list-item-text {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  flex: 1 1 0;
  min-width: 0;
  width: 0;
}
.saved-list__accordion-list-item-text span {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.saved-list__accordion-list-item-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.375rem;
  border-radius: 1.25rem;
  border: 0.0625rem solid #e5e7eb;
  background-color: #fff;
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  flex-shrink: 0;
}
.saved-list__accordion-list-item-right {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
}
.saved-list__accordion-list-item-right .dropdown-custom {
  position: relative;
}
.saved-list__accordion-list-item-right .dropdown-custom .dropdown-toggle-custom {
  display: flex;
  padding: 3px;
}
.saved-list__accordion-list-item-right .dropdown-custom .dropdown-toggle-custom:hover {
  border-radius: 0.25rem;
  background: #fff;
}
.saved-list__accordion-list-item-right .dropdown-custom .dropdown-toggle-custom.active, .dropdown-custom.show .saved-list__accordion-list-item-right .dropdown-custom .dropdown-toggle-custom {
  border-radius: 0.25rem;
  background: #fff;
}
.saved-list__accordion-list-item-right .dropdown-custom .dropdown-menu-custom {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  z-index: 10000 !important;
  margin-top: 0.25rem;
}
.saved-list__accordion-list-item-right .dropdown-custom.show {
  z-index: 1000;
}
.saved-list__accordion-list-item:has(.dropdown-custom.show) {
  z-index: 1000;
}
.saved-list__accordion-list .shd-avatar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 9999px;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  text-align: center;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}
.saved-list__checkbox .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}

.saved-list-delete-modal.confirmation-modal-v3 .modal-dialog .modal-header {
  padding: 24px 24px 24px 24px !important;
}
.saved-list-delete-modal.confirmation-modal-v3 .modal-dialog .modal-header .confirmation-modal-v3--title {
  gap: 0.5rem;
}
.saved-list-delete-modal.confirmation-modal-v3 .modal-dialog .modal-content .bs-modal-body {
  padding: 24px 24px 24px 24px !important;
}
.saved-list-delete-modal.confirmation-modal-v3 .confirmation-modal-v3--body__contents p {
  margin-bottom: 0;
}
.saved-list-delete-modal.confirmation-modal-v3 .confirmation-modal-v3--body__contents p:nth-child(1) {
  margin-bottom: 1rem;
}
.saved-list-delete-modal.confirmation-modal-v3 .saved-list-delete-modal__submit-btn {
  padding: 6px 16px;
  border-radius: 4px;
  background: #b91c1c;
  border-color: #b91c1c;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.saved-list-delete-modal.confirmation-modal-v3 .saved-list-delete-modal__cancel-btn {
  padding: 6px 16px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: transparent;
  color: #6b7280;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.saved-list-delete-modal.confirmation-modal-v3 .saved-list-delete-modal__cancel-btn:hover {
  color: #595959;
  border-color: #d9d9d9;
}
.saved-list-delete-modal.confirmation-modal-v3 .saved-list-delete-modal__cancel-btn:focus, .saved-list-delete-modal.confirmation-modal-v3 .saved-list-delete-modal__cancel-btn:focus-visible, .saved-list-delete-modal.confirmation-modal-v3 .saved-list-delete-modal__cancel-btn:active, .saved-list-delete-modal.confirmation-modal-v3 .saved-list-delete-modal__cancel-btn:active:focus, .saved-list-delete-modal.confirmation-modal-v3 .saved-list-delete-modal__cancel-btn:active:focus-visible {
  outline: none;
  box-shadow: none;
  border-color: #d9d9d9;
  color: #595959;
  background: transparent;
}

.create-edit-saved-list-modal .modal-dialog {
  justify-content: center;
  align-items: center;
}
.create-edit-saved-list-modal .modal-content {
  width: 22rem;
}
.create-edit-saved-list-modal .modal-content .modal-header .modal-title {
  line-height: 24px;
}
.create-edit-saved-list-modal .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  padding: 0 1.5rem 1.5rem 1.5rem !important;
}
.create-edit-saved-list-modal--input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.5rem;
}
.create-edit-saved-list-modal--input-group p {
  margin: 0;
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.create-edit-saved-list-modal--input-group .bs-input-affix-wrapper {
  padding: 0.375rem 0.5rem !important;
  max-width: 22.25rem;
}
.create-edit-saved-list-modal--input-group .bs-input-affix-wrapper .bs-input {
  color: #1f2937;
  line-height: 1.25rem;
  font-weight: 400;
}
.create-edit-saved-list-modal--input-group .bs-input-affix-wrapper .bs-input::placeholder {
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.create-edit-saved-list-modal--input-group .bs-input-affix-wrapper:focus, .create-edit-saved-list-modal--input-group .bs-input-affix-wrapper:focus-within {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5) !important;
}
.create-edit-saved-list-modal--input-group .bs-input-container {
  margin-bottom: 0 !important;
}
.create-edit-saved-list-modal--input-group .input-error-container .bs-input-label-suffix {
  color: #b91c1c;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 0.25rem !important;
}
.create-edit-saved-list-modal--input-group .input-error-container .bs-input-affix-wrapper.input-error {
  box-shadow: 0 0 0 2px #fee2e2;
  color: #b91c1c;
  border: 1px solid #b91c1c;
}
.create-edit-saved-list-modal--input-group .shd-input {
  width: 100%;
}
.create-edit-saved-list-modal--input-group .shd-input .shd-input--label {
  display: none;
}
.create-edit-saved-list-modal--input-group .shd-input .input {
  width: 100%;
}
.create-edit-saved-list-modal--input-group .shd-input .input:focus {
  outline: none;
}
.create-edit-saved-list-modal--input-group .prospect-filters-select .bs-select-box:focus {
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5) !important;
}
.create-edit-saved-list-modal--input-group .teams-select-box .prospect-filters-owners-select:hover {
  border: 1px solid #346aff;
}
.create-edit-saved-list-modal--input-group .teams-select-box .prospect-filters-owners-select:focus {
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5) !important;
  border: 1px solid #346aff;
}
.create-edit-saved-list-modal .transfer-select-btn-content .placeholder {
  color: #6b7280;
}

.back-icon {
  display: inline-flex;
  cursor: pointer;
  padding: 2px;
  border-radius: 4px;
  align-items: center;
}
.back-icon:hover {
  background: #e5e7eb;
  color: #6b7280;
}

.overflow-y-auto {
  overflow-y: auto;
}

.bs-exclude-prospects-filter,
.bs-exclude-enriched-companies-filter {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.75rem;
  height: 1rem;
  min-height: 1rem;
  flex-shrink: 0;
}
.bs-exclude-prospects-filter .bs-checkbox-wrapper,
.bs-exclude-enriched-companies-filter .bs-checkbox-wrapper {
  display: flex;
  width: 1rem;
  height: 1rem;
}
.bs-exclude-prospects-filter .saved-list__accordion-list-item-text,
.bs-exclude-enriched-companies-filter .saved-list__accordion-list-item-text {
  font-size: 0.75rem;
  color: #1f2937;
  font-weight: 500;
  line-height: 1rem;
}
.bs-exclude-prospects-filter:hover,
.bs-exclude-enriched-companies-filter:hover {
  background-color: #f9fafb;
}

.bs-email-status-filter {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.75rem;
  margin-top: 0.75rem;
}
.bs-email-status-filter__label {
  font-weight: 500;
  color: #1f2937;
  font-size: 0.75rem;
  line-height: 1rem;
}
.bs-email-status-filter__options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.bs-email-status-filter__item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex: 1 1 0;
  min-width: 0;
  cursor: pointer;
}
.bs-email-status-filter__item-text {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #262626;
}

.reveal-type-filter {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.75rem;
  margin-top: 0.75rem;
}
.reveal-type-filter__label {
  font-weight: 500;
  color: #1f2937;
  font-size: 0.75rem;
  line-height: 1rem;
}
.reveal-type-filter .pill {
  margin-top: 0;
}

.radio-filter-container .radio-filter-label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: 0.25rem;
}
.radio-filter-container .radio-filter-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.radio-filter-container .radio-filter-options .btn-solid-group {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid #6c6f74;
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: 400;
  color: #9ca3af;
  width: 100%;
  justify-content: center;
}
.radio-filter-container .radio-filter-options .btn-solid-group:hover {
  border-color: #374151;
  background: #1e40af;
}
.radio-filter-container .radio-filter-options .btn-solid-group.active {
  border-color: #374151;
  background: #374151;
  color: #fff;
  font-weight: 500;
}
.radio-filter-container .radio-filter-options .btn-solid-group.disabled {
  background: #ffffff;
  color: #9ca3af;
}
.radio-filter-container .radio-filter-options .chevron-right-icon {
  display: none;
}
.radio-filter-container .radio-filter-options .bs-radio-wrapper {
  line-height: 1rem;
}

.bs-col-info-tooltip-wrapper {
  gap: 6px;
}

.bs-col-info-tooltip__trigger {
  cursor: pointer;
  color: #9ca3af;
  line-height: 0;
}
.bs-col-info-tooltip__trigger:hover {
  color: #262626;
}

.bs-col-info-tooltip__content {
  position: fixed;
  transform: translateX(-50%);
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 10px 12px;
  z-index: 9999;
  width: 240px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.bs-col-info-tooltip__arrow {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.bs-col-info-tooltip__text {
  color: #6b7280;
  margin-bottom: 6px;
}

.bs-col-info-tooltip__link {
  color: #1d4ed8;
  display: inline-block;
}
.bs-col-info-tooltip__link:hover {
  color: #93c5fd;
  text-decoration: none;
}

.v2-lead-tanstack-table .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}

.v2-lead-name-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.v2-lead-name-cell .v2-lead-avatar {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.v2-lead-name-cell .v2-lead-avatar .bs-avatar {
  width: 100%;
  height: 100%;
}
.v2-lead-name-cell .v2-lead-avatar .v2-lead-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.v2-lead-name-cell .v2-lead-name-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
}
.v2-lead-name-cell .v2-lead-name-text.clickable {
  cursor: pointer;
  color: #1d4ed8;
}
.v2-lead-name-cell .v2-lead-name-text.clickable:hover {
  text-decoration: underline;
}
.v2-lead-name-cell .v2-lead-name-text--clickable {
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  color: #1f2937;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.v2-lead-modal-open-indicator {
  display: none;
  flex-shrink: 0;
  color: #9ca3af !important;
  width: 20px;
  height: 20px;
  align-items: center;
}

.tanstack-table--tr:hover .v2-lead-modal-open-indicator {
  display: flex;
}

.tanstack-table--tr .tanstack-table--th.client-sequence-action-header,
.tanstack-table--tr .tanstack-table--td.company-action {
  position: sticky;
  right: 0;
  z-index: 3;
  top: 0;
  padding: 0 !important;
  background-color: #fff;
}
.tanstack-table--tr .tanstack-table--th.client-sequence-action-header:hover,
.tanstack-table--tr .tanstack-table--td.company-action:hover {
  background-color: #fff;
}
.tanstack-table--tr .tanstack-table--th.client-sequence-action-header .column-header-content,
.tanstack-table--tr .tanstack-table--th.client-sequence-action-header .column-cell-content,
.tanstack-table--tr .tanstack-table--td.company-action .column-header-content,
.tanstack-table--tr .tanstack-table--td.company-action .column-cell-content {
  background-color: #fff;
  padding: 0 0.5rem;
}
.tanstack-table--tr .tanstack-table--th.client-sequence-action-header .column-cell-content:hover,
.tanstack-table--tr .tanstack-table--td.company-action .column-cell-content:hover {
  background-color: #f9fafb;
}

.v2-lead-company-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  overflow: hidden;
}
.v2-lead-company-cell .v2-lead-name-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.v2-lead-company-cell .v2-lead-name-text span:not(.v2-lead-modal-open-indicator):hover {
  cursor: pointer;
  text-decoration: underline;
  color: #1d4ed8;
}
.v2-lead-company-cell .v2-lead-company-name-text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
}
.v2-lead-company-cell .v2-lead-company-logo {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.v2-lead-company-cell .v2-lead-company-logo .v2-lead-company-logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.v2-lead-company-cell .v2-lead-company-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2-lead-company-cell .v2-lead-company-name-link {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  min-width: 0;
  max-width: 100%;
  text-decoration: underline;
}

.v2-lead-email-cell {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
}
.v2-lead-email-cell .v2-lead-reveal-btn {
  font-size: 0.875rem;
  padding: 0.125rem 0.5rem;
  height: 1.5rem;
  color: #6b7280;
  border-color: #e5e7eb;
}
.v2-lead-email-cell .v2-lead-reveal-btn.shd-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.v2-lead-email-cell .v2-lead-reveal-btn.shd-button:disabled:hover {
  color: #6b7280;
  border-color: #e5e7eb;
}
.v2-lead-email-cell .v2-lead-reveal-btn:hover {
  color: #1d4ed8;
  border-color: #1d4ed8;
}
.v2-lead-email-cell .v2-lead-reveal-btn span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.v2-lead-email-cell .v2-lead-reveal-btn span .revealing-text {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #6b7280;
  gap: 0rem;
}
.v2-lead-email-cell .v2-lead-reveal-btn span .revealing-text .loader {
  width: 16px;
  aspect-ratio: 6;
  background: radial-gradient(circle closest-side, #6b7280 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1.5s steps(4) infinite;
}
@keyframes l1 {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}
.v2-lead-email-cell .v2-lead-email-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2-lead-email-cell .v2-lead-email-copy-icon {
  display: none;
  flex-shrink: 0;
  color: #9ca3af;
  cursor: pointer;
}
.v2-lead-email-cell .v2-lead-email-copy-icon:hover {
  color: #6b7280;
}
.v2-lead-email-cell .cell-feedback-btns-wrapper {
  display: none;
  flex-shrink: 0;
  align-items: center;
}
.v2-lead-email-cell .cell-feedback-btns-wrapper--active {
  display: flex;
}
.v2-lead-email-cell:hover .v2-lead-email-copy-icon {
  display: block;
}
.v2-lead-email-cell:hover .cell-feedback-btns-wrapper {
  display: flex;
}
.v2-lead-email-cell .v2-lead-email-count {
  flex-shrink: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0rem 0.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
.v2-lead-email-cell .v2-lead-email-count:hover, .v2-lead-email-cell .v2-lead-email-count.active {
  text-decoration: none;
  border-color: #bfdbfe;
}

.tanstack-table--tr:hover .v2-lead-email-cell .cell-feedback-btns-wrapper,
.tanstack-table--tr:hover .v2-lead-phone-cell .cell-feedback-btns-wrapper {
  display: flex;
}

.tanstack-table--tr:hover .v2-lead-email-cell .v2-lead-email-copy-icon,
.tanstack-table--tr:hover .v2-lead-phone-cell .v2-lead-phone-copy-icon {
  display: block;
}

.v2-lead-emails-popover-container.bs-popover-inner,
.v2-lead-phones-popover-container.bs-popover-inner {
  padding: 0px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover {
  padding: 0.5rem 0rem;
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.375rem 1rem;
  cursor: default;
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-text,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-text,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-text,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-text,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-text,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-text,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-text,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-text,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-text,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-text,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-text,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-text,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-text,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-text,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-text,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-text {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-text[href^="tel:"],
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-text[href^="tel:"],
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-text[href^="tel:"],
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-text[href^="tel:"],
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-text[href^="tel:"],
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-text[href^="tel:"],
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-text[href^="tel:"],
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-text[href^="tel:"],
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-text[href^="tel:"],
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-text[href^="tel:"],
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-text[href^="tel:"],
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-text[href^="tel:"],
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-text[href^="tel:"],
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-text[href^="tel:"],
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-text[href^="tel:"],
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-text[href^="tel:"] {
  text-decoration: none;
  cursor: pointer;
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-text[href^="tel:"]:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-text[href^="tel:"]:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-text[href^="tel:"]:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-text[href^="tel:"]:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-text[href^="tel:"]:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-text[href^="tel:"]:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-text[href^="tel:"]:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-text[href^="tel:"]:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-text[href^="tel:"]:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-text[href^="tel:"]:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-text[href^="tel:"]:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-text[href^="tel:"]:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-text[href^="tel:"]:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-text[href^="tel:"]:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-text[href^="tel:"]:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-text[href^="tel:"]:hover {
  text-decoration: underline;
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-copy-icon,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-copy-icon,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-copy-icon,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-copy-icon,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-copy-icon,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-copy-icon,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-copy-icon,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-copy-icon,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-copy-icon,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-copy-icon,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-copy-icon,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-copy-icon,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-copy-icon,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-copy-icon,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-copy-icon,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-copy-icon {
  color: #9ca3af;
  cursor: pointer;
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-copy-icon:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-copy-icon:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-copy-icon:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-copy-icon:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-copy-icon:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-copy-icon:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-copy-icon:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-copy-icon:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-email-copy-icon:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item .v2-lead-phone-copy-icon:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-email-copy-icon:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item .v2-lead-phone-copy-icon:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-email-copy-icon:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item .v2-lead-phone-copy-icon:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-email-copy-icon:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item .v2-lead-phone-copy-icon:hover {
  color: #6b7280;
}
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item:hover,
.v2-lead-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-email-item:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-emails-popover .v2-lead-phone-item:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-email-item:hover,
.v2-lead-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-lead-phones-popover .v2-lead-phone-item:hover {
  background: #eff6ff;
}

.v2-lead-phone-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.v2-lead-phone-cell .v2-lead-reveal-btn {
  font-size: 0.875rem;
  padding: 0.125rem 0.5rem;
  height: 1.5rem;
  color: #6b7280;
  border-color: #e5e7eb;
}
.v2-lead-phone-cell .v2-lead-reveal-btn.shd-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.v2-lead-phone-cell .v2-lead-reveal-btn.shd-button:disabled:hover {
  color: #6b7280;
  border-color: #e5e7eb;
}
.v2-lead-phone-cell .v2-lead-reveal-btn:hover {
  color: #1d4ed8;
  border-color: #1d4ed8;
}
.v2-lead-phone-cell .v2-lead-reveal-btn span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.v2-lead-phone-cell .v2-lead-reveal-btn span .revealing-text {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #6b7280;
  gap: 0rem;
}
.v2-lead-phone-cell .v2-lead-reveal-btn span .revealing-text .loader {
  width: 16px;
  aspect-ratio: 6;
  background: radial-gradient(circle closest-side, #6b7280 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1.5s steps(4) infinite;
}
@keyframes l1 {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}
.v2-lead-phone-cell .v2-lead-phone-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2-lead-phone-cell .v2-lead-phone-text[href^="tel:"] {
  color: #1f2937;
  text-decoration: none;
  cursor: pointer;
}
.v2-lead-phone-cell .v2-lead-phone-text[href^="tel:"]:hover {
  text-decoration: underline;
}
.v2-lead-phone-cell .v2-lead-phone-copy-icon {
  display: none;
  flex-shrink: 0;
  color: #9ca3af;
  cursor: pointer;
}
.v2-lead-phone-cell .v2-lead-phone-copy-icon:hover {
  color: #6b7280;
}
.v2-lead-phone-cell .cell-feedback-btns-wrapper {
  display: none;
  flex-shrink: 0;
  align-items: center;
}
.v2-lead-phone-cell .cell-feedback-btns-wrapper--active {
  display: flex;
}
.v2-lead-phone-cell:hover .v2-lead-phone-copy-icon {
  display: block;
}
.v2-lead-phone-cell:hover .cell-feedback-btns-wrapper {
  display: flex;
}
.v2-lead-phone-cell .v2-lead-phone-count {
  flex-shrink: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0rem 0.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
.v2-lead-phone-cell .v2-lead-phone-count:hover, .v2-lead-phone-cell .v2-lead-phone-count.active {
  text-decoration: none;
  border-color: #bfdbfe;
}

.v2-lead-phones-popover {
  padding: 0.5rem;
}
.v2-lead-phones-popover .v2-lead-phone-item {
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
}

.v2-lead-tanstack-table .column-cell-content--value:has(.v2-lead-email-cell) {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.cell-feedback-btns {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.cell-feedback-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  cursor: pointer;
  color: #9ca3af;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
  padding: 0;
}
.cell-feedback-btn--like:hover, .cell-feedback-btn--like-active {
  background-color: #dafad7;
  border-color: #52c41a;
  color: #52c41a;
}
.cell-feedback-btn--dislike:hover, .cell-feedback-btn--dislike-active {
  background-color: #fef2f2;
  border-color: #f5222d;
  color: #f5222d;
}
.cell-feedback-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.v2-lead-actions-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v2-lead-actions-cell .v2-lead-action-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s;
  border-radius: 0.25rem;
}
.v2-lead-actions-cell .v2-lead-action-btn:hover:not(:disabled) {
  color: #1d4ed8;
  background: #dbeafe;
}
.v2-lead-actions-cell .v2-lead-action-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.v2-lead-socials-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v2-lead-socials-cell .v2-lead-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  transition: color 0.2s;
}
.v2-lead-socials-cell .v2-lead-social-link:hover {
  color: #1d4ed8;
}
.v2-lead-socials-cell .v2-lead-social-link i {
  font-size: 1.25rem;
}

.v2-lead-socials-more-popover .popover {
  min-width: 180px;
  padding: 0.5rem 0;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  border: 1px solid #e8e8e8;
}
.v2-lead-socials-more-popover.bs-popover-inner {
  padding: 0;
  width: 12.0625rem;
  max-height: 170px;
  overflow-y: auto;
  background: #fff;
}
.v2-lead-socials-more-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}

.v2-lead-socials-popover {
  display: flex;
  flex-direction: column;
  padding: 0.25rem 0;
  gap: 0.25rem;
}
.v2-lead-socials-popover .v2-lead-socials-popover-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.375rem 0.875rem;
  text-decoration: none;
  color: #6b7280;
  transition: background-color 0.15s;
}
.v2-lead-socials-popover .v2-lead-socials-popover-item:hover {
  background-color: #eff6ff;
  text-decoration: none;
  color: #6b7280;
}
.v2-lead-socials-popover .v2-lead-socials-popover-item .v2-lead-socials-popover-name {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 400;
  white-space: nowrap;
  color: #1f2937;
}
.v2-lead-socials-popover .v2-lead-socials-popover-item .v2-lead-socials-popover-external {
  flex-shrink: 0;
  opacity: 0.6;
}

.v2-lead-experience-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v2-lead-experience-cell .v2-lead-experience-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2-lead-experience-cell .v2-lead-experience-count {
  flex-shrink: 0;
  cursor: pointer;
  font-weight: 600;
}
.v2-lead-experience-cell .v2-lead-experience-count:hover {
  text-decoration: underline;
}

.v2-lead-text-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
}
.v2-lead-text-cell.v2-lead-link-cell {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1f2937;
}
.v2-lead-text-cell.v2-lead-link-cell a {
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  transition: color 0.2s;
}
.v2-lead-text-cell.v2-lead-link-cell a:hover {
  color: #1d4ed8;
}

.v2-lead-teaser-text-cell {
  color: #9ca3af;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  cursor: default;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.v2-lead-teaser-text-cell span {
  cursor: pointer;
  transition: opacity 0.2s;
}
.v2-lead-teaser-text-cell span:hover {
  opacity: 0.8;
}
.v2-lead-teaser-text-cell span:active {
  opacity: 0.6;
}
.v2-lead-teaser-text-cell span.revealing-text {
  cursor: not-allowed;
  opacity: 0.7;
}

.view-email-phone-info-button-tooltip .tooltip-inner {
  max-width: 18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.v2-lead-teaser-text-cell-tooltip .tooltip-inner {
  max-width: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.map-field-verify {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.map-field-verify__spinner {
  width: 1rem;
  height: 1rem;
}

.v2-lead-name-text span:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #1d4ed8;
}

.v2-company-tanstack-table .tanstack-table--tr .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--th.client-sequence-action-header,
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--td.company-action {
  position: sticky;
  right: 0;
  z-index: 3;
  top: 0;
  padding: 0 !important;
  background-color: #fff;
}
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--th.client-sequence-action-header:hover,
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--td.company-action:hover {
  background-color: #fff;
}
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--th.client-sequence-action-header .column-header-content,
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--th.client-sequence-action-header .column-cell-content,
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--td.company-action .column-header-content,
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--td.company-action .column-cell-content {
  background-color: #fff;
  padding: 0 0.5rem;
  width: 46px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--th.client-sequence-action-header .column-cell-content:hover,
.v2-company-tanstack-table .tanstack-table--tr .tanstack-table--td.company-action .column-cell-content:hover {
  background-color: #f9fafb;
}
.v2-company-tanstack-table .tanstack-table--tr:hover .v2-company-modal-open-indicator {
  display: flex;
}
.v2-company-tanstack-table .tanstack-table--tr:hover .v2-company-name-cell .cell-feedback-btns-wrapper {
  display: flex;
}
.v2-company-tanstack-table .client-sequence-action-header {
  min-width: 0 !important;
}
.v2-company-tanstack-table .company-action .dropdown-custom .dropdown-toggle-custom,
.v2-company-tanstack-table .company-action .dropdown-custom .btn-solid,
.v2-company-tanstack-table .company-action .dropdown-custom .btn-solid-dropdown-custom {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 0.25rem;
  color: #6b7280;
  transition: color 0.2s, background 0.2s;
}
.v2-company-tanstack-table .company-action .dropdown-custom .dropdown-toggle-custom:hover:not(:disabled),
.v2-company-tanstack-table .company-action .dropdown-custom .btn-solid:hover:not(:disabled),
.v2-company-tanstack-table .company-action .dropdown-custom .btn-solid-dropdown-custom:hover:not(:disabled) {
  color: #1d4ed8;
  background: #dbeafe;
}
.v2-company-tanstack-table .company-action .dropdown-custom .dropdown-toggle-custom:disabled,
.v2-company-tanstack-table .company-action .dropdown-custom .btn-solid:disabled,
.v2-company-tanstack-table .company-action .dropdown-custom .btn-solid-dropdown-custom:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.v2-company-text-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
}
.v2-company-text-cell .v2-company-text-cell-copy-icon {
  display: none;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
}
.v2-company-text-cell .v2-company-text-cell-copy-icon:hover {
  color: #6b7280;
}
.v2-company-text-cell:hover .v2-company-text-cell-copy-icon {
  display: block;
}

.v2-company-text-and-chip-cell {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  max-width: fit-content;
}
.v2-company-text-and-chip-cell .v2-company-cell-text-wrap {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.v2-company-text-and-chip-cell > *:not(.v2-company-cell-text-wrap) {
  flex-shrink: 0;
}

.v2-company-name-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.v2-company-name-cell .v2-company-logo {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  object-fit: contain;
}
.v2-company-name-cell .v2-company-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2-company-name-cell .v2-company-name span:not(.v2-company-modal-open-indicator):hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.v2-company-name-cell .v2-company-name--clickable {
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  color: #1f2937;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.v2-company-name-cell .v2-company-modal-open-indicator {
  display: none;
  flex-shrink: 0;
  color: #9ca3af;
  width: 20px;
  height: 20px;
  align-items: center;
}
.v2-company-name-cell .v2-company-name-link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #595959;
  text-decoration: none;
}
.v2-company-name-cell .v2-company-name-link-icon:hover {
  color: #0137fc;
}
.v2-company-name-cell .v2-company-name-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: underline;
}
.v2-company-name-cell .cell-feedback-btns-wrapper {
  display: none;
  align-items: center;
  flex-shrink: 0;
}
.v2-company-name-cell .cell-feedback-btns-wrapper--active {
  display: flex;
}

.v2-company-domain-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #1f2937;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}
.v2-company-domain-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

.v2-company-linkedin-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  transition: color 0.2s;
  cursor: pointer;
}
.v2-company-linkedin-link:hover {
  color: #1d4ed8;
}

.v2-company-socials-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v2-company-socials-cell .v2-company-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  transition: color 0.2s;
  cursor: pointer;
}
.v2-company-socials-cell .v2-company-social-link:hover {
  color: #1d4ed8;
}
.v2-company-socials-cell .v2-company-social-count {
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 500;
}

.v2-company-row-actions-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2-company-row-actions-cell .v2-company-row-actions-toggle {
  padding: 0.25rem;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #6b7280;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2-company-row-actions-cell .v2-company-row-actions-toggle:hover, .v2-company-row-actions-cell .v2-company-row-actions-toggle.active {
  color: #1d4ed8;
  background: #dbeafe;
}
.v2-company-row-actions-cell .v2-company-row-actions-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.v2-company-row-actions-cell .v2-company-row-actions-toggle--disabled:hover, .v2-company-row-actions-cell .v2-company-row-actions-toggle--disabled.active {
  color: #6b7280;
  background: transparent;
}

.v2-company-row-actions-dropdown {
  min-width: 180px;
  pointer-events: auto;
  padding: 0 !important;
}

.v2-company-row-actions-menu {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  padding: 0.5rem 0;
}
.v2-company-row-actions-menu .v2-company-row-actions-menu-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: #1f2937;
  font-size: 0.875rem;
  transition: background-color 0.2s;
}
.v2-company-row-actions-menu .v2-company-row-actions-menu-item:hover {
  background-color: #eff6ff;
}
.v2-company-row-actions-menu .v2-company-row-actions-menu-item .gray-txt-15 {
  color: #6b7280;
  flex-shrink: 0;
}
.v2-company-row-actions-menu .v2-company-row-actions-menu-item .blue-txt-16 {
  color: #1f2937;
}

.v2-company-actions-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v2-company-actions-cell .v2-company-action-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s;
  border-radius: 0.25rem;
  height: 1.75rem;
}
.v2-company-actions-cell .v2-company-action-btn:hover:not(:disabled) {
  color: #1d4ed8;
  background: #dbeafe;
}
.v2-company-actions-cell .v2-company-action-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.v2-company-actions-cell .v2-company-action-btn.is-saved {
  color: #1d4ed8;
}
.v2-company-actions-cell .v2-company-action-btn.find-people-btn {
  border: 1px solid #e5e7eb;
  gap: 0.5rem;
  transition: border-color 0.2s, color 0.2s;
  padding: 0.25rem 1rem;
}
.v2-company-actions-cell .v2-company-action-btn.find-people-btn:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background: transparent;
}
.v2-company-actions-cell .v2-company-action-btn.add-to-list-btn {
  border: 1px solid #e5e7eb;
  gap: 0.5rem;
  transition: border-color 0.2s, color 0.2s;
  padding: 0.375rem;
}
.v2-company-actions-cell .v2-company-action-btn.add-to-list-btn:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background: transparent;
}

.v2-company-array-cell {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.v2-company-array-cell--multi {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  width: 100%;
  min-width: 0;
}
.v2-company-array-cell--multi > .v2-company-count-pill {
  align-self: flex-start;
}

.v2-company-phone-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v2-company-phone-cell .v2-company-phone-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2-company-phone-cell .v2-company-phone-text[href^="tel:"] {
  color: #1f2937;
  text-decoration: none;
  cursor: pointer;
}
.v2-company-phone-cell .v2-company-phone-text[href^="tel:"]:hover {
  text-decoration: underline;
}
.v2-company-phone-cell .v2-company-phone-copy-icon {
  display: none;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
}
.v2-company-phone-cell .v2-company-phone-copy-icon:hover {
  color: #6b7280;
}
.v2-company-phone-cell:hover .v2-company-phone-copy-icon {
  display: block;
}
.v2-company-phone-cell .v2-company-phone-count {
  flex-shrink: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0rem 0.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
.v2-company-phone-cell .v2-company-phone-count:hover, .v2-company-phone-cell .v2-company-phone-count.active {
  text-decoration: none;
  border: 1px solid #1d4ed8;
  background: #eff6ff;
  color: #1d4ed8;
}

.v2-company-email-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v2-company-email-cell .v2-company-email-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2-company-email-cell .v2-company-email-copy-icon {
  display: none;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
}
.v2-company-email-cell .v2-company-email-copy-icon:hover {
  color: #6b7280;
}
.v2-company-email-cell:hover .v2-company-email-copy-icon {
  display: block;
}
.v2-company-email-cell .v2-company-email-count {
  flex-shrink: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0rem 0.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
.v2-company-email-cell .v2-company-email-count:hover, .v2-company-email-cell .v2-company-email-count.active {
  text-decoration: none;
  border: 1px solid #1d4ed8;
  background: #eff6ff;
  color: #1d4ed8;
}

.v2-company-count-pill {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0rem 0.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
.v2-company-count-pill:hover, .v2-company-count-pill.active {
  text-decoration: none;
  border: 1px solid #1d4ed8;
  background: #eff6ff;
  color: #1d4ed8;
}

.v2-company-phones-popover-container.bs-popover-inner,
.v2-company-emails-popover-container.bs-popover-inner {
  padding: 0px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
}
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover {
  padding: 0.5rem 0rem;
}
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.375rem 1rem;
  cursor: default;
}
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-phone-text,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-email-text,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-phone-text,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-email-text,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-phone-text,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-email-text,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-phone-text,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-email-text,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-phone-text,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-email-text,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-phone-text,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-email-text,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-phone-text,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-email-text,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-phone-text,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-email-text {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-phone-copy-icon,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-email-copy-icon,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-phone-copy-icon,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-email-copy-icon,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-phone-copy-icon,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-email-copy-icon,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-phone-copy-icon,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-email-copy-icon,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-phone-copy-icon,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-email-copy-icon,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-phone-copy-icon,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-email-copy-icon,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-phone-copy-icon,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-email-copy-icon,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-phone-copy-icon,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-email-copy-icon {
  color: #9ca3af;
  cursor: pointer;
  display: block;
}
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-phone-copy-icon:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-email-copy-icon:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-phone-copy-icon:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-email-copy-icon:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-phone-copy-icon:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-email-copy-icon:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-phone-copy-icon:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-email-copy-icon:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-phone-copy-icon:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item .v2-company-email-copy-icon:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-phone-copy-icon:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item .v2-company-email-copy-icon:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-phone-copy-icon:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item .v2-company-email-copy-icon:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-phone-copy-icon:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item .v2-company-email-copy-icon:hover {
  color: #6b7280;
}
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item:hover,
.v2-company-phones-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-phone-item:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-phones-popover .v2-company-email-item:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-phone-item:hover,
.v2-company-emails-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-emails-popover .v2-company-email-item:hover {
  background: #eff6ff;
}

.v2-company-competitor-cell {
  display: flex;
  align-items: center;
}
.v2-company-competitor-cell .v2-company-competitor-text {
  cursor: pointer;
  color: #1f2937;
}
.v2-company-competitor-cell .v2-company-competitor-text:hover {
  color: #1d4ed8;
}
.v2-company-competitor-cell .v2-company-competitor-text.active {
  color: #1d4ed8;
}

.v2-company-competitor-popover-container.bs-popover-inner {
  padding: 0px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.v2-company-competitor-popover-container .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
}
.v2-company-competitor-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-competitor-popover {
  padding: 0.5rem 0rem;
}
.v2-company-competitor-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-competitor-popover .v2-company-competitor-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.375rem 1rem;
  cursor: default;
}
.v2-company-competitor-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-competitor-popover .v2-company-competitor-item .v2-company-competitor-name {
  color: #1f2937;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  flex: 1;
}
.v2-company-competitor-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-competitor-popover .v2-company-competitor-item .v2-company-competitor-score {
  border-radius: 4px;
  padding: 2px 8px;
  background-color: #d1d5db;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  flex-shrink: 0;
}
.v2-company-competitor-popover-container .bs-popover-content .bs-popover-inner-content .v2-company-competitor-popover .v2-company-competitor-item:hover {
  background: #eff6ff;
}

.v2-lead-company-text-cell {
  color: #9ca3af;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  cursor: default;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.v2-lead-company-text-cell span {
  cursor: pointer;
  transition: opacity 0.2s;
}
.v2-lead-company-text-cell span:hover {
  opacity: 0.8;
}
.v2-lead-company-text-cell span:active {
  opacity: 0.6;
}
.v2-lead-company-text-cell span.enriching-text {
  cursor: not-allowed;
  opacity: 0.7;
}

.v2-lead-company-text-cell-tooltip .tooltip-inner {
  max-width: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.map-field-verify {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.map-field-verify__spinner {
  width: 1rem;
  height: 1rem;
}

.v2-company-funding-round-popover-container.popover {
  max-width: 600px !important;
  padding: 0;
}
.v2-company-funding-round-popover-container.popover .bs-popover-inner-content {
  padding: 0px;
}
.v2-company-funding-round-popover-container.popover .bs-popover-inner-content .v2-company-funding-round-popover .data-card__header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 16px;
  padding: 0 1rem;
}
.v2-company-funding-round-popover-container.popover .bs-popover-inner-content .v2-company-funding-round-popover .data-card__header-cell {
  padding: 22px 0px 10px 0px;
  color: #4b5563;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.v2-company-funding-round-popover-container.popover .bs-popover-inner-content .v2-company-funding-round-popover .data-card__content {
  padding: 0 1rem 0.75rem 1rem;
  max-height: 11rem;
  overflow-y: auto;
}
.v2-company-funding-round-popover-container.popover .bs-popover-inner-content .v2-company-funding-round-popover .data-card__row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 16px;
  padding: 0.375rem 0 0.375rem 0;
}
.v2-company-funding-round-popover-container.popover .bs-popover-inner-content .v2-company-funding-round-popover .data-card__cell {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.v2-company-funding-round-cell .v2-company-funding-round-text {
  display: flex;
  gap: 0.5rem;
}
.v2-company-funding-round-cell .v2-company-funding-round-text .v2-company-funding-round-count-pill {
  flex-shrink: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  padding: 0rem 0.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
.v2-company-funding-round-cell .v2-company-funding-round-text .v2-company-funding-round-count-pill:hover {
  border: 1px solid #1d4ed8;
  background: #eff6ff;
  color: #1d4ed8;
}
.v2-company-funding-round-cell .v2-company-funding-round-text.active .v2-company-funding-round-count-pill {
  border: 1px solid #1d4ed8;
  background: #eff6ff;
  color: #1d4ed8;
}

.bs-popover-inner.prospect-tag-popover.v2-company-popover .popover-body .bs-popover-content .bs-popover-inner-content .overlay-popover-content-wrap {
  gap: 0px;
}

.v2-lead-modal-open-indicator {
  display: none;
  flex-shrink: 0;
  color: #9ca3af !important;
  width: 20px;
  height: 20px;
  align-items: center;
}

.searching-empty {
  width: 100%;
  height: calc(100vh - 6.938rem - var(--lf-ext-banner-offset, 0rem));
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20vh;
  overflow-y: auto;
}
.searching-empty .searching-empty-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 556px;
}
.searching-empty h3 {
  font-weight: 600;
  color: #343a40;
  font-size: 0.875rem;
  color: #1f2937;
  margin-bottom: 0;
  line-height: normal;
}
.searching-empty .text-desc {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  padding-top: 0.5rem;
  color: #6b7280;
  margin-bottom: 0;
}
.searching-empty .v2-leads-profile {
  display: flex;
  width: 100%;
  border-radius: 0.25rem;
  margin-top: 1rem;
}
.searching-empty .v2-leads-profile .v2-professional-profile {
  text-align: center;
  align-items: center;
  width: 100%;
  padding: 14px 0px;
  background: #fff;
  height: auto;
  border-radius: 0.25rem;
}
.searching-empty .v2-leads-profile .v2-professional-profile .profile-icon {
  height: 1.5rem;
  width: 1.5rem;
  color: #60a5fa;
}
.searching-empty .v2-leads-profile .v2-professional-profile .profile-lable {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 20px;
  padding-top: 0.5rem;
  margin-bottom: 0;
}
.searching-empty .v2-leads-profile .v2-professional-profile .profile-text {
  font-size: 0.875rem;
  color: #6b7280;
  padding-top: 0.5rem;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.searching-empty .searching-empty-footer {
  color: #6b7280;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  gap: 4px;
  padding-top: 26px;
  margin-bottom: 0px;
}
.searching-empty .searching-empty-footer a {
  color: #1d4ed8;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.alert-message .searching-empty {
  height: calc(100vh - 9.25rem - var(--lf-ext-banner-offset, 0rem));
}

.bs-lf-ext-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  padding: 0 3rem;
  background-color: #eef2ff;
  border-bottom: 1px solid #c7d2fe;
}
.bs-lf-ext-banner__content {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
}
.bs-lf-ext-banner__text {
  min-width: 0;
  text-align: center;
}
.bs-lf-ext-banner__cta {
  flex-shrink: 0;
  margin-left: 0.25rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #0137fc;
  white-space: nowrap;
  cursor: pointer;
}
.bs-lf-ext-banner__cta:hover, .bs-lf-ext-banner__cta:focus {
  color: #0004c9;
  text-decoration: underline;
}
.bs-lf-ext-banner__cta:focus {
  outline: none;
}
.bs-lf-ext-banner__cta:focus-visible {
  text-decoration: underline;
  box-shadow: 0 0 0 2px rgba(1, 55, 252, 0.4);
}
.bs-lf-ext-banner__close {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  border-radius: 0.25rem;
  background: transparent;
  color: #1f2937;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.bs-lf-ext-banner__close:hover {
  background-color: rgba(31, 41, 55, 0.08);
}
.bs-lf-ext-banner__close:focus {
  outline: none;
}
.bs-lf-ext-banner__close:focus-visible {
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.3);
}

.auto-search-container {
  position: relative;
  padding: 0.625rem 0.75rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: start;
  border-bottom: 1px solid #e5e7eb;
  cursor: pointer;
}
.auto-search-container .search-icon svg {
  color: #6b7280;
  margin-right: 0.375rem;
}
.auto-search-container .auto-search-custome-input {
  color: #1f2937;
  font-weight: 400;
  width: 100%;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border: none;
  outline: none;
  width: 100%;
  padding: 0px;
  background: linear-gradient(90deg, #9ca3af 0%, #9a54db 0.01%, #2b4fd8 26.5%, #9ca3af 53.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.auto-search-container .auto-search-input-default {
  color: #1f2937;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border: 0px;
  width: 100%;
  outline: none;
}
.auto-search-container .clear-icon {
  border: 0px;
  background: none;
  padding: 0px;
  width: 16px;
  height: 14px;
}
.auto-search-container .clear-icon i {
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}
.auto-search-container .clear-icon--disabled {
  cursor: not-allowed;
}
.auto-search-container .clear-icon--disabled i {
  cursor: not-allowed;
  opacity: 0.5;
}
.auto-search-container .auto-search-shortkey-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  transition: 0.1s ease-in-out;
  outline: none;
}
.auto-search-container .auto-search-shortkey-icon.auto-search-shortkey-icon:hover {
  padding: 2px;
  border-radius: 2px;
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 12.25%, rgba(29, 78, 216, 0.05) 93.65%);
}
.auto-search-container .auto-search-input-saved {
  border: none;
  outline: none;
  padding: 0;
  color: #1f2937;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%;
  -webkit-flex: 1 1;
  flex: 1 1;
}
.auto-search-container .auto-search-input-saved ::placeholder {
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.auto-search-character-limit-error {
  display: block;
  padding: 0.5rem 0.75rem 0.625rem;
  border-bottom: 1px solid #e5e7eb;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  color: #b91c1c;
}

.auto-search-tooltip.tooltip .tooltip-inner {
  line-height: 1rem;
  padding: 0.5rem;
  background-color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.auto-search-tooltip .auto-search-tooltip-beta {
  align-items: center;
  padding: 0rem 0.125rem 0.0625rem 0.125rem;
  border-radius: 0.125rem;
  background: #374151;
  color: #e5e7eb;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.75rem;
}

.menu-item {
  width: 100%;
  padding: 0.375rem 0.75rem;
}
.menu-item:hover {
  background-color: #eff6ff;
}

.tag-dropdown-view {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  z-index: 1000;
}

.dropdown-container {
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
  background: #fff;
  display: inline-flex;
  padding: 0.5rem 0rem;
  flex-direction: column;
  align-items: flex-start;
  height: 5rem;
  width: 10.6875rem;
  list-style: none;
  margin: 0;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.add-remove-tag-modal .modal-header {
  border: none;
  min-height: 1.5rem;
}
.add-remove-tag-modal .modal-dialog {
  max-width: 34.12rem;
}
.add-remove-tag-modal .bs-modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.add-remove-tag-modal .modal-body {
  height: 7.75rem;
  display: flex;
  flex-direction: column;
  max-height: 8rem;
  position: static !important;
}
.add-remove-tag-modal .btn-ghost-primary {
  min-width: 6.25rem;
  height: 2rem;
  border-color: #d9d9d9;
  color: #595959;
  text-transform: capitalize;
  font-weight: 500;
}
.add-remove-tag-modal .btn-solid-primary {
  min-width: 6.25rem;
  margin-left: 1rem !important;
  height: 2rem;
  background-color: #1d4ed8;
  font-weight: 500;
}
.add-remove-tag-modal .btn-solid-primary:disabled {
  background-color: #1d4ed8;
  color: #fff;
}

.modal-header-title {
  margin-top: 1.5rem;
}

.p-text-tag {
  color: #1f2937 !important;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.saved-tab-tags .selected-tags-container .bs-tag-blue-17 {
  background: #dbeafe;
}
.saved-tab-tags.remove-tag-modal .selected-tags-container .bs-tag-blue-17 {
  background: #fee2e2;
}
.saved-tab-tags .tags-autosuggest-container .tags-autosuggest-width {
  width: 100%;
  max-height: 4rem;
  overflow-y: auto;
}
.saved-tab-tags .tags-autosuggest-container .tags-autosuggest-width .tag-input-container {
  flex: 1;
  min-width: 10rem;
}
.saved-tab-tags .tags-autosuggest-container input {
  width: 100%;
}

.dropdown:hover {
  background: #eff6ff;
}

.tag-list-font {
  font-weight: 500;
  margin: 0;
}

.auto-search-input {
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 0.25rem 0.6875rem 0.25rem 0.6875rem;
  color: #595959;
  font-size: 0.875rem;
  line-height: 1.5715;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  transition: all 0.3s;
  display: inline-flex;
  width: 100%;
  height: 2rem;
}
.auto-search-input::placeholder {
  color: #bfbfbf;
}
.auto-search-input:hover {
  border-color: #346aff;
  border-right-width: 1px !important;
}
.auto-search-input:focus, .auto-search-input:focus-within {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}

.no-autocomplete {
  color: #6b7280;
  text-align: center;
  padding: 0.5rem;
  padding-top: 0.9375rem;
}

.autocomplete {
  border-top-width: 0;
  border-radius: 0.25rem;
  background-color: #fff;
  list-style: none;
  margin-top: 0;
  max-height: 17.0625rem;
  padding-left: 0;
  overflow: auto;
  width: 100%;
  z-index: 10;
  box-shadow: 2px 2px 1rem -3px rgba(4, 21, 76, 0.16);
}

.autocomplete li {
  padding: 0.5rem;
  color: #595959;
  font-size: 0.875rem;
  line-height: 1.5715;
}

.autocomplete > .active,
.autocomplete li:hover {
  background-color: #eff6ff;
  color: #1f2937;
  cursor: pointer;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.bs-filter-report__flag-wrap {
  display: inline-flex;
  align-items: center;
}
.bs-filter-report__flag {
  background: none;
  border: none;
  padding: 3px;
  cursor: pointer;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}
.bs-filter-report__flag:hover {
  color: #f5222d;
  background-color: #fff1f0;
  border-color: #f5222d;
}
.bs-filter-report__flag--reported {
  color: #f5222d;
  background-color: #fff1f0;
}
.bs-filter-report__flag--reported:hover {
  background-color: #fff1f0;
  color: #f5222d;
}
.bs-filter-report__popover.bs-popover-inner {
  padding: 0;
  width: 402px;
  max-width: 402px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.bs-filter-report__popover.bs-popover-inner .arrow,
.bs-filter-report__popover.bs-popover-inner .popover-arrow {
  display: none;
}
.bs-filter-report__popover.bs-popover-inner .arrow::before, .bs-filter-report__popover.bs-popover-inner .arrow::after,
.bs-filter-report__popover.bs-popover-inner .popover-arrow::before,
.bs-filter-report__popover.bs-popover-inner .popover-arrow::after {
  display: none;
}
.bs-filter-report__popover.bs-popover-inner .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.bs-filter-report__popup {
  width: 402px;
  max-width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bs-filter-report__header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bs-filter-report__header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  color: #f5222d;
  background-color: #fff1f0;
  border-radius: 0.5rem;
}
.bs-filter-report__title {
  flex: 1;
  min-width: 0;
}
.bs-filter-report__close {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}
.bs-filter-report__close:hover {
  background-color: #f3f4f6;
}
.bs-filter-report__close:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bs-filter-report__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bs-filter-report__chip {
  border: 1px solid #d9d9d9;
  background-color: #f3f4f6;
  color: #6b7280;
  border-radius: 20px;
  padding: 4px 12px;
  cursor: pointer;
}
.bs-filter-report__chip:hover {
  background-color: #f9fafb;
  border-color: #bfbfbf;
}
.bs-filter-report__chip--selected {
  background-color: #e6f7ff;
  border-color: #0137fc;
  color: #0137fc;
}
.bs-filter-report__chip--selected:hover {
  background-color: #e6f7ff;
  border-color: #0137fc;
}
.bs-filter-report__chip:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.bs-filter-report__note-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bs-filter-report__note {
  width: 100%;
  height: 96px;
  resize: none;
  overflow-y: auto;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 8px 12px;
  color: #6b7280;
  outline: none;
  line-height: 1.5;
}
.bs-filter-report__note::placeholder {
  color: #9ca3af;
}
.bs-filter-report__note:focus {
  border-color: #0137fc;
}
.bs-filter-report__note:disabled {
  background-color: #f3f4f6;
  cursor: not-allowed;
}
.bs-filter-report__note--error, .bs-filter-report__note--error:focus {
  border-color: #f5222d;
}
.bs-filter-report__note-count {
  align-self: flex-end;
  color: #9ca3af;
}
.bs-filter-report__note-count--max {
  color: #f5222d;
}
.bs-filter-report__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.whats-new-modal .modal-content {
  border-radius: 0.5rem !important;
  overflow: hidden;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.whats-new-modal .modal-dialog {
  max-width: 50rem;
}
.whats-new-modal__header {
  background: linear-gradient(135deg, #0137fc 0%, #346aff 100%);
  padding: 1rem 1.5rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.whats-new-modal__header-content {
  flex: 1;
  min-width: 0;
}
.whats-new-modal__title {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.25rem;
  color: #fff;
}
.whats-new-modal__subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.9);
}
.whats-new-modal__stats-row {
  display: flex;
  gap: 1rem;
  flex-shrink: 0;
}
.whats-new-modal__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.375rem 0.75rem;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0.25rem;
}
.whats-new-modal__stat-value {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}
.whats-new-modal__stat-label {
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.whats-new-modal__body {
  padding: 1rem 1.5rem;
}
.whats-new-modal__features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.whats-new-modal__feature {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e8e8e8;
}
.whats-new-modal__feature:nth-child(odd) {
  padding-right: 1.25rem;
  border-right: 1px solid #e8e8e8;
}
.whats-new-modal__feature:nth-child(even) {
  padding-left: 1.25rem;
}
.whats-new-modal__feature:nth-last-child(-n+2) {
  border-bottom: none;
}
.whats-new-modal__feature-check {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: #10b981;
  margin-top: 0.125rem;
}
.whats-new-modal__feature-content {
  flex: 1;
  min-width: 0;
}
.whats-new-modal__feature-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.whats-new-modal__feature-soon {
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1rem;
  padding: 0.125rem 0.375rem;
  background: #fffbe6;
  color: #faad14;
  border-radius: 0.125rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.whats-new-modal__feature-desc {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  color: #8c8c8c;
  margin-top: 0.125rem;
  margin-bottom: 0;
}
.whats-new-modal__provider-logos {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.375rem;
}
.whats-new-modal__provider-logo {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.1875rem;
  object-fit: contain;
  opacity: 0.85;
  transition: opacity 0.2s;
}
.whats-new-modal__provider-logo:hover {
  opacity: 1;
}
.whats-new-modal__note {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 0.875rem;
  padding: 0.625rem 0.875rem;
  background: #ede9fe;
  border-radius: 0.25rem;
}
.whats-new-modal__note svg {
  color: #7c3aed;
  flex-shrink: 0;
}
.whats-new-modal__note-text {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.whats-new-modal__note-link {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1d4ed8;
  text-decoration: none;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.whats-new-modal__note-link:hover {
  text-decoration: underline;
}
.whats-new-modal__note-link:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.whats-new-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0.875rem 1.5rem;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
}
.whats-new-modal__credits {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: #8c8c8c;
}
.whats-new-modal__credits strong {
  font-weight: 600;
  color: #262626;
}
.whats-new-modal__credits-separator {
  color: #d9d9d9;
  font-size: 0.375rem;
}
.whats-new-modal__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  white-space: nowrap;
}
.whats-new-modal__cta svg {
  width: 1.125rem;
  height: 1.125rem;
}
@media (max-width: 640px) {
  .whats-new-modal__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .whats-new-modal__stats-row {
    width: 100%;
    justify-content: space-between;
  }
  .whats-new-modal__features {
    grid-template-columns: 1fr;
  }
  .whats-new-modal__feature:nth-child(odd) {
    padding-right: 0;
    border-right: none;
  }
  .whats-new-modal__feature:nth-child(even) {
    padding-left: 0;
  }
  .whats-new-modal__feature:nth-last-child(-n+2) {
    border-bottom: 1px solid #e8e8e8;
  }
  .whats-new-modal__feature:last-child {
    border-bottom: none;
  }
  .whats-new-modal__footer {
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
  }
  .whats-new-modal__cta {
    width: 100%;
    justify-content: center;
  }
}

.remove-from-list-modal .modal-header {
  border: none;
  min-height: 1.5rem;
}
.remove-from-list-modal .modal-dialog {
  max-width: 34.12rem;
}
.remove-from-list-modal .bs-modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.remove-from-list-modal .modal-body {
  height: 7.75rem;
  display: flex;
  flex-direction: column;
  max-height: 8rem;
  position: static !important;
}

.remove-from-list-modal__input .tags-autosuggest-container {
  margin-top: 0 !important;
}
.remove-from-list-modal__input .tags-autosuggest-container .fixed-height-input-container {
  padding: 8px 16px;
}

.remove-from-list-modal .modal-title .modal-header-title {
  align-items: center;
}
.remove-from-list-modal .modal-header {
  border: none;
  min-height: 1.5rem;
}
.remove-from-list-modal .modal-dialog {
  max-width: 34.12rem;
}
.remove-from-list-modal .bs-modal-body {
  padding-top: 1.5rem !important;
  padding-bottom: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.remove-from-list-modal .modal-body {
  height: 7.75rem;
  display: flex;
  flex-direction: column;
  max-height: 8rem;
  position: static !important;
  overflow: visible !important;
}
.remove-from-list-modal .modal-body .no-list-message {
  margin-top: 0.25rem;
  color: #b91c1c;
  font-size: 12px;
}
.remove-from-list-modal .btn-ghost-primary {
  min-width: 6.25rem;
  height: 2rem;
  border-color: #d9d9d9;
  color: #595959;
  text-transform: capitalize;
  font-weight: 500;
}
.remove-from-list-modal .btn-solid-primary {
  min-width: 6.25rem;
  margin-left: 1rem !important;
  height: 2rem;
  width: 6.25rem;
  background-color: #1d4ed8;
  font-weight: 500;
}
.remove-from-list-modal .btn-solid-primary:disabled {
  background-color: #1d4ed8;
  color: #fff;
  opacity: 0.5;
  cursor: not-allowed;
}

.modal-header-title {
  margin-top: 1.5rem;
}

.remove-from-list-modal .remove-from-list-modal__input {
  overflow: visible !important;
}
.remove-from-list-modal .remove-from-list-modal__input .selected-tags-container .bs-tag-blue-17 {
  background: #fee2e2;
  color: #1f2937;
}

.profile-modal {
  position: fixed;
  z-index: 1050;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.profile-modal--enter {
  animation: profile-modal-enter 160ms ease-out forwards;
}
.profile-modal__header {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 20px 16px 12px 16px;
  flex-shrink: 0;
}
.profile-modal__header-avatar {
  flex-shrink: 0;
}
.profile-modal__avatar-img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.profile-modal__avatar-img--rounded-full {
  border-radius: 50%;
}
.profile-modal__avatar-img--rounded-lg {
  border-radius: 0.5rem;
}
.profile-modal__avatar {
  width: 48px !important;
  height: 48px !important;
}
.profile-modal__avatar--rounded-lg {
  border-radius: 0.5rem !important;
}
.profile-modal__header-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.profile-modal__header-info--no-gap {
  gap: 0;
}
.profile-modal__header-divider {
  width: 1px;
  height: 20px;
  background-color: #e5e7eb;
}
.profile-modal__header-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  row-gap: 6px;
  height: 24px;
}
.profile-modal__title {
  font-size: 16px;
  font-weight: 600;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1f2937;
}
.profile-modal__title--clickable {
  text-decoration: none;
  color: #1f2937;
  cursor: pointer;
}
.profile-modal__title--clickable:hover {
  text-decoration: underline;
  color: #1d4ed8;
}
.profile-modal__subtitle {
  font-size: 12px;
  line-height: 1.4;
  color: #6b7280;
}
.profile-modal__header-location {
  font-size: 12px;
  line-height: 1.4;
}
.profile-modal__socials {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  width: fit-content;
  max-width: 100%;
}
.profile-modal__socials .v2-company-count-pill {
  flex-shrink: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 1px 6px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
.profile-modal__socials .v2-company-count-pill:hover {
  text-decoration: none;
  border: 1px solid #1d4ed8;
  background: #eff6ff;
  color: #1d4ed8;
}
.profile-modal__socials-count-pill {
  flex-shrink: 0;
  cursor: pointer;
  color: #0137fc;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 9999px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
}
.profile-modal__socials-count-pill:hover, .profile-modal__socials-count-pill.active {
  background: #dbeafe;
  border-color: #bfdbfe;
  color: #0137fc;
}
.profile-modal__socials-more-popover.bs-popover-inner {
  padding: 0;
  width: 12.5rem;
  max-height: 200px;
  overflow-y: auto;
}
.profile-modal__socials-more-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.profile-modal__socials-popover {
  display: flex;
  flex-direction: column;
  padding: 6px 0;
  gap: 2px;
}
.profile-modal__socials-popover-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  text-decoration: none;
  color: #6b7280;
}
.profile-modal__socials-popover-item:hover {
  background-color: #dbeafe;
  text-decoration: none;
  color: #6b7280;
}
.profile-modal__socials-popover-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
.profile-modal__socials-popover-name {
  flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-modal__socials-popover-external {
  flex-shrink: 0;
  color: #9ca3af;
}
.profile-modal__feedback-btns {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.profile-modal__feedback-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 0.25rem;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  cursor: pointer;
  color: #9ca3af;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
  padding: 0;
}
.profile-modal__feedback-btn--like:hover, .profile-modal__feedback-btn--like-active {
  background-color: #dafad7;
  border-color: #52c41a;
  color: #52c41a;
}
.profile-modal__feedback-btn--dislike:hover, .profile-modal__feedback-btn--dislike-active {
  background-color: #fef2f2;
  border-color: #f5222d;
  color: #f5222d;
}
.profile-modal__feedback-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.profile-modal__dislike-popover.bs-popover-inner {
  padding: 0;
  width: 320px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  transition: opacity 200ms ease;
}
.profile-modal__dislike-popover.bs-popover-inner .popover-arrow {
  display: none;
}
.profile-modal__dislike-popover.bs-popover-inner .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.profile-modal__dislike-popover--closing.bs-popover-inner {
  opacity: 0;
  pointer-events: none;
}
.profile-modal__dislike-popup {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.profile-modal__dislike-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-modal__dislike-popup-close {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}
.profile-modal__dislike-popup-close:hover {
  background-color: #f3f4f6;
}
.profile-modal__dislike-popup-desc {
  margin: 0;
}
.profile-modal__dislike-popup-textarea {
  width: 100%;
  border: none;
  border-left: 3px solid #0137fc;
  border-radius: 0;
  padding: 8px 10px;
  background-color: #f3f4f6;
  color: #6b7280;
  resize: none;
  outline: none;
  line-height: 1.5;
}
.profile-modal__dislike-popup-textarea::placeholder {
  color: #9ca3af;
}
.profile-modal__dislike-popup-textarea:focus {
  border-left-color: #0137fc;
  box-shadow: none;
}
.profile-modal__dislike-popup-textarea--error {
  border-left-color: #f5222d;
}
.profile-modal__dislike-popup-error {
  color: #f5222d;
  margin-top: 4px;
  display: block;
}
.profile-modal__dislike-popup-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.profile-modal__dislike-popup-cancel {
  background: none;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  padding: 6px 12px;
  cursor: pointer;
  color: #6b7280;
  transition: background-color 0.15s;
}
.profile-modal__dislike-popup-cancel:hover {
  background-color: #f3f4f6;
}
.profile-modal__dislike-popup-submit {
  background-color: #0137fc;
  border: none;
  border-radius: 0.25rem;
  padding: 6px 12px;
  cursor: pointer;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  transition: background-color 0.15s;
}
.profile-modal__dislike-popup-submit:hover {
  background-color: #000096;
}
.profile-modal__social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 0.25rem;
  border: none;
  color: #595959;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s;
}
.profile-modal__social-btn svg {
  width: 24px;
  height: 24px;
}
.profile-modal__social-btn--sm {
  width: 20px;
  height: 20px;
}
.profile-modal__social-btn--sm svg {
  width: 20px;
  height: 20px;
}
.profile-modal__social-btn:hover {
  color: #6b7280;
  border-color: transparent;
}
.profile-modal__close-btn {
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  font-size: 20px;
  line-height: 1;
  padding: 0 2px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.profile-modal__close-btn--company {
  margin-top: 3px;
}
.profile-modal__close-btn:hover {
  background: #f3f4f6;
}
.profile-modal__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #4b5563;
}
.profile-modal__badge--green {
  background-color: #ecfdf5;
  color: #0d852b;
}
.profile-modal__badge--blue {
  background-color: #dbeafe;
  color: #0137fc;
}
.profile-modal__badge--gold {
  background-color: #fffbe6;
  color: #faad14;
}
.profile-modal__badge--gray {
  background-color: #f3f4f6;
  color: #595959;
}
.profile-modal__badge--overflow {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 1.25rem;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 0.5rem;
  color: #1f2937;
}
.profile-modal__badge--overflow:hover {
  border-color: #bfdbfe;
  background-color: #eff6ff;
  color: #1f2937;
}
.profile-modal__body {
  flex: 1;
  overflow-y: scroll;
  background: #fff;
  padding: 0 16px 16px;
  border-top: 1px solid #e5e7eb;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.profile-modal__body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.profile-modal__body:hover {
  scrollbar-color: #e5e7eb transparent;
}
.profile-modal__body::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 8px;
}
.profile-modal__body::-webkit-scrollbar-track {
  background: transparent;
}
.profile-modal__body:hover::-webkit-scrollbar-thumb {
  background-color: #e5e7eb;
}
.profile-modal__body:hover::-webkit-scrollbar-thumb:hover {
  background-color: #e5e7eb;
}
.profile-modal__body::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
.profile-modal__body::-webkit-scrollbar-corner {
  background: transparent;
}
.profile-modal__description {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 0 16px 0px 16px;
}
.profile-modal__description-text {
  margin: 0;
  line-height: 1.5;
  color: #4b5563;
}
.profile-modal__see-more {
  display: block;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #1d4ed8;
  font-size: 14px;
  width: fit-content;
}
.profile-modal__see-more:hover {
  text-decoration: underline;
}
.profile-modal__see-more--inline {
  display: inline;
  margin-left: 4px;
}
.profile-modal__info-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 16px 16px 16px;
}
.profile-modal__info-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #4b5563;
  line-height: 1;
}
.profile-modal__sections {
  padding: 0;
}
.profile-modal__section {
  padding-top: 0;
}
.profile-modal__section-title {
  padding: 0 0 6px 0;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9ca3af;
}
.profile-modal__section-fields {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
}
.profile-modal__field {
  display: flex;
  align-items: flex-start;
  padding: 7px 12px;
  border-bottom: 1px solid #f3f4f6;
}
.profile-modal__field:last-child {
  border-bottom: none;
}
.profile-modal__field-label {
  font-size: 13px;
  color: #6b7280;
  min-width: 200px;
  flex-shrink: 0;
  line-height: 20px;
}
.profile-modal__field-content {
  font-size: 14px;
  color: #6b7280;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}
.profile-modal__field-content .revealing-text {
  color: #9ca3af;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  cursor: default;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  background: none;
  border: none;
}
.profile-modal__field-value {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.profile-modal__field-empty {
  color: #595959;
}
.profile-modal__field-loading {
  font-size: 14px;
  font-weight: 500;
  color: #9ca3af;
  font-style: italic;
}
.profile-modal__field-link {
  color: #1f2937;
  text-decoration: none;
}
.profile-modal__field-link:hover {
  text-decoration: underline;
  color: #1d4ed8;
}
.profile-modal__enrich-cta {
  color: #9ca3af;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  cursor: default;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.profile-modal__badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.profile-modal__badge-list--measure {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.profile-modal__overflow-popover {
  position: fixed;
  z-index: 9999;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  padding: 0;
  min-width: 180px;
  max-height: 10rem;
  overflow-y: auto;
}
.profile-modal__overflow-dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  font-size: 13px;
  color: #1f2937;
  white-space: nowrap;
}
.profile-modal__overflow-dropdown-item:hover {
  background: #eff6ff;
}
.profile-modal__overflow-dropdown-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-modal__overflow-dropdown-value {
  flex-shrink: 0;
  margin-left: 12px;
}
.profile-modal__pill-overflow-container {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.profile-modal__pill-overflow {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  margin-left: 6px;
}
.profile-modal__pill-overflow:hover {
  background: #e5e7eb;
}
.profile-modal__icon-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.profile-modal__icon-text-icon {
  flex-shrink: 0;
  color: #6b7280;
}
.profile-modal__copy-btn {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  color: #595959;
  border-radius: 0.25rem;
}
.profile-modal__copy-btn:hover {
  color: #0137fc;
  background: #f3f4f6;
}
.profile-modal__copy-feedback {
  font-size: 11px;
  color: #52c41a;
}
.profile-modal__score-pill-container {
  display: inline-flex;
  align-items: center;
}
.profile-modal__score-value {
  font-weight: 600;
  color: #111827;
}
.profile-modal__score-breakdown {
  flex-direction: column;
  gap: 6px;
  min-width: 180px;
  max-width: 260px;
}
.profile-modal__score-breakdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.profile-modal__score-breakdown-label {
  flex: 1;
  color: #6b7280;
}
.profile-modal__score-breakdown-value {
  font-weight: 600;
  color: #111827;
  flex-shrink: 0;
}
.profile-modal__header-description {
  margin-top: 6px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
}
.profile-modal__header-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 16px 20px;
}
.profile-modal__header-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.profile-modal__header-chip--success {
  background-color: #ecfdf5;
  color: #0d852b;
  border: 1px solid #0d852b;
}
.profile-modal__header-chip--neutral {
  background-color: #f3f4f6;
  color: #4b5563;
  border: 1px solid #e5e7eb;
}
.profile-modal__contact-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.profile-modal__contact-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #6b7280;
}
.profile-modal__contact-row a {
  color: #0137fc;
  text-decoration: none;
}
.profile-modal__contact-row a:hover {
  text-decoration: underline;
}
.profile-modal__social-icon-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile-modal__multiline {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.profile-modal__skeleton {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.profile-modal__skeleton-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 16px;
  overflow-y: auto;
  flex: 1;
}
.profile-modal__skeleton-fields {
  border-radius: 0.25rem;
  border: 0.0625rem solid #e5e7eb;
}
.profile-modal__skeleton-fields .profile-modal__skeleton-section:first-child .profile-modal__skeleton-field-row {
  margin-top: 0.5rem;
}
.profile-modal__skeleton-fields .profile-modal__skeleton-section:last-child .profile-modal__skeleton-field-row {
  margin-bottom: 0.5rem;
}
.profile-modal__skeleton-description {
  display: flex;
  flex-direction: column;
}
.profile-modal__skeleton-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.profile-modal__skeleton-field-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 16px;
}
.profile-modal__empty-state {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.profile-modal__empty-state-close {
  position: absolute;
  top: 20px;
  right: 12px;
}
.profile-modal__empty-state-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 24px;
  gap: 12px;
  text-align: center;
}
.profile-modal__empty-state-body .website-btn {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  border-radius: 4px;
  background: #1d4ed8;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.profile-modal__empty-state-body .website-btn:hover {
  background-color: #1e40af;
}
.profile-modal__empty-state-text {
  text-align: center;
  max-width: 280px;
}
.profile-modal__resize-handle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: se-resize;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-modal__resize-handle--top-right {
  top: 0;
  bottom: auto;
  cursor: ne-resize;
}
.profile-modal__resize-handle--bottom-left {
  bottom: 0;
  right: auto;
  left: 0;
  cursor: sw-resize;
}
.profile-modal__resize-handle--top-left {
  top: 0;
  bottom: auto;
  right: auto;
  left: 0;
  cursor: nw-resize;
}
.profile-modal__resize-handle--middle-right {
  top: 40px;
  bottom: 40px;
  height: auto;
  width: 8px;
  cursor: ew-resize;
}
.profile-modal__resize-handle--middle-left {
  top: 40px;
  bottom: 40px;
  right: auto;
  left: 0;
  height: auto;
  width: 8px;
  cursor: ew-resize;
}

.tanstack-table--tr.profile-modal-row--active {
  background-color: #f3f4f6;
}
.tanstack-table--tr.profile-modal-row--active .column-cell-content {
  background-color: #f3f4f6 !important;
}
.tanstack-table--tr.profile-modal-row--active:hover .column-cell-content {
  background-color: #f3f4f6 !important;
}

@keyframes profile-modal-enter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.title-underline:hover {
  text-decoration: underline;
  color: #1d4ed8;
}

.ai-chat-panel {
  position: fixed;
  top: calc(6.015rem + var(--lf-ext-banner-offset, 0rem));
  right: 0;
  width: 480px;
  height: calc(100vh - 5.625rem - var(--lf-ext-banner-offset, 0rem));
  background: #fff;
  border-left: 1px solid #e5e7eb;
  border-top: 3px solid #1d4ed8;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s ease;
}
.ai-chat-panel--open {
  transform: translateX(0);
}
.ai-chat-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
  height: 46px;
  background: #fff;
}
.ai-chat-panel__header-title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ai-chat-panel__header-title img {
  object-fit: contain;
}
.ai-chat-panel__beta-badge {
  padding: 1px 6px;
  border-radius: 0.25rem;
  background: #eff6ff;
  color: #3b82f6;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
}
.ai-chat-panel__header-actions {
  display: flex;
  align-items: center;
  gap: 2px;
}
.ai-chat-panel__icon-btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #595959;
  font-size: 14px;
}
.ai-chat-panel__icon-btn:hover {
  background: #f3f4f6;
  color: #262626;
}
.ai-chat-panel__icon-btn--active {
  color: #0137fc;
  background: #e6f7ff;
}
.ai-chat-panel__messages {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ai-chat-panel__empty {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  text-align: center;
}
.ai-chat-panel__welcome {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 8px;
}
.ai-chat-panel__welcome-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  margin-bottom: 24px;
}
.ai-chat-panel__welcome-header p {
  max-width: 300px;
  margin: 0;
}
.ai-chat-panel__prompt-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-chat-panel__prompt-cards > .regular-1 {
  margin-bottom: 2px;
}
.ai-chat-panel__prompt-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  border: 1px solid #ddd6fe;
  border-radius: 0.5rem;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.ai-chat-panel__prompt-card:hover {
  background: linear-gradient(113.67deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 12.25%, rgba(29, 78, 216, 0.05) 93.65%);
  border-color: #0137fc;
}
.ai-chat-panel__prompt-card-icon {
  color: #8b5cf6;
  flex-shrink: 0;
}
.ai-chat-panel__prompt-card-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ai-chat-panel__loading-dots {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ai-chat-panel__loading-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9ca3af;
  animation: ai-chat-loading-dot 1.2s ease-in-out infinite;
}
.ai-chat-panel__loading-dots span:nth-child(2) {
  animation-delay: 0.15s;
}
.ai-chat-panel__loading-dots span:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes ai-chat-loading-dot {
  0%, 60%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
}
.ai-chat-message {
  display: flex;
  flex-direction: column;
  max-width: 88%;
}
.ai-chat-message--user {
  align-self: flex-end;
}
.ai-chat-message--user .ai-chat-message__bubble {
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.ai-chat-message--assistant {
  align-self: flex-start;
}
.ai-chat-message--assistant .ai-chat-message__bubble {
  background: transparent;
  border: none;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.ai-chat-message__bubble {
  padding: 10px 12px;
}
.ai-chat-message__bubble .regular-2 {
  word-break: break-word;
  display: block;
}
.ai-chat-message--user .ai-chat-message__bubble .regular-2 {
  white-space: pre-wrap;
}
.ai-chat-message__footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
  padding: 0 2px;
}
.ai-chat-message__steps {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 0;
}
.ai-chat-message__step {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
}
.ai-chat-message__step .regular-1 {
  color: #595959;
  white-space: nowrap;
}
.ai-chat-message__step--done .ai-chat-message__step-indicator {
  background: #f6ffed;
  color: #52c41a;
  border-color: #52c41a;
}
.ai-chat-message__step--done .regular-1 {
  color: #262626;
}
.ai-chat-message__step--running .ai-chat-message__step-indicator {
  background: #e6f7ff;
  border-color: #0137fc;
}
.ai-chat-message__step--running .regular-1 {
  color: #0137fc;
}
.ai-chat-message__step-indicator {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ai-chat-message__step-indicator i {
  font-size: 8px;
}
.ai-chat-message__step-spinner {
  display: block;
  width: 8px;
  height: 8px;
  border: 1.5px solid #0137fc;
  border-top-color: transparent;
  border-radius: 50%;
  animation: ai-chat-spin 0.8s linear infinite;
}
.ai-chat-message__step-connector {
  width: 12px;
  height: 1px;
  background: #e5e7eb;
  margin: 0 4px;
  flex-shrink: 0;
}
.ai-chat-message__apply-btn {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #262626;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  cursor: pointer;
}
.ai-chat-message__apply-btn:hover {
  background: #f3f4f6;
}
.ai-chat-message__apply-btn--applied {
  color: #fff;
  background: #0137fc;
  border-color: #0137fc;
}
.ai-chat-message__apply-btn--applied:hover {
  background: #0137fc;
  opacity: 0.92;
}
.ai-chat-message__cursor {
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #262626;
  margin-left: 2px;
  vertical-align: middle;
  animation: ai-chat-blink 0.8s step-end infinite;
}
.ai-chat-message__thinking-block {
  margin-bottom: 8px;
  border-left: 2px solid #e5e7eb;
  padding-left: 10px;
}
.ai-chat-message__thinking-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  padding: 2px 0;
  cursor: pointer;
  color: #9ca3af;
}
.ai-chat-message__thinking-toggle:hover {
  color: #262626;
}
.ai-chat-message__thinking-body {
  margin-top: 6px;
  font-style: italic;
  white-space: pre-wrap;
  color: #9ca3af;
}
.ai-chat-message__thinking-body p,
.ai-chat-message__thinking-body h1,
.ai-chat-message__thinking-body h2,
.ai-chat-message__thinking-body h3,
.ai-chat-message__thinking-body h4,
.ai-chat-message__thinking-body h5,
.ai-chat-message__thinking-body h6,
.ai-chat-message__thinking-body li,
.ai-chat-message__thinking-body strong,
.ai-chat-message__thinking-body em,
.ai-chat-message__thinking-body code,
.ai-chat-message__thinking-body blockquote {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 400;
}
.ai-chat-message__thinking-body p {
  margin-bottom: 4px;
}
.ai-chat-message__thinking-word {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #595959;
  font-style: italic;
}
.ai-chat-message__image-wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 6px 0;
  border-radius: 0.5rem;
  overflow: hidden;
  line-height: 0;
}
.ai-chat-message__image-wrap:hover .ai-chat-message__image-expand-btn {
  opacity: 1;
}
.ai-chat-message__image {
  display: block;
  max-width: 100%;
  max-height: 240px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  cursor: zoom-in;
  background: #f9fafb;
}
.ai-chat-message__image-expand-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  opacity: 0.85;
  transition: opacity 0.15s ease, background 0.15s ease;
}
.ai-chat-message__image-expand-btn:hover {
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
}
.ai-chat-message__image-expand-btn svg {
  color: #fff;
}
.ai-chat-message__image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1080;
  background: rgba(0, 0, 0, 0.82);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  cursor: zoom-out;
  animation: ai-chat-lightbox-fade 0.15s ease-out;
}
.ai-chat-message__image-lightbox-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 0.5rem;
  cursor: default;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
.ai-chat-message__image-lightbox-close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.15s ease;
}
.ai-chat-message__image-lightbox-close:hover {
  background: rgba(255, 255, 255, 0.22);
}
.ai-chat-message__image-lightbox-close svg {
  color: #fff;
}
.ai-chat-message__thinking-orb {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0137fc, #722ed1);
  background-size: 200% 200%;
  animation: ai-chat-orb-gradient 2s ease infinite, ai-chat-orb-pulse 1.5s ease-in-out infinite;
  flex-shrink: 0;
}
.ai-chat-message__typing-indicator {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 0;
}
.ai-chat-message__typing-indicator span {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #595959;
  animation: ai-chat-bounce 1.2s ease-in-out infinite;
}
.ai-chat-message__typing-indicator span:nth-child(2) {
  animation-delay: 0.2s;
}
.ai-chat-message__typing-indicator span:nth-child(3) {
  animation-delay: 0.4s;
}

.ai-chat-input {
  padding: 16px 24px 32px;
  border-top: none;
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.ai-chat-input__textarea {
  flex: 1;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 17px 14px;
  resize: none;
  font-size: 0.875rem;
  line-height: 22px;
  outline: none;
  font-family: inherit;
  color: #262626;
  min-height: 56px;
  max-height: 120px;
}
.ai-chat-input__textarea:focus {
  border-color: #0137fc;
}
.ai-chat-input__textarea:disabled {
  background: #f3f4f6;
  cursor: not-allowed;
}
.ai-chat-input__send-btn {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin-bottom: 5px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: #0137fc;
  color: #fff;
}
.ai-chat-input__send-btn:disabled {
  background: #e5e7eb;
  cursor: not-allowed;
}
.ai-chat-input__send-btn:not(:disabled):hover {
  opacity: 0.88;
}

.ai-chat-history {
  flex: 1;
  overflow-y: auto;
  padding: 4px 0;
}
.ai-chat-history--loading, .ai-chat-history--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  text-align: center;
}
.ai-chat-history__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 24px;
  cursor: pointer;
  gap: 8px;
}
.ai-chat-history__item:hover {
  background: #f3f4f6;
}
.ai-chat-history__item:hover .ai-chat-history__actions {
  opacity: 1;
}
.ai-chat-history__item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ai-chat-history__title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-chat-history__time {
  display: block;
}
.ai-chat-history__actions {
  display: flex;
  align-items: center;
  gap: 2px;
  opacity: 0;
  flex-shrink: 0;
  transition: opacity 0.15s ease;
}
.ai-chat-history__action-btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #595959;
  font-size: 13px;
}
.ai-chat-history__action-btn:hover {
  background: #e5e7eb;
}
.ai-chat-history__action-btn--danger:hover {
  color: #f5222d;
  background: #fff1f0;
}
.ai-chat-history__edit-input {
  width: 100%;
  border: 1px solid #0137fc;
  border-radius: 0.25rem;
  padding: 2px 6px;
  font-size: 13px;
  color: #262626;
  outline: none;
}
.ai-chat-history__load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  text-align: center;
}

@keyframes ai-chat-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes ai-chat-bounce {
  0%, 80%, 100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ai-chat-orb-pulse {
  0%, 100% {
    transform: scale(0.85);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.15);
    opacity: 1;
  }
}
@keyframes ai-chat-orb-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes ai-chat-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ai-chat-lightbox-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ai-search-bar-container .search-bar-suggestion-container {
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-header-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-header-text span:first-of-type {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: center;
  background: var(--AI-Gradient, linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-header-text span:last-of-type {
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  background: #eff6ff;
  color: #3b82f6;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  outline: none;
  transition: border 0.3s ease-in-out;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner span {
  padding: 0.375rem;
  height: 1.75rem;
  width: 1.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner:hover {
  border: 1px solid #1d4ed8;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1f2937;
  width: 100%;
  border: none;
  padding: 0px;
  background-color: transparent;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input::placeholder {
  color: #9ca3af;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input:focus {
  border: none;
  outline: none;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .animation-placeholder {
  position: absolute;
  top: 0.75rem;
  left: 50px;
  width: calc(100% - 40px);
  height: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #9ca3af;
  z-index: -1;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .animation-placeholder.previous {
  animation: slide-out 0.1s ease-in;
  animation-fill-mode: both;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .animation-placeholder.current {
  animation: slide-in 0.1s ease-in 0.1s;
  animation-fill-mode: both;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-shortcut-key {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-shortcut-key .shortcut-key {
  padding: 0.25rem 0.5rem;
  border: 1px solid #1d4ed8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.9616rem;
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 500;
  line-height: 1rem;
  white-space: nowrap;
}
.ai-search-bar-container .search-bar-suggestion-container .ai-search-bar-history-btn {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 0.375rem;
  padding: 0.375rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  background: #fff;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  cursor: pointer;
  transition: border 0.3s ease-in-out, opacity 0.25s ease;
}
.ai-search-bar-container .search-bar-suggestion-container .ai-search-bar-history-btn i {
  font-size: 0.875rem;
}
.ai-search-bar-container .search-bar-suggestion-container .ai-search-bar-history-btn:hover {
  border: 1px solid #1d4ed8;
}
.ai-search-bar-container .search-bar-suggestion-container .ai-search-bar-history-btn--hidden {
  visibility: hidden;
  pointer-events: none;
}
.ai-search-bar-container .search-bar-suggestion-container .ai-suggestion-header {
  padding-top: 0.25rem;
  color: #6b7280;
  font-family: Inter;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.ai-search-bar-container .search-bar-suggestion-container .ai-suggestion-header.hidden {
  visibility: hidden;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion.hidden {
  visibility: hidden;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion .ai-suggestion-first {
  transition: 0.2s ease-in-out;
  padding: 0.5rem;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 0.2s ease-in-out;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion .ai-suggestion-first span {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #4b5563;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion .ai-suggestion-first.ai-suggestion-first:hover {
  background-color: #f3f4f6;
}

.v2-leads-navigation {
  --payment-banner-offset: 0rem;
  --demo-banner-offset: 0rem;
  --email-verify-banner-offset: 0rem;
  height: calc(100vh - 5.625rem - var(--lf-ext-banner-offset, 0rem) - var(--payment-banner-offset) - var(--demo-banner-offset) - var(--email-verify-banner-offset));
  min-height: calc(100vh - 5.625rem - var(--lf-ext-banner-offset, 0rem) - var(--payment-banner-offset) - var(--demo-banner-offset) - var(--email-verify-banner-offset));
}
.v2-leads-navigation--with-payment-banner {
  --payment-banner-offset: 2rem;
}
.v2-leads-navigation--with-demo-banner {
  --demo-banner-offset: 2.25rem;
}
.v2-leads-navigation--with-email-verify-banner {
  --email-verify-banner-offset: 2.25rem;
}
.v2-leads-navigation {
  padding: 0.0625rem 0;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  z-index: 5;
  border-right: 1px solid #e5e7eb;
  width: 16.25rem;
  max-width: 16.25rem;
  position: relative;
}
.v2-leads-navigation.v2-leadsSideNav {
  transition: all 0.2s ease-in-out;
}
.v2-leads-navigation.v2-leadsSideNav.v2-sidenav--collapse {
  width: 1.25rem;
  max-width: 1.25rem;
}
.v2-leads-navigation.v2-leadsSideNav.v2-sidenav--collapse .v2-expand-btn {
  left: 0.5rem;
}
.v2-leads-navigation.v2-leadsSideNav .v2-expand-btn {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9ca3af;
  border-radius: 50%;
  background-color: #f3f4f6;
  cursor: pointer;
  position: absolute;
  top: 1.375rem;
  left: 15.5rem;
  z-index: 5;
}
.v2-leads-navigation.v2-leadsSideNav .v2-expand-btn:hover {
  background-color: #e5e7eb;
}

.v2-lead-sidebar-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
}

.v2-lead-filter-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 0.5rem;
  min-height: 0;
  height: 100%;
}

.v2-lead-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 1.5rem;
  border-bottom: 0.5px solid #e5e7eb;
  background-color: #ffffff;
  gap: 1rem;
}
.v2-lead-header__tabs.bs-tabs-top {
  flex: 1;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav {
  margin-bottom: 0;
  height: auto;
  color: #6b7280;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav::before {
  border-bottom: none;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap {
  padding-left: 0;
  padding-right: 0;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab {
  margin-right: 1.5rem;
  font-size: 0.9375rem;
  font-weight: 500;
  padding: 0.625rem 0;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn {
  display: flex;
  align-items: center;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:hover .v2-lead-header__tab-with-badge svg {
  color: #1d4ed8;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab:hover .v2-lead-header__tab-with-badge svg path {
  fill: #1d4ed8;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .v2-lead-header__tab-with-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .v2-lead-header__tab-with-badge svg {
  color: #6b7280;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .v2-lead-header__tab-with-badge svg path {
  fill: #6b7280;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab .v2-lead-header__companies-new-badge {
  position: static;
  top: auto;
  left: auto;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active {
  color: #1d4ed8;
  font-weight: 600;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active .v2-lead-header__tab-with-badge svg {
  color: #1d4ed8;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active .v2-lead-header__tab-with-badge svg path {
  fill: #1d4ed8;
}
.v2-lead-header__tabs.bs-tabs-top .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-ink-bar-animated {
  height: 0.125rem;
  border-radius: 0.125rem 0.125rem 0 0;
  background-color: #1d4ed8;
}
.v2-lead-header__tabs.bs-tabs-top.no-style .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active {
  color: #1d4ed8;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.v2-lead-header__tabs.bs-tabs-top.no-style .bs-tabs-nav .bs-tabs-nav-wrap .bs-tabs-nav-list .bs-tabs-ink-bar-animated {
  height: 0;
}
.v2-lead-header__actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.v2-lead-header__action-group {
  display: flex;
  gap: 0.75rem;
}
.v2-lead-header__action-group .btn-custom-secondary {
  height: 1.75rem;
  padding: 0.25rem 1rem;
  border-color: #e5e7eb;
}
.v2-lead-header__action-group .btn-custom-secondary span {
  line-height: 1;
  gap: 0.5rem;
}
.v2-lead-header__action-group .btn-custom-secondary svg {
  margin-right: 0;
}
.v2-lead-header__find-people-btn {
  padding: 4px 16px !important;
  border-color: #e5e7eb !important;
}
.v2-lead-header__find-people-btn:hover {
  border-color: #1d4ed8 !important;
}
.v2-lead-header__find-people-btn span {
  line-height: 20px !important;
}
.v2-lead-header__credit .credit-number {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #d1d5db;
  min-width: 6.75rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.v2-lead-header__credit .credit-number .diamond-icon {
  height: 1.125rem;
  width: 1.125rem;
  color: #1d4ed8;
  margin-right: 0.5rem;
}
.v2-lead-header__credit .credit-number p {
  color: #1f2937;
  margin: 0;
}

.v2-lead-content {
  --payment-banner-offset: 0rem;
  --demo-banner-offset: 0rem;
  --email-verify-banner-offset: 0rem;
  min-height: calc(100vh - 6rem - var(--lf-ext-banner-offset, 0rem) - var(--payment-banner-offset) - var(--demo-banner-offset) - var(--email-verify-banner-offset));
  height: calc(100vh - 6rem - var(--lf-ext-banner-offset, 0rem) - var(--payment-banner-offset) - var(--demo-banner-offset) - var(--email-verify-banner-offset));
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.v2-lead-content--with-payment-banner {
  --payment-banner-offset: 2.5rem;
}
.v2-lead-content--with-demo-banner {
  --demo-banner-offset: 2.25rem;
}
.v2-lead-content--with-email-verify-banner {
  --email-verify-banner-offset: 2.25rem;
}
.v2-lead-content .v2-no-search-lead {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.v2-lead-content .v2-no-search-lead .no-search-result {
  margin: 0;
}

.v2-lead-table-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
}

.v2-lead-sidebar {
  background-color: #ffffff;
  min-height: calc(100vh - 6rem - var(--lf-ext-banner-offset, 0rem));
  padding: 1.5rem;
  border-right: 1px solid #e5e7eb;
  transition: width 0.3s ease;
}
.v2-lead-sidebar__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.v2-lead-sidebar__eyebrow {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 0.25rem;
}
.v2-lead-sidebar__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}
.v2-lead-sidebar__toggle {
  font-size: 0.875rem;
  font-weight: 600;
}
.v2-lead-sidebar__content {
  background-color: #f8fafc;
  border-radius: 0.75rem;
  padding: 1rem;
  min-height: 200px;
}
.v2-lead-sidebar--collapsed {
  width: 280px;
}

.v2-lead-sidebar-tabs-container {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs {
  display: flex;
  align-items: center;
  padding: 0.125rem;
  border-radius: 0.375rem;
  background-color: #f3f4f6;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs__tab {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  align-items: center;
  justify-content: center;
  flex: 1;
  border: 0;
  background: transparent;
  border-radius: 0.25rem;
  padding: 0.25rem;
  transition: all 0.2s ease;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs__tab-label {
  color: #9ca3af;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs__tab-count {
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  background-color: #ffffff;
  padding: 0.125rem 0.375rem;
  border-radius: 1.25rem;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs__tab-count-loader {
  line-height: 1;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs__tab.is-active {
  background-color: #ffffff;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs__tab.is-active .v2-lead-sidebar-tabs__tab-label {
  color: #1d4ed8;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs__tab.is-active .v2-lead-sidebar-tabs__tab-count {
  background-color: #f3f4f6;
}
.v2-lead-sidebar-tabs-container .v2-lead-sidebar-tabs__tab:not(.is-active) .v2-lead-sidebar-tabs__tab-count-loader .react-loading-skeleton {
  --base-color: #fff !important;
  --highlight-color: #eceff3 !important;
}

.add-to-list-dropdown:hover {
  background: transparent !important;
}
.add-to-list-dropdown .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.add-to-list-dropdown .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner::after {
  background-color: transparent;
  border-color: #fff;
}
.add-to-list-dropdown__toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.add-to-list-dropdown__modal-body {
  padding: 0;
  min-height: 357px;
}
.add-to-list-dropdown__modal-body .transfer-container {
  border-radius: 8px;
  box-shadow: none;
  background: #fff;
  min-width: 14.5rem;
  max-width: 100%;
  overflow: hidden;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body {
  position: relative;
  padding: 0;
  min-height: 357px;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-search {
  height: 4.3125rem;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  margin-bottom: 0;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-search .transfer-search-input {
  height: 2rem;
  padding: 0.375rem 1rem;
  border-radius: 0.25rem;
  background-color: transparent;
  align-items: center;
  width: 100%;
  border: 0.0625rem solid #d1d5db;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-search .transfer-search-input:hover, .add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-search .transfer-search-input:focus-within {
  border: 0.0625rem solid #e5e7eb;
  border-right-width: 0;
  box-shadow: none;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-search .transfer-search-input input {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  background-color: transparent;
  width: 100%;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-search .transfer-search-input input::placeholder {
  color: #9ca3af;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-search .transfer-search-input .sh-search {
  color: #9ca3af;
  width: 1rem;
  height: 1rem;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-search .transfer-search-input span {
  margin-left: 0 !important;
  margin-top: 0.0625rem;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-content {
  max-height: 15.725rem;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
  padding: 0 1.5rem 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 235px;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-content::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-content::-webkit-scrollbar-track {
  background-color: transparent;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-content::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 4px;
  border: 2px solid #fff;
}
.add-to-list-dropdown__modal-body .transfer-container .transfer-body .transfer-content::-webkit-scrollbar-thumb:hover {
  background-color: #9ca3af;
}
.add-to-list-dropdown__modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.add-to-list-dropdown--modal .modal-dialog {
  max-width: 504px;
}
.add-to-list-dropdown--modal .modal-dialog .modal-content {
  min-height: 486px;
}
.add-to-list-dropdown--modal .modal-header-title {
  margin-top: 0;
  align-items: center;
  gap: 8px;
}
.add-to-list-dropdown--modal .modal-header .close {
  padding: 0 8px 0 0;
}
.add-to-list-dropdown--modal .bs-modal-header {
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
  border-bottom: none;
}
.add-to-list-dropdown--modal .bs-modal-body {
  padding: 0;
  max-height: 70vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 357px;
}
.add-to-list-dropdown--modal .bs-modal-footer-content {
  margin: 0;
  width: 100%;
}
.add-to-list-dropdown--modal .add-to-list-dropdown__modal-footer {
  justify-content: space-between;
  width: 100%;
}
.add-to-list-dropdown--modal .modal-footer {
  min-height: 4.5rem;
  max-height: 4.5rem;
  padding: 1.25rem 1.5rem;
}
.add-to-list-dropdown__section {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.add-to-list-dropdown__section:last-child {
  border-bottom: none;
}
.add-to-list-dropdown__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  user-select: none;
  background-color: #f9fafb;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.add-to-list-dropdown__section-header:hover {
  background-color: #f3f4f6;
}
.add-to-list-dropdown__section-header .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.add-to-list-dropdown__section-header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  cursor: pointer;
}
.add-to-list-dropdown__section-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.add-to-list-dropdown__section-chevron {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  margin: -0.25rem;
  border-radius: 4px;
  transition: background-color 0.15s ease;
}
.add-to-list-dropdown__section-chevron:hover {
  background-color: #f3f4f6;
}
.add-to-list-dropdown__section-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1f2937;
  line-height: 1.25rem;
}
.add-to-list-dropdown__section-badge {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  background-color: #f3f4f6;
  padding: 0.125rem 0.5rem;
  border-radius: 0.75rem;
  line-height: 1.25rem;
}
.add-to-list-dropdown__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.add-to-list-dropdown__list-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s ease;
  background-color: #fff;
  padding: 0.5rem 1.5rem;
  height: 2.25rem;
}
.add-to-list-dropdown__list-item .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.add-to-list-dropdown__list-item:hover {
  background-color: #f9fafb;
}
.add-to-list-dropdown__list-item:last-child {
  margin-bottom: 0;
}
.add-to-list-dropdown__list-item--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.add-to-list-dropdown__list-item--disabled:hover {
  background-color: transparent;
}
.add-to-list-dropdown__list-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: 8px;
  min-width: 0;
}
.add-to-list-dropdown__list-item-label {
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1f2937;
}
.add-to-list-dropdown__list-item-avatar {
  flex-shrink: 0;
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  font-size: 0.875rem;
  word-break: normal;
}
.add-to-list-dropdown__create-new {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  user-select: none;
  flex-shrink: 0;
  white-space: nowrap;
  transition: background-color 0.15s ease;
  color: #6b7280;
}
.add-to-list-dropdown__create-new:hover {
  color: #1d4ed8;
}
.add-to-list-dropdown__create-new-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.add-to-list-dropdown .lead-credit-chip {
  display: flex;
  padding: 4px 6px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.add-to-list-dropdown .lead-credit-chip__text {
  color: #4b5563;
  text-align: right;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.add-to-list-dropdown__add-btn {
  display: flex;
  width: fit-content;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #1d4ed8;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.add-to-list-dropdown__add-btn .btn-loader {
  display: flex;
  align-items: center;
  gap: 6px;
}
.add-to-list-dropdown__add-btn .btn-loader .spinner-border {
  width: 1rem;
  height: 1rem;
}
.add-to-list-dropdown__toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.add-to-list-dropdown__toggle::after {
  display: none !important;
}
.add-to-list-dropdown__enrichment {
  padding: 1rem 1.5rem;
  border-top: 0.0625rem solid #e5e7eb;
  background: #f9fafb;
}
.add-to-list-dropdown__enrichment .gap-4 {
  gap: 0.25rem;
}
.add-to-list-dropdown__enrichment .switchToggle {
  display: flex;
  align-items: center;
  width: 2rem;
  height: 1.25rem;
}
.add-to-list-dropdown__enrichment .switchToggle label {
  margin-bottom: 0;
  min-width: 2rem;
  background: #d1d5db;
}
.add-to-list-dropdown__enrichment .switchToggle input:checked + label {
  margin-bottom: 0;
  background: #1d4ed8;
}
.add-to-list-dropdown__enrichment .label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #1f2937;
}
.add-to-list-dropdown__enrichment-company {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.add-to-list-dropdown__enrichment-label {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #1f2937;
  white-space: nowrap;
}
.add-to-list-dropdown__enrichment-company-credit {
  font-size: 12px;
  border-radius: 4px;
  padding: 0.125rem 0.375rem;
  color: #1d4ed8;
  background-color: #eff6ff;
  line-height: 1rem;
  font-weight: 500;
}
.add-to-list-dropdown__enrichment-people .rb-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.add-to-list-dropdown__enrichment-people .bs-radio-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.add-to-list-dropdown__enrichment-people .bs-radio-wrapper .bs-radio + span {
  padding-left: 0;
  padding-right: 0;
}
.add-to-list-dropdown__enrichment-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.add-to-list-dropdown__enrichment-option-title {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.add-to-list-dropdown__enrichment-credit-badge {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.25rem 0.625rem;
  font-weight: 600;
  border-radius: 0.25rem;
}
.add-to-list-dropdown__enrichment-credit-badge--primary {
  color: #1d4ed8;
  background-color: #eff6ff;
}
.add-to-list-dropdown__enrichment-credit-badge--neutral {
  color: #6b7280;
  background-color: #f3f4f6;
}
.add-to-list-dropdown__already-added {
  color: #9ca3af;
  font-family: Inter;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}

.enrichment-tooltip .tooltip-inner {
  max-width: 298px;
}
.enrichment-tooltip .tooltip-inner .enrichment-tooltip-text {
  display: flex;
  flex-direction: column;
}
.enrichment-tooltip .tooltip-inner .enrichment-tooltip-text .enrichment-tooltip-title {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.enrichment-tooltip .tooltip-inner .enrichment-tooltip-text .enrichment-tooltip-list {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.lead-credit-tooltip .tooltip-inner {
  max-width: 275px;
}

.ai-chat-fab {
  position: fixed;
  bottom: 46px;
  right: 24px;
  width: 52px;
  height: 52px;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1040;
  padding: 0;
  transition: transform 0.2s ease;
}
.ai-chat-fab img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12)) drop-shadow(0 0 8px rgba(29, 78, 216, 0.2));
  transition: filter 0.3s ease;
}
.ai-chat-fab::before, .ai-chat-fab::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  z-index: 3;
  pointer-events: none;
  top: calc(50% - 3px);
  left: calc(50% - 3px);
}
.ai-chat-fab::before {
  background: rgba(29, 78, 216, 0.7);
  box-shadow: 0 0 8px 2px rgba(29, 78, 216, 0.5);
  animation: sage-figure8-1 7s linear infinite;
}
.ai-chat-fab::after {
  background: rgba(157, 84, 219, 0.7);
  box-shadow: 0 0 8px 2px rgba(157, 84, 219, 0.5);
  animation: sage-figure8-2 7s linear infinite;
}
.ai-chat-fab:hover {
  transform: scale(1.08);
}
.ai-chat-fab:hover img {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15)) drop-shadow(0 0 12px rgba(29, 78, 216, 0.35)) drop-shadow(0 0 16px rgba(157, 84, 219, 0.2));
}
.ai-chat-fab:active {
  transform: scale(0.96);
}

@keyframes sage-figure8-1 {
  0% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
  6.25% {
    transform: translate(8px, 8px);
    opacity: 0.65;
  }
  12.5% {
    transform: translate(14px, 12px);
    opacity: 0.8;
  }
  18.75% {
    transform: translate(18px, 8px);
    opacity: 0.9;
  }
  25% {
    transform: translate(20px, 0);
    opacity: 1;
  }
  31.25% {
    transform: translate(18px, -8px);
    opacity: 0.9;
  }
  37.5% {
    transform: translate(14px, -12px);
    opacity: 0.8;
  }
  43.75% {
    transform: translate(8px, -8px);
    opacity: 0.65;
  }
  50% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
  56.25% {
    transform: translate(-8px, 8px);
    opacity: 0.65;
  }
  62.5% {
    transform: translate(-14px, 12px);
    opacity: 0.8;
  }
  68.75% {
    transform: translate(-18px, 8px);
    opacity: 0.9;
  }
  75% {
    transform: translate(-20px, 0);
    opacity: 1;
  }
  81.25% {
    transform: translate(-18px, -8px);
    opacity: 0.9;
  }
  87.5% {
    transform: translate(-14px, -12px);
    opacity: 0.8;
  }
  93.75% {
    transform: translate(-8px, -8px);
    opacity: 0.65;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
}
@keyframes sage-figure8-2 {
  0% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
  6.25% {
    transform: translate(-8px, -8px);
    opacity: 0.65;
  }
  12.5% {
    transform: translate(-14px, -12px);
    opacity: 0.8;
  }
  18.75% {
    transform: translate(-18px, -8px);
    opacity: 0.9;
  }
  25% {
    transform: translate(-20px, 0);
    opacity: 1;
  }
  31.25% {
    transform: translate(-18px, 8px);
    opacity: 0.9;
  }
  37.5% {
    transform: translate(-14px, 12px);
    opacity: 0.8;
  }
  43.75% {
    transform: translate(-8px, 8px);
    opacity: 0.65;
  }
  50% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
  56.25% {
    transform: translate(8px, -8px);
    opacity: 0.65;
  }
  62.5% {
    transform: translate(14px, -12px);
    opacity: 0.8;
  }
  68.75% {
    transform: translate(18px, -8px);
    opacity: 0.9;
  }
  75% {
    transform: translate(20px, 0);
    opacity: 1;
  }
  81.25% {
    transform: translate(18px, 8px);
    opacity: 0.9;
  }
  87.5% {
    transform: translate(14px, 12px);
    opacity: 0.8;
  }
  93.75% {
    transform: translate(8px, 8px);
    opacity: 0.65;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
}
.copilot-drawer {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1070;
  display: flex;
  flex-direction: column;
  max-width: min(720px, 100vw);
  max-height: calc(100vh - 5.625rem - var(--lf-ext-banner-offset, 0rem));
  background: #fff;
  border: 1px solid #e5e7eb;
  border-top: 3px solid #1d4ed8;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-right: none;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform 0.28s ease;
}
.copilot-drawer--open {
  pointer-events: auto;
  transform: translateX(0);
}
.copilot-drawer--fullpage {
  top: var(--lf-ext-banner-offset, 0rem);
  right: 0;
  bottom: 0;
  left: 0;
  max-width: none;
  max-height: none;
  border: none;
  border-top: 3px solid #1d4ed8;
  border-radius: 0;
}
.copilot-drawer__body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  background: #fff;
}
.copilot-drawer__frame {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.copilot-drawer__resize {
  position: absolute;
  z-index: 2;
  padding: 0;
  border: none;
  background: transparent;
}
.copilot-drawer__resize--left {
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
.copilot-drawer__resize--top {
  top: 0;
  right: 0;
  left: 0;
  height: 8px;
}
.copilot-drawer__resize--corner {
  top: 0;
  left: 0;
  z-index: 3;
  width: 14px;
  height: 14px;
}
.copilot-drawer__resize.copilot-drawer__resize--left {
  cursor: ew-resize;
}
.copilot-drawer__resize.copilot-drawer__resize--top {
  cursor: ns-resize;
}
.copilot-drawer__resize.copilot-drawer__resize--corner {
  cursor: nwse-resize;
}

.copilot-drag-shield {
  position: fixed;
  inset: 0;
  z-index: 1071;
  background: transparent;
  pointer-events: auto;
}
.copilot-drag-shield--x {
  cursor: ew-resize;
}
.copilot-drag-shield--y {
  cursor: ns-resize;
}
.copilot-drag-shield--xy {
  cursor: nwse-resize;
}

.copilot-fab {
  position: fixed;
  right: 24px;
  bottom: 46px;
  z-index: 1041;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.copilot-fab__mark {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12)) drop-shadow(0 0 8px rgba(1, 55, 252, 0.18));
  transition: filter 0.3s ease;
}
.copilot-fab .copilot-mark__tri {
  fill: #0137fc;
}
.copilot-fab:hover {
  transform: scale(1.08);
}
.copilot-fab:hover .copilot-fab__mark {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15)) drop-shadow(0 0 12px rgba(1, 55, 252, 0.35));
}
.copilot-fab:active {
  transform: scale(0.96);
}
.copilot-fab--shifted {
  right: 88px;
}

.copilot-fab--anim-relay .copilot-mark__tri {
  transform-box: fill-box;
  transform-origin: center;
  animation-duration: 4.5s;
  animation-timing-function: cubic-bezier(0.45, 0, 0.25, 1);
  animation-iteration-count: infinite;
}
.copilot-fab--anim-relay .copilot-mark__tri-3 {
  animation-name: copilot-relay-tail;
  animation-delay: 0s;
}
.copilot-fab--anim-relay .copilot-mark__tri-2 {
  animation-name: copilot-relay-mid;
  animation-delay: 0.3s;
}
.copilot-fab--anim-relay .copilot-mark__tri-1 {
  animation-name: copilot-relay-head;
  animation-delay: 0.6s;
}

@keyframes copilot-relay-tail {
  0% {
    fill: #0137fc;
    transform: scale(1);
  }
  20% {
    fill: #346aff;
    transform: scale(1.09);
  }
  100% {
    fill: #0137fc;
    transform: scale(1);
  }
}
@keyframes copilot-relay-mid {
  0% {
    fill: #0137fc;
    transform: scale(1);
  }
  20% {
    fill: #597ef7;
    transform: scale(1.09);
  }
  100% {
    fill: #0137fc;
    transform: scale(1);
  }
}
@keyframes copilot-relay-head {
  0% {
    fill: #0137fc;
    transform: scale(1);
  }
  20% {
    fill: #8b5cf6;
    transform: scale(1.09);
  }
  100% {
    fill: #0137fc;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .copilot-fab--anim-relay .copilot-mark__tri {
    animation: none;
    fill: #0137fc;
    transform: none;
  }
}
.copilot-fab .copilot-mark__shell {
  transform-box: view-box;
  transform-origin: 32px 32px;
  transform: rotate(-7deg);
}
.copilot-fab .copilot-mark__body {
  fill: #0137fc;
}
.copilot-fab .copilot-mark__accent {
  fill: #8b5cf6;
}
.copilot-fab .copilot-mark__eyes {
  fill: #fff;
}
.copilot-fab .copilot-fab__mark .copilot-mark__pose,
.copilot-fab .copilot-fab__mark .copilot-mark__track,
.copilot-fab .copilot-fab__mark .copilot-mark__tail {
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.copilot-fab:hover .copilot-mark__pose,
.copilot-fab:hover .copilot-mark__track,
.copilot-fab:hover .copilot-mark__eyes,
.copilot-fab:hover .copilot-mark__tail {
  animation: none;
}
.copilot-fab:hover .copilot-mark__pose {
  transform: rotate(0deg) translateY(-1px);
}
.copilot-fab:hover .copilot-mark__track {
  transform: translate(0, -1.5px);
}
.copilot-fab:hover .copilot-mark__tail {
  transform-box: view-box;
  transform-origin: 58px 58px;
  transform: rotate(-6deg);
}

.copilot-fab--alive .copilot-mark__pose {
  transform-box: view-box;
  transform-origin: 32px 40px;
  animation: copilot-lean 7s ease-in-out infinite;
}
.copilot-fab--alive .copilot-mark__track {
  transform-box: view-box;
  animation: copilot-glance 11s ease-in-out infinite;
}
.copilot-fab--alive .copilot-mark__eyes {
  transform-box: fill-box;
  transform-origin: center;
  animation: copilot-blink 5.5s ease-in-out infinite;
}
.copilot-fab--alive .copilot-mark__tail {
  transform-box: view-box;
  transform-origin: 58px 58px;
  animation: copilot-wag 6.5s ease-in-out infinite;
}

@keyframes copilot-lean {
  0%, 100% {
    transform: rotate(0deg) translateY(0);
  }
  18% {
    transform: rotate(-4deg) translateY(-0.6px);
  }
  46% {
    transform: rotate(3deg) translateY(0.4px);
  }
  70% {
    transform: rotate(0deg) translateY(0);
  }
}
@keyframes copilot-glance {
  0%, 100% {
    transform: translateX(0);
  }
  22% {
    transform: translateX(1.6px);
  }
  38% {
    transform: translateX(1.6px);
  }
  58% {
    transform: translateX(-1.4px);
  }
  74% {
    transform: translateX(0);
  }
}
@keyframes copilot-blink {
  0%, 8%, 11.5%, 64%, 67%, 70%, 73%, 100% {
    transform: scaleY(1);
  }
  9.5%, 65.5%, 71.5% {
    transform: scaleY(0.1);
  }
}
@keyframes copilot-wag {
  0%, 58%, 100% {
    transform: rotate(0deg);
    fill: #8b5cf6;
  }
  64% {
    transform: rotate(-8deg);
    fill: #a78bfa;
  }
  71% {
    transform: rotate(3deg);
    fill: #a78bfa;
  }
  78% {
    transform: rotate(-4deg);
    fill: #8b5cf6;
  }
  86% {
    transform: rotate(0deg);
    fill: #8b5cf6;
  }
}
@media (prefers-reduced-motion: reduce) {
  .copilot-fab--alive .copilot-mark__pose,
  .copilot-fab--alive .copilot-mark__track,
  .copilot-fab--alive .copilot-mark__eyes,
  .copilot-fab--alive .copilot-mark__tail {
    animation: none;
    transform: none;
  }
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-header {
  border: none;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-header .modal-title svg {
  margin-right: 0.625rem;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-body {
  position: static !important;
  padding: 0px !important;
  padding-bottom: 1.25rem !important;
  margin: 0 24px 1.25rem 24px;
  border-bottom: 1px solid #f3f4f6 !important;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-body div:first-child {
  margin-top: 0 !important;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-body .second-line-get-contact-modal {
  margin-top: 0.813rem;
  color: #1f2937;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-footer {
  border-top: none !important;
  max-height: unset;
  min-height: unset;
  padding: 0 1.5rem 1.25rem 1.5rem;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost-outlined {
  min-width: 6.25rem;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
  text-transform: capitalize;
  font-weight: 500;
  background-color: #e5e7eb !important;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost-outlined:hover {
  border-color: #1d4ed8 !important;
  color: #1d4ed8 !important;
  background-color: transparent !important;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary {
  min-width: 6.25rem;
  margin-left: 1rem !important;
  background-color: #1d4ed8 !important;
  color: #fff !important;
  font-weight: 500;
}
.get-contact-info-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary:hover {
  background-color: #1e40af !important;
  border-color: transparent !important;
}

.save-filter-modal .modal-content .modal-content-container .bs-modal-header {
  padding: 1.5rem 1.5rem 0 1.5rem;
  border: none;
  min-height: unset;
}
.save-filter-modal .modal-content .modal-content-container .bs-modal-header .modal-title svg {
  color: #1d4ed8;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
}
.save-filter-modal .modal-content .modal-content-container .bs-modal-header .modal-title .delete-icon {
  color: #b91c1c !important;
}
.save-filter-modal .modal-content .bs-modal-body {
  padding-bottom: 0;
}
.save-filter-modal .modal-content .bs-modal-body .save-filter-error {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.875rem;
  margin-top: 0.25rem;
}
.save-filter-modal .modal-content .bs-modal-body .bs-input-container {
  margin-bottom: 0;
}
.save-filter-modal .modal-content .bs-modal-body .bs-input-container .bs-input-label-prefix {
  font-weight: 600;
  color: #6b7280;
}
.save-filter-modal .modal-content .bs-modal-body p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.save-filter-modal .modal-content .bs-modal-body p:last-child {
  margin-bottom: 0;
}
.save-filter-modal .modal-content .bs-modal-footer {
  max-height: unset;
  min-height: unset;
  margin: 1.5rem 1.5rem 1.25rem 1.5rem;
  padding: 1.25rem 0 0 0;
}
.save-filter-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.save-filter-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost-outlined {
  min-width: 6.25rem;
  border-color: #e5e7eb;
  color: #6b7280;
  text-transform: capitalize;
  font-weight: 500;
}
.save-filter-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary {
  min-width: 7.25rem;
  margin-left: 1rem !important;
  background-color: #1d4ed8;
  font-weight: 500;
}
.save-filter-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-danger {
  min-width: 6.25rem;
  color: #fff;
  background-color: #b91c1c;
}

.date-filter-select-wrap {
  width: 10.1875rem;
  height: 2rem;
}
.date-filter-select-wrap .date-filter-select {
  width: 191px;
  height: 32px;
}
.date-filter-select-wrap .date-filter-select .transfer-container .transfer-body .transfer-content .transfer-list li .separator {
  border-bottom-width: 0 !important;
}
.date-filter-select-wrap .render-text {
  border: none;
}
.date-filter-select-wrap .bs-select-box {
  width: 100%;
  height: 100%;
  border: 1px solid #e8eff5;
}
.date-filter-select-wrap .report-date-picker .react-datepicker {
  z-index: 10;
  margin-top: 0.225rem;
}
.date-filter-select-wrap .date-renderer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.date-filter-select-wrap .date-renderer img {
  width: 1.125rem;
  height: 1.125rem;
}
.date-filter-select-wrap .date-renderer span {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1f2937;
}

.footer {
  display: flex;
  justify-content: flex-end !important;
}

.create-custom-field-button {
  color: #1d4ed8 !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  background-color: #f8f9fa !important;
}

.map-field-select .transfer-container .transfer-body .transfer-content {
  height: calc(84vh - 385px);
}
.map-field-select .transfer-container .transfer-body .transfer-content .transfer-list div li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
.map-field-select .transfer-container .transfer-body .transfer-content .transfer-list div li span {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conflict-action-select .transfer-list li {
  padding: 0 !important;
}
.conflict-action-select .transfer-list li div {
  padding: 0.375rem 1rem;
  width: 100%;
  height: 100%;
}

.reward-ev-credits {
  min-height: 23.8666rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 1.5rem;
  padding: 2rem;
  border-radius: 4px;
  border: 1px solid #eaedef;
  background: #fff;
  background-size: cover;
  background-image: url("https://milkyway-saleshandy-static-files.s3.us-west-2.amazonaws.com/pyxis/reward-ev-credits-bg.svg");
  background-position: center;
  box-shadow: 0px 2px 4px 0px rgba(234, 237, 239, 0.65);
  background-repeat: no-repeat;
}
.reward-ev-credits .reward-ev-credits-title {
  color: #1f2937;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.reward-ev-credits .reward-ev-credits-desc {
  color: #6b7280;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  margin-bottom: 1.625rem;
}
.reward-ev-credits .reward-ev-credits-msg {
  color: #6b7280;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0;
  margin-top: 1rem;
}
.reward-ev-credits .reward-ev-credits-terms {
  color: #6b7280;
  font-size: 0.875rem;
  padding-top: 20px;
}
.reward-ev-credits .reward-ev-credits-terms .terms-apply {
  font-size: 12px;
  top: -2px;
}
.reward-ev-credits .reward-ev-credits-terms a {
  color: #2563eb;
  cursor: pointer;
  font-weight: 500;
  text-decoration-line: underline;
}
.reward-ev-credits .reward-ev-credits-steps {
  max-width: 37.125rem;
  margin-bottom: 2rem;
}
.reward-ev-credits .reward-ev-credits-steps--numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.reward-ev-credits .reward-ev-credits-steps--numbers .review-step-number {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.8125rem;
  background: #60a5fa;
  margin-bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reward-ev-credits .reward-ev-credits-steps--numbers .review-step-number span {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.reward-ev-credits .reward-ev-credits-steps--numbers .review-step-divider {
  width: 11.5853rem;
  height: 0.0625rem;
  background-color: #d1d5db;
}
.reward-ev-credits .reward-ev-credits-steps--details {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.125rem;
}
.reward-ev-credits .reward-ev-credits-steps--details .review-step-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.reward-ev-credits .reward-ev-credits-steps--details .review-step-content:nth-of-type(1) {
  width: 8.4375rem;
}
.reward-ev-credits .reward-ev-credits-steps--details .review-step-content:nth-of-type(2) {
  width: 13rem;
}
.reward-ev-credits .reward-ev-credits-steps--details .review-step-content:nth-of-type(3) {
  width: 9.4375rem;
}
.reward-ev-credits .reward-ev-credits-steps--details .review-step-content .title {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
  margin-bottom: 0.5rem;
}
.reward-ev-credits .reward-ev-credits-steps--details .review-step-content .desc p,
.reward-ev-credits .reward-ev-credits-steps--details .review-step-content .desc a {
  color: #4b5563;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
.reward-ev-credits .reward-ev-credits-steps--details .review-step-content .desc a {
  color: #1d4ed8;
  font-weight: 500;
  text-decoration-line: underline;
}
.reward-ev-credits .reward-ev-credits-steps--details .terms-apply {
  font-size: 12px;
  top: -2px;
}

.prospect-form-contact-field .add-email {
  font-weight: 500;
  font-size: 0.75rem;
}
.prospect-form-contact-field .add-email:hover {
  color: #1d4ed8;
}
.prospect-form-contact-field .more-contact {
  padding: 0 0.5rem;
  height: 1.25rem;
  background-color: #e5e7eb;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}
.prospect-form-contact-field .more-contact:hover {
  background-color: #dbeafe;
  color: #1d4ed8;
  cursor: pointer;
}
.prospect-form-contact-field .more-contact svg {
  margin-top: 0.125rem;
}
.prospect-form-contact-field .individual-contact-field .bs-select-box {
  width: 100%;
}
.prospect-form-contact-field .individual-contact-field .email-varification-icon {
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  right: 0.833rem;
}
.prospect-form-contact-field .individual-contact-field .contact-col {
  padding: 0 0 0 0.5rem;
}
.prospect-form-contact-field .individual-contact-field .contact-col .trash-icon {
  display: flex;
  margin-left: 16px;
}
.prospect-form-contact-field .individual-contact-field .contact-col .trash-icon:hover {
  cursor: pointer;
  color: #b91c1c !important;
}
.prospect-form-contact-field .individual-contact-field .contact-col .disable-trash-icon {
  display: flex;
  opacity: 0.35;
  margin-left: 16px;
}
.prospect-form-contact-field .individual-contact-field .contact-col .disable-trash-icon:hover {
  cursor: default;
}
.prospect-form-contact-field .individual-contact-field .contact-col .radio-button {
  height: 1rem;
  width: 1rem;
}
.prospect-form-contact-field .individual-contact-field .contact-col .radio-button:hover {
  cursor: pointer;
}
.prospect-form-contact-field .individual-contact-field .contact-col .radio-button:disabled {
  cursor: not-allowed;
}
.prospect-form-contact-field .individual-contact-field .contact-col .radio-button:checked {
  cursor: pointer;
}
.prospect-form-contact-field .individual-contact-field .contact-col .bs-input-affix-wrapper {
  width: 100%;
}
.prospect-form-contact-field .individual-contact-field .contact-col .bounced-tag {
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.prospect-form-contact-field .individual-contact-field .contact-col .bounced-tag .bs-tag {
  padding: 0 0.25rem;
  width: 3.125rem;
  height: 0.875rem;
  border-radius: 0.25rem;
  background-color: #ffedd5;
  border: none;
  color: #1f2937;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
}
.prospect-form-contact-field .individual-contact-field .contact-col .verification-status .bs-input {
  padding-right: 1.2rem !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.prospect-form-contact-field .individual-contact-field .contact-col .verification-status .bs-input:hover {
  text-overflow: unset !important;
}
.prospect-form-contact-field .individual-contact-field .contact-col .verification-status.bounced-status .bs-input {
  padding-right: 5rem !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.prospect-form-contact-field .individual-contact-field .contact-col .bs-radio-wrapper .bs-radio-inner:after {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.tooltip-primary-email {
  left: -1.125rem !important;
}
.tooltip-primary-email .arrow {
  left: 1.2rem !important;
}

.confirmation-modal-v3--title img,
.confirmation-modal-v3--title svg {
  margin-top: 0 !important;
}

.primary-email-phone-modal .modal-content .modal-content-container .bs-modal-header {
  padding-top: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding: 1.5rem;
}
.primary-email-phone-modal .modal-content .modal-content-container .bs-modal-header h2 {
  line-height: normal;
}
.primary-email-phone-modal .modal-content .modal-content-container .bs-modal-body {
  padding: 0 1.5rem 1rem 1.5rem !important;
}
.primary-email-phone-modal .modal-content .modal-content-container .bs-modal-body p {
  margin-bottom: 0;
}
.primary-email-phone-modal .modal-content .modal-content-container .bs-modal-footer {
  padding: 1.25rem 1.5rem !important;
  margin: 0 !important;
  min-height: unset !important;
  max-height: unset !important;
}
.primary-email-phone-modal .modal-content .modal-content-container .bs-modal-footer .btn-ghost-outlined {
  width: 77px;
  height: 32px;
  border-color: #e5e7eb;
  color: #6b7280;
  text-transform: capitalize;
  font-weight: 500;
}
.primary-email-phone-modal .modal-content .modal-content-container .bs-modal-footer .btn-solid-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77px;
  height: 32px;
  margin-left: 1rem !important;
  background-color: #1d4ed8;
  font-weight: 500;
}

.modal-dialog {
  max-width: 32.5rem;
}

.fade .modal-content .modal-content-container .bs-modal-body .modal-body {
  margin-left: 0 !important;
}

.prospect-delete-modal .modal-content .modal-content-container .bs-modal-header {
  padding: 1.5rem;
  border-bottom: none;
}
.prospect-delete-modal .modal-content .modal-content-container .bs-modal-header .modal-title h2 {
  line-height: normal !important;
  margin-left: 0.625rem !important;
}
.prospect-delete-modal .modal-content .modal-content-container .bs-modal-header .modal-title .delete-title {
  margin-left: 0.625rem !important;
}
.prospect-delete-modal .modal-content .modal-content-container .bs-modal-body {
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
  margin-left: 0;
}
.prospect-delete-modal .modal-content .modal-content-container .bs-modal-footer {
  padding: 1.25rem 1.5rem;
  max-height: unset;
}
.prospect-delete-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.prospect-delete-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost-outlined {
  min-width: 6.25rem;
  border-color: #e5e7eb;
  color: #6b7280;
  text-transform: capitalize;
  font-weight: 500;
}
.prospect-delete-modal .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary {
  margin-left: 1rem;
  min-width: 6.25rem;
  font-weight: 500;
}

.add-prospect .modal-content .modal-content-container .modal-body {
  padding: 0;
}
.add-prospect .modal-content .modal-content-container .modal-body .prospect-form-field-content {
  padding: 16px 18px 0 20px;
}
.add-prospect .modal-content .modal-content-container .modal-body .prospect-form-field-content .row .input-default-container .bs-input-label-prefix {
  max-width: 100%;
}
.add-prospect .modal-content .modal-content-container .modal-body .prospect-form-field-content .row .input-default-container .bs-input-label-prefix span .add-manually-prospect-field-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.add-prospect .modal-content .modal-content-container .modal-body .prospect-form-field-content .row .col-12 .longtext-wrapper-form .longtext-label .bs-input-label-prefix {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.modal-custom-footer .modal-content .modal-content-container .modal-body .prospect-form-field {
  padding: 0 !important;
}
.modal-custom-footer .modal-content .modal-content-container .modal-body .prospect-modal-footer {
  box-shadow: unset;
  padding-bottom: 0 !important;
  padding-right: 0.25rem;
}
.modal-custom-footer .modal-content .modal-content-container .modal-body .custom-content-with-form {
  padding-left: 0.3125rem;
}

.prospect-modal-footer {
  padding: 1rem 1.5rem;
  box-shadow: 0px -2px 10px 0px rgba(4, 21, 76, 0.06);
  border-top: 1px solid #e5e7eb;
}
.prospect-modal-footer .cancel-btn {
  min-width: 4.9375rem;
  color: #6b7280;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.375rem 1rem;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  margin: 0 1rem 0 0;
}
.prospect-modal-footer .save-btn {
  min-width: 4.0625rem;
  background-color: #1d4ed8;
  padding: 0.375rem 1rem;
  font-weight: 500;
  font-size: 0.875rem;
  margin: 0;
}
.prospect-modal-footer .save-btn:disabled {
  cursor: not-allowed;
}

.prospect-label-field {
  font-weight: 600;
  font-size: 0.875rem;
  color: #1f2937;
  line-height: 1.25rem;
  padding-left: 1rem;
  margin: 0.375rem 0 0.375rem 0 !important;
  width: 100%;
}
.prospect-label-field.prospect-fields {
  margin-top: 0px !important;
}
.prospect-label-field.prospect-fields .change-email-modal--divider {
  width: 100%;
  margin: 0px;
  background-color: #d1d5db;
  height: 1px;
  border-radius: 4px;
  margin: 4px 0 20px 0px;
}
.prospect-label-field.prospect-fields span {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #1f2937;
}
.prospect-label-field .react-datepicker-popper {
  padding: 0 !important;
}

.tooltip-arrow .arrow {
  left: 0.25rem !important;
}

.prospect-label {
  margin-bottom: 0.375rem !important;
}

.email-id-tooltip .arrow {
  transform: translateX(1.25rem) !important;
}
.email-id-tooltip .tooltip-inner {
  max-width: 16.4375rem !important;
}

.bounced-tooltip .tooltip-inner {
  max-width: 13.8125rem !important;
}

.prospect-form-field .bs-input-container .bs-input-label-prefix {
  line-height: 1rem;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.prospect-form-field .currency-input-wrapper {
  position: relative;
  height: 58px;
  margin-bottom: 1rem;
}
.prospect-form-field .currency-input-wrapper .bs-input-number-container {
  max-width: 100%;
}
.prospect-form-field .currency-input-wrapper .bs-input-number-container .bs-input-number-inner .bs-input-number .bs-input-number-input-wrap .bs-input-number-input {
  padding: 8px 8px 8px 24px;
}
.prospect-form-field .currency-input-wrapper .currency-prefix {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #6b7280;
  z-index: 10;
  pointer-events: none;
  font-weight: 500;
  line-height: 1;
}
.prospect-form-field .date-input-wrapper {
  height: 58px;
  margin-bottom: 1rem;
}
.prospect-form-field .bs-input {
  padding: 0 !important;
}
.prospect-form-field .bs-input.date-picker-container {
  display: flex;
  align-items: center;
  gap: 4px !important;
  padding: 4px 11px !important;
  height: 32px;
}
.prospect-form-field .bs-input.date-picker-container .bs-input {
  line-height: 20px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  background: none !important;
  padding: 0;
  text-indent: 0 !important;
}
.prospect-form-field .bs-input.date-picker-container .bs-input:focus-within {
  border: none;
  box-shadow: none;
  outline: none;
}
.prospect-form-field .react-datepicker-popper {
  z-index: 999 !important;
}
.prospect-form-field .prospect-modal-user-field .currency-input-wrapper .currency-prefix {
  position: absolute;
  left: 12px;
  top: 51%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #6b7280;
  z-index: 10;
  pointer-events: none;
  font-weight: 500;
  line-height: 1;
}
.prospect-form-field .prospect-modal-user-field .col-md-6:nth-child(odd) {
  padding-right: 0 !important;
  padding-left: 1rem !important;
}
.prospect-form-field .prospect-modal-user-field .col-md-6:nth-child(even) {
  padding-left: 1rem !important;
  padding-right: 0 !important;
}
.prospect-form-field .prospect-modal-user-field .col-md-6:nth-child(3), .prospect-form-field .prospect-modal-user-field .col-md-6:nth-child(13), .prospect-form-field .prospect-modal-user-field .col-md-6:nth-child(15), .prospect-form-field .prospect-modal-user-field .col-md-6:nth-child(32), .prospect-form-field .prospect-modal-user-field .col-md-6:nth-child(34) {
  padding-right: 0rem !important;
}
.prospect-form-field .prospect-modal-user-field .prospect-label-field {
  margin-bottom: 1rem !important;
}
.prospect-form-field .prospect-modal-user-field .bs-input-container {
  margin-bottom: 1rem;
}
.prospect-form-field .prospect-modal-user-field .bs-input-container .bs-input-label-prefix {
  max-width: 100%;
}
.prospect-form-field .prospect-modal-user-field .bs-input-container .bs-input-label-prefix span .add-manually-prospect-field-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.prospect-form-field .prospect-modal-user-field .col-12 {
  padding-left: 17px !important;
  padding-right: 0 !important;
}
.prospect-form-field .prospect-modal-user-field .col-12 .longtext-wrapper-form .longtext-label .bs-input-label-prefix {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.prospect-form-field .bs-input-number-container .bs-input-number-label-prefix {
  line-height: 1rem;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.prospect-form-field .bs-input-number-container {
  max-width: 100%;
}
.prospect-form-field .bs-input-number-container .bs-input-number-inner .bs-input-number .bs-input-number-input-wrap .bs-input-number-input {
  padding: 4px 11px 4px 24px;
}
.prospect-form-field .col-md-6:nth-child(odd) {
  padding-right: 0 !important;
  padding-left: 1.25rem !important;
}
.prospect-form-field .col-md-6:nth-child(even) {
  padding-left: 1.25rem !important;
  padding-right: 0 !important;
}
.prospect-form-field .col-12 {
  padding-right: 0 !important;
}

.longtext-wrapper-form {
  margin-bottom: 1rem;
  flex: 1;
}
.longtext-wrapper-form .longtext-label {
  display: inline-block;
  margin-bottom: 4px;
  line-height: 16px;
}
.longtext-wrapper-form .longtext-label .longtext-header {
  display: flex;
  align-items: center;
  line-height: 16px;
}
.longtext-wrapper-form .longtext-label .longtext-header .shd-image-icon {
  margin-left: 4px;
}
.longtext-wrapper-form .longtext-label .bs-input-label-prefix {
  display: flex;
  line-height: 1rem;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0px;
}
.longtext-wrapper-form .longtext-textarea {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 11px !important;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 400;
  color: #595959;
  min-height: 3.25rem;
  max-height: 15.25rem;
}
.longtext-wrapper-form .longtext-textarea:hover {
  border-color: #346aff;
}
.longtext-wrapper-form .longtext-textarea:active {
  border-color: #346aff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.longtext-wrapper-form .longtext-textarea:focus {
  outline: none;
  border-color: #346aff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.longtext-wrapper-form .longtext-textarea:focus-within {
  border-color: #346aff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.longtext-wrapper-form .longtext-textarea:focus-visible {
  border-color: #346aff !important;
}
.longtext-wrapper-form .longtext-textarea::placeholder {
  padding: 3px;
  border-radius: 4px;
  color: #9ca3af;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.longtext-wrapper-form .longtext-textarea.error {
  border-color: #f5222d !important;
}

.transfer-overlay.custom-field-select .transfer-container .transfer-body .transfer-search {
  height: 32px;
  padding: 6px 12px;
}
.transfer-overlay.custom-field-select .transfer-container .transfer-body .transfer-list li {
  padding: 8px 16px;
}

.date-picker-container {
  display: flex;
  align-items: center;
  gap: 4px !important;
  padding: 4px 11px !important;
  height: 32px !important;
}
.date-picker-container .bs-input {
  line-height: 20px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  background: none !important;
  padding: 0;
  text-indent: 0 !important;
}
.date-picker-container .bs-input:focus-within {
  border: none;
  box-shadow: none;
  outline: none;
}

.include-phone-numbers {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.include-phone-numbers .switchToggle {
  width: 2.25rem;
  height: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.include-phone-numbers .switchToggle input:checked + label {
  background: #1d4ed8;
}
.include-phone-numbers .switchToggle label {
  margin: 0;
  width: 2.25rem;
  min-width: 2.25rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
}
.include-phone-numbers .switchToggle label::after, .include-phone-numbers .switchToggle label::before {
  width: 0.875rem;
  height: 0.875rem;
}
.include-phone-numbers p {
  color: #6b7280;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}

.lead-finder-plan-card {
  width: 20.875rem;
  height: 43.5rem;
  outline: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1.5rem 1rem 2rem 1rem;
  transition: outline-color 0.2s ease;
}
.lead-finder-plan-card .card-body {
  padding: 0px;
}

.plan-selected .lead-finder-plan-card {
  outline: 2px solid #1d4ed8;
}
.plan-selected .solid-primary-new.btn-solid-primary:disabled {
  background: #1d4ed8;
  color: #fff;
  opacity: 1;
  cursor: default;
}

.no-search-result {
  margin: 5.375rem 0 0 0;
}
.no-search-result p {
  padding: 0 0.875rem;
}

.auto-search-container {
  position: relative;
  padding: 0.625rem 0.75rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: start;
  border-bottom: 1px solid #e5e7eb;
  cursor: pointer;
}
.auto-search-container .search-icon svg {
  color: #9ca3af;
  margin-right: 0.375rem;
}
.auto-search-container .auto-search-custome-input {
  color: #1f2937;
  font-weight: 400;
  width: 100%;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border: none;
  outline: none;
  width: 100%;
  padding: 0px;
  background: linear-gradient(90deg, #9ca3af 0%, #9a54db 0.01%, #2b4fd8 26.5%, #9ca3af 53.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.auto-search-container .auto-search-input-default {
  color: #1f2937;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border: 0px;
  width: 100%;
  outline: none;
}
.auto-search-container .clear-icon {
  border: 0px;
  background: none;
  padding: 0px;
  width: 16px;
  height: 14px;
}
.auto-search-container .clear-icon i {
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}
.auto-search-container .auto-search-shortkey-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  transition: 0.1s ease-in-out;
  outline: none;
}
.auto-search-container .auto-search-shortkey-icon.auto-search-shortkey-icon:hover {
  padding: 2px;
  border-radius: 2px;
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 12.25%, rgba(29, 78, 216, 0.05) 93.65%);
}
.auto-search-container .auto-search-input-saved {
  border: none;
  outline: none;
  padding: 0;
  color: #1f2937;
  font-weight: 400;
  width: 100%;
  -webkit-flex: 1 1;
  flex: 1 1;
}
.auto-search-container .auto-search-input-saved ::placeholder {
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.auto-search-tooltip.tooltip .tooltip-inner {
  line-height: 1rem;
  padding: 0.5rem;
  background-color: #1f2937;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.auto-search-tooltip .auto-search-tooltip-beta {
  align-items: center;
  padding: 0rem 0.125rem 0.0625rem 0.125rem;
  border-radius: 0.125rem;
  background: #374151;
  color: #e5e7eb;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.75rem;
}

.tasks__header {
  padding: 1.125rem 1.5rem;
  display: flex;
  gap: 1.5rem;
  border-bottom: 1px solid #eaedef;
  box-shadow: 0px 2px 4px 0px #e5e7eb;
  height: 3.5rem;
  transition: all 0.3s ease-in-out;
}
.tasks__header--active {
  position: relative;
}
.tasks__header--active div::before {
  content: "";
  position: absolute;
  top: 2.1563rem;
  width: 100%;
  height: 3px;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  background-color: #1d4ed8;
}
.tasks__header--item > div:hover .label {
  color: #1d4ed8;
}
.tasks__header--item > div .count {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-radius: 1.25rem;
  line-height: 1rem;
}
.tasks__content {
  background-color: #fff;
  padding-top: 1.25rem;
  height: 100vh;
}
.tasks__content .filter-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 1.25rem;
}
.tasks__content .filter-container .search-input {
  width: 12.5rem;
  background-color: #ffffff;
}
.tasks__content .filter-container .search-input input {
  background-color: inherit;
}
.tasks__content .filter-container .task-filter-icon-container {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
}
.tasks__content .filter-container .task-filter-icon-container:hover {
  background-color: #dbeafe !important;
}
.tasks__content .filter-container .task-filter-icon-container:hover svg {
  color: #1d4ed8;
}
.tasks__content .filter-container .refresh-icon-container {
  margin-left: 12.8px;
  width: 2rem;
  height: 2rem;
}
.tasks__content .filter-container .refresh-icon-container .filter-icon {
  margin-left: 0;
  padding: 0;
}
.tasks__content .filter-container .refresh-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
}
.tasks__content .filter-container .refresh-icon-container:hover {
  background-color: #dbeafe !important;
}
.tasks__content .filter-container .refresh-icon-container:hover svg {
  color: #1d4ed8;
}
.tasks__content .filter-container .filter-border {
  width: 0.125rem;
  height: 2rem;
  background: #d1d5db;
  border-radius: 0.125rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.tasks__content .filter-container .start-tasks-btn {
  padding: 0.375rem 0.75rem;
}
.tasks__content .filter-container .start-tasks-btn svg {
  width: 1.125rem;
  height: 1.125rem;
}
.tasks__content .filter-container .filter-border-loader {
  margin-left: 0.25rem;
  margin-right: 1.25rem;
}
.tasks__content .filter-container .bulk-actions {
  display: flex;
  gap: 1rem;
}
.tasks__content .filter-container .bulk-actions__action-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b7280;
}
.tasks__content .filter-container .bulk-actions__action-icon:hover {
  background-color: #dbeafe;
  color: #1d4ed8;
}
.tasks__content .filter-container .bulk-actions__action-icon.bulk-disable {
  opacity: 0.35;
  cursor: not-allowed;
}
.tasks__content .filter-container .bulk-actions__action-icon.bulk-disable:hover {
  background-color: transparent;
  color: #6b7280;
}
.tasks__content .tasks-filter .filter-tab-container {
  margin-bottom: 0px;
}
.tasks__content .sm-table .table-list {
  height: calc(100vh - 17.5rem);
}
.tasks__content .sm-table.isDemoAccount .table-list {
  height: calc(100vh - 17.25rem);
}
.tasks__content .md-table .table-list {
  height: calc(100vh - 16.3rem);
}
.tasks__content .md-table.isDemoAccount .table-list {
  height: calc(100vh - 16.25rem);
}
.tasks__content .lg-table .table-list {
  height: calc(100vh - 19.8rem);
}
.tasks__content .lg-table.isDemoAccount .table-list {
  height: calc(100vh - 19.25rem);
}
.tasks__content .isDemoAccount .table-list {
  height: calc(100vh - 13.75rem);
}
.tasks__content .task-banner {
  background-color: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 0.25rem;
  height: 2.5rem;
}
.tasks__content-table-list {
  height: max-content;
  overflow-x: auto;
  padding: 0 1.5rem;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:first-of-type {
  min-width: 316px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 4;
  background-color: #f9fafb;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(2) {
  min-width: 187px;
  box-shadow: none;
  padding: 0.6875rem 1.5rem;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(3) {
  min-width: 250px;
  padding: 0.6875rem 0.75rem !important;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(4) {
  min-width: 58px;
  max-width: 58px;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(5) {
  min-width: 122px;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(6) {
  min-width: 194px;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(7) {
  min-width: 130px;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type {
  min-width: 228px;
  max-width: 228px;
  position: sticky;
  left: 0;
  background-color: #fff;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
  z-index: 1;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type:hover {
  cursor: text;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(2) {
  min-width: 187px;
  max-width: 187px;
  box-shadow: none;
  padding: 0.6875rem 1.5rem !important;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(3) {
  min-width: 250px;
  padding: 0.6875rem 0.75rem !important;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(4) {
  min-width: 58px;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(5) {
  min-width: 122px;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(6) {
  min-width: 194px;
}
.tasks__content-table-list.is-completed-or-skipped .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(7) {
  min-width: 130px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(2) {
  min-width: 228px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(3) {
  min-width: 200px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(4) {
  min-width: 180px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(5) {
  min-width: 130px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(6) {
  min-width: 200px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(7) {
  min-width: 160px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(2) {
  min-width: 228px;
  max-width: 228px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(3) {
  min-width: 200px;
  max-width: 200px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(4) {
  min-width: 180px;
  max-width: 180px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(5) {
  min-width: 130px;
  max-width: 130px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(6) {
  min-width: 200px;
}
.tasks__content-table-list.is-failed-tab .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(7) {
  min-width: 160px;
}
.tasks__content-table-list .table-list {
  overflow-y: scroll;
  overflow-y: overlay;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  height: calc(100vh - 14rem);
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-header {
  background: #f9fafb;
  height: 2.5rem;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-header .task-checkbox-header .task-checkbox {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th {
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  padding: 0.5rem 0.75rem;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:first-of-type {
  border-left: 1px solid #e5e7eb;
  padding-left: 1.5rem;
  padding-right: 0px;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 4;
  background-color: #f9fafb;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(2) {
  position: sticky;
  left: 52.5px;
  z-index: 3;
  background-color: #f9fafb;
  top: 0;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:nth-of-type(3) {
  padding: 0.6875rem 1.5rem !important;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-header tr > th:last-of-type {
  border-right: 1px solid #e5e7eb;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-header tr:hover {
  background: #f9fafb !important;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td {
  height: 4rem;
  padding: 0.6875rem 0.75rem !important;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:first-of-type {
  border-left: 0.0625rem solid #e5e7eb;
  padding-left: 1.5rem !important;
  position: sticky;
  left: 0;
  background-color: #fff;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(2) {
  min-width: 228px;
  max-width: 228px;
  position: sticky;
  left: 52.5px;
  background-color: #fff;
  box-shadow: 8.056px 0 15px -5px rgba(226, 230, 245, 0.7);
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(3) {
  min-width: 187px;
  max-width: 187px;
  padding: 0.6875rem 1.5rem !important;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(4) {
  min-width: 250px;
  max-width: 250px;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(5) {
  min-width: 58px;
  max-width: 58px;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(6) {
  min-width: 122px;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(7) {
  min-width: 194px;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:nth-of-type(8) {
  min-width: 160px;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body td:last-of-type {
  border-right: 0.0625rem solid #e5e7eb;
  min-width: 130px;
  max-width: max-content;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body .tag-field .priority__urgent {
  border: 1px solid #fee2e2;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body .tag-field .priority__high {
  border: 1px solid #fef3c7;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body .tag-field .priority__normal {
  border: 1px solid #dbeafe;
  color: #3b82f6 !important;
}
.tasks__content-table-list .table-list .react-bootstrap-table .table-organism .table-organism-body .tag-field .priority__low {
  border: 1px solid #cffafe;
}
.tasks__content-table-list .table-list .pagination-container {
  position: fixed !important;
  width: 100%;
  left: 0;
}
.tasks__content-table-list .table-list .tasks-body-wrapper > tr {
  background-color: #ffffff;
}
.tasks__content-table-list .table-list .tasks-body-wrapper > tr:hover {
  background: #f9fafb !important;
}
.tasks__content-table-list .table-list .tasks-body-wrapper > tr:hover td:first-of-type {
  background-color: #f9fafb !important;
}
.tasks__content-table-list .table-list .tasks-body-wrapper > tr:hover td:nth-of-type(2) {
  background-color: #f9fafb !important;
}
.tasks__content-table-list .table-list .tasks-body-wrapper > tr:hover .hr-blue {
  color: #3b82f6;
}
.tasks__content-table-list .table-list .tasks-body-wrapper > tr:hover .hr-green {
  color: #25d366;
}
.tasks__content-table-list .table-list .tasks-body-wrapper > tr:hover .hr-purple {
  color: #8b5cf6;
}
.tasks__content-table-list .table-list .tasks-body-wrapper > tr:hover .hr-orange {
  color: #f48023;
}
.tasks__content-table-list .table-list .bs-table-content {
  background-color: #fff;
}
.tasks__content-table-list .table-list .owner .owner-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tasks__content-table-list .table-list .owner .owner-name-text-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  max-width: max-content;
  width: auto;
}
.tasks__content-table-list .table-list .owner .owner-name-col {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: max-content;
}
.tasks__content-table-list .table-list .action-container {
  display: none;
  margin-left: 1rem;
  width: 8rem;
}
.tasks__content-table-list .table-list .action-container.show-actions {
  display: flex;
  justify-content: space-between;
  gap: 0.375rem;
}
.tasks__content-table-list .table-list .action-container--compact.show-actions {
  width: auto;
  justify-content: flex-end;
  margin-left: 0.25rem;
}
.tasks__content-table-list .table-list .action-container .action-item {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
  padding: 0.1875rem 0.25rem;
}
.tasks__content-table-list .table-list .action-container .action-item:hover {
  background-color: #dbeafe !important;
}
.tasks__content-table-list .table-list .action-container .action-item:hover svg {
  color: #1d4ed8;
}
.tasks__content-table-list .table-list .action-container:has(.action-item:hover) .action-item:not(:hover) {
  opacity: 0.35;
}
.tasks__content-table-list .table-list .name-container.hide-on-hover {
  display: none;
}
.tasks__content-table-list .table-list .task-title-text-wrapper {
  position: relative;
  flex: 1;
}
.tasks__content-table-list .table-list .task-title-text-wrapper .task-title-text {
  display: block;
}
.tasks__content-table-list .table-list .task-title-text-wrapper .task-title-text.hide-on-hover {
  display: none;
}
.tasks__content-table-list .table-list .task-title-text-wrapper .task-title-text-hover {
  display: none;
}
.tasks__content-table-list .table-list .task-title-text-wrapper .task-title-text-hover.show-on-hover {
  display: block;
}
.tasks__content-table-list .table-list .table-organism-body .task-checkbox-field {
  width: 1rem;
}
.tasks__content-table-list .table-list .table-organism-body .task-checkbox-field .task-checkbox {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.tasks__content .prospect-banner {
  padding: 0 1.5rem;
}
.tasks__content .prospect-banner .prospect-selected-row-info {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5625rem 0;
}
.tasks__content .prospect-banner .prospect-selected-row-info .divider-vertical {
  height: 1.25rem;
  width: 0.063rem;
  background: #9ca3af;
  margin: 0px 0.75rem;
}
.tasks__content .prospect-banner .prospect-selected-row-info-waring {
  background: #fffbeb;
}
.tasks__content .prospect-banner .prospect-selected-row-info-danger {
  background: #fef2f2;
}

.task-type-filter-select .transfer-container {
  min-height: 19.5rem !important;
}
.task-type-filter-select .transfer-container .transfer-body > .transfer-content {
  min-height: 17.4375rem !important;
}
.task-type-filter-select .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}

.task-type-btn {
  min-width: 10.1875rem !important;
  max-width: 14rem !important;
  width: auto !important;
  padding: 0.5rem 0.75rem;
  border: 1px solid #e8eff5;
  background: #fff;
}
.task-type-btn:hover {
  border: 1px solid #346aff;
}
.task-type-btn:hover, .task-type-btn:active, .task-type-btn:focus {
  background: #fff;
}
.task-type-btn:focus, .task-type-btn:focus-within {
  box-shadow: 0px 0px 0px 2px #daeafd;
}

.snooze-modal .modal-dialog {
  max-width: 28.125rem;
}
.snooze-modal .modal-content {
  min-height: 18.125rem;
}
.snooze-modal .modal-header {
  border-bottom: 0px;
  height: 4.5rem;
}
.snooze-modal .modal-header .modal-title .snooze-modal-header {
  display: flex;
  align-items: center;
}
.snooze-modal .modal-body {
  padding: 0px 1.5rem 1.5rem 1.5rem !important;
  overflow-y: inherit !important;
}
.snooze-modal .modal-body .bulk-action-warning {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 0;
}
.snooze-modal .modal-body .date-picker {
  width: 11.9375rem;
}
.snooze-modal .modal-body .date-picker .react-datepicker__input-container {
  cursor: pointer !important;
}
.snooze-modal .modal-body .date-picker .react-datepicker__input-container input {
  background: #ffffff !important;
  cursor: inherit;
}
.snooze-modal .modal-body .date-picker .react-datepicker__input-container .input-icons-right {
  align-items: center;
}
.snooze-modal .modal-body .date-picker .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 4px !important;
}
.snooze-modal .modal-body .time-picker {
  width: 11.9375rem;
}
.snooze-modal .modal-footer {
  padding: 0;
  max-height: 4.5rem;
  min-height: 4.5rem;
  margin: 0 1.5rem;
}
.snooze-modal .modal-footer .bs-modal-footer-action-buttons {
  margin: 0;
}
.snooze-modal .modal-footer .bs-modal-footer-action-buttons .snooze-submit-btn {
  line-height: 24px;
  padding: 4px 25px;
}
.snooze-modal .modal-footer .snooze-cancel-btn {
  min-width: 6.25rem !important;
  height: 2rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  transition: all 0.2s ease !important;
  color: #6b7280 !important;
}
.snooze-modal .modal-footer .snooze-cancel-btn:focus-visible {
  outline: none;
}
.snooze-modal .modal-footer .snooze-cancel-btn:hover, .snooze-modal .modal-footer .snooze-cancel-btn:active {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}
.snooze-modal .modal-footer .snooze-submit-btn {
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #1d4ed8;
}
.snooze-modal .modal-footer .snooze-submit-btn:focus-visible {
  outline: none;
}
.snooze-modal .modal-footer .snooze-submit-btn:hover, .snooze-modal .modal-footer .snooze-submit-btn:active {
  background-color: #346aff !important;
  border-color: #346aff !important;
}
.snooze-modal .modal-footer .btn-solid,
.snooze-modal .modal-footer .btn-ghost {
  height: 2rem;
}
.snooze-modal .modal-footer .btn-solid-primary:disabled {
  background-color: #1d4ed8;
}

.empty-task-list {
  background-color: #fff;
  height: 85vh !important;
}

.multichannel-empty-task {
  display: inline-flex !important;
  padding: 32px;
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px;
  position: absolute;
  border-radius: 12px;
  background: #fff;
  width: 442px;
  box-shadow: 0px 8px 30px 0px rgba(4, 21, 76, 0.15);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.multichannel-empty-task .title {
  color: #1f2937;
  text-align: center;
  font-family: Inter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.multichannel-empty-task .subtitle {
  color: #6b7280;
  text-align: center;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}

.task-confirmation-modal .modal-content-container {
  max-height: inherit;
}
.task-confirmation-modal .modal-footer {
  padding: 1.25rem 0rem;
}
.task-confirmation-modal .modal-footer .btn-solid {
  min-width: 6.25rem;
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #1d4ed8;
}
.task-confirmation-modal .modal-footer .btn-solid:focus-visible {
  outline: none;
}
.task-confirmation-modal .modal-footer .btn-solid:hover, .task-confirmation-modal .modal-footer .btn-solid:active {
  background-color: #346aff !important;
  border-color: #346aff !important;
}
.task-confirmation-modal .modal-footer .btn-ghost {
  min-width: 6.25rem !important;
  height: 2rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  transition: all 0.2s ease !important;
  color: #6b7280 !important;
}
.task-confirmation-modal .modal-footer .btn-ghost:focus-visible {
  outline: none;
}
.task-confirmation-modal .modal-footer .btn-ghost:hover, .task-confirmation-modal .modal-footer .btn-ghost:active {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}
.task-confirmation-modal .modal-footer .bs-modal-footer-action-buttons button:last-of-type {
  margin-left: 0px !important;
}
.task-confirmation-modal .modal-footer .btn-solid-primary:disabled {
  background-color: #1d4ed8;
}

.snooze-select > .transfer-container > .transfer-body > .transfer-content > .transfer-list > li:last-child {
  border-top: 1px solid #f3f4f6;
}

.tasker-modal .modal-dialog {
  width: 30.0625rem;
}
.tasker-modal .modal-header {
  max-height: 5rem;
  min-height: 5rem;
  background-color: #f9fafb;
  padding: 1.125rem 0 1.125rem 1.5rem;
  position: relative;
}
.tasker-modal .modal-header .tasker-pagination-wrapper {
  position: absolute;
  right: 0;
  top: 1.125rem;
  height: 2.5rem;
  width: 12.5625rem;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-top-left-radius: 1.5625rem;
  border-bottom-left-radius: 1.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.tasker-modal .modal-header .close {
  width: 2.5rem !important;
  height: 2.75rem !important;
  position: absolute;
  left: -2.5rem;
  top: 0;
  background-color: #1f2937 !important;
  border-bottom-right-radius: 0px;
  color: #ffffff !important;
  padding: 0px !important;
  opacity: 0.8000000119 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tasker-modal .modal-body {
  padding: 0 !important;
}
.tasker-modal .modal-body .url-banner {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
}
.tasker-modal .modal-body .cs-accordion .accordion__item {
  padding: 0;
  box-shadow: none;
  background-color: transparent !important;
}
.tasker-modal .modal-body .cs-accordion .accordion__heading {
  padding: 0.75rem 1rem;
  transition: all 0.2s ease;
  background-color: #eff6ff;
}
.tasker-modal .modal-body .cs-accordion .accordion__button {
  padding: 0;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #eff6ff;
}
.tasker-modal .modal-body .cs-accordion .accordion__button::before {
  display: none;
}
.tasker-modal .modal-body .cs-accordion .accordion__button svg {
  color: #9ca3af;
}
.tasker-modal .modal-body .cs-accordion .accordion__panel {
  border: none;
  padding: 0 1rem 0.75rem 1rem;
  border-top: 0px;
  background-color: #eff6ff;
  word-wrap: break-word;
}
.tasker-modal .modal-body .cs-acc-bottom {
  width: 100%;
  height: 1px;
  background-color: #bfdbfe;
}
.tasker-modal .modal-body .task__content {
  padding: 0 1.5rem;
}
.tasker-modal .modal-body .task__content-area.size-sm {
  height: 2.5rem;
}
.tasker-modal .modal-body .task__content-area.size-sm .cs-txt-ell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 24rem !important;
}
.tasker-modal .modal-body .task__content-area {
  width: 27rem;
  padding: 0.75rem 1rem;
  min-height: 13.125rem;
  max-height: 29.125rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  background-color: #f9fafb;
  word-wrap: break-word;
  position: relative;
}
.tasker-modal .modal-body .task-copy-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.tasker-modal .modal-body .prospect-custom-outcome-select .selected-outcome-main span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.tasker-modal .modal-body .task-note__wrapper {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fef3c7;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tasker-modal .modal-body .task-note__wrapper-icon span {
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-transition: opacity 600ms, visibility 600ms;
  transition: opacity 600ms, visibility 600ms;
}
.tasker-modal .modal-body .task-note__wrapper:hover {
  width: 7rem;
}
.tasker-modal .modal-body .task-note__wrapper:hover .task-note__wrapper-icon span {
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
.tasker-modal .modal-body .inline-mention-editor .upcoming-task-footer .visibility-selector-container .visibility-selector__current {
  font-size: 14px;
  color: #6b7280;
}
.tasker-modal .modal-body .mce-content-body div {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.tasker-modal .modal-body .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #9ca3af;
}
.tasker-modal .modal-body .tasker-modal-prospect-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tasker-modal .modal-body .tasker-modal-prospect-details .label-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #6b7280;
  margin-bottom: 4px;
}
.tasker-modal .modal-body .tasker-modal-prospect-details .prospect-profile-section-container .prospect-profile-section-header .cs-avatar {
  max-width: 60px;
  height: 60px;
}
.tasker-modal .modal-body .tasker-modal-prospect-details .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name span {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #1f2937;
}
.tasker-modal .modal-body .sequence-step-num {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.tasker-modal .modal-body .prospect-profile-section-container {
  width: 100%;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header {
  display: flex;
  gap: 12px;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-picture {
  border-radius: 50%;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .shd-avatar span {
  font-size: 24px;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .cs-avatar {
  width: 64px;
  height: 64px;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-image {
  border-radius: 50%;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: calc(100% - 70px);
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .prospect-profile-header-name {
  width: 87%;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .prospect-profile-header-name-dnc span:first-of-type {
  max-width: 70% !important;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .prospect-profile-header-name-dnc-btn {
  max-width: 85% !important;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name span {
  font-weight: 600;
  font-size: 24px;
  color: #1f2937;
  line-height: 29px;
  white-space: nowrap;
  max-width: 90% !important;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .do-not-contact-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
  padding: 2px 8px;
  background: #fee2e2;
  border-radius: 20px;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .no-name-text {
  color: #6b7280;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .prospect-profile-dnc-btn {
  display: flex;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .prospect-profile-dnc-btn svg {
  color: #6b7280;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .prospect-profile-dnc-btn:hover {
  background-color: #f3f4f6;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .dropdown-custom .dropdown-toggle-custom {
  padding: 0;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-name .dropdown-custom .dropdown-menu-custom .dropdown-item-custom span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation div {
  width: fit-content !important;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation span {
  display: flex;
  align-items: center;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 20px;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name .job-title-prospect {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name .job-title-at {
  flex-shrink: 0;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name .prospect-company-name-wrapper-link {
  max-width: 95%;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-profile-job-title-company-name .prospect-company-name-wrapper {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-job-title {
  color: #6b7280;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .prospect-company-name {
  color: #6b7280;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .company-name-website {
  text-decoration: underline;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-detail-icon-name .prospect-profile-section-header-user-designation .company-name-website:hover {
  color: #1d4ed8;
  cursor: pointer;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .facebook-icon, .tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .linkedin-icon, .tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .twitter-icon {
  cursor: pointer;
  color: #6b7280;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .facebook-icon:hover {
  color: #3b82f6;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .linkedin-icon:hover {
  color: #1275b1;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .twitter-icon {
  cursor: pointer;
}
.tasker-modal .modal-body .prospect-profile-section-container .prospect-profile-section-header .prospect-profile-section-header-user-detail .prospect-profile-section-header-user-social-media .twitter-icon:hover {
  color: #000000;
}
.tasker-modal .modal-footer > * {
  margin: 0px;
}
.tasker-modal .modal-footer {
  padding: 0 1.5rem !important;
  justify-content: space-between !important;
}
.tasker-modal .modal-footer .icon-container:hover svg,
.tasker-modal .modal-footer .icon-container:hover span {
  color: #4b5563;
}

.cs-task-note .modal-content {
  height: 23.25rem;
}
.cs-task-note .modal-dialog {
  width: 51.375rem;
  max-height: 23.25rem;
}
.cs-task-note .modal-header {
  background-color: #fef3c7;
  padding: 0px;
}
.cs-task-note .modal-body {
  padding: 0px !important;
  background-color: #fffbeb;
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.cs-task-note .modal-body .content-area {
  background-color: inherit;
  border-width: 0px;
  margin-top: 0px !important;
  padding: 1.125rem 0.5rem 0.5rem 1.5rem;
}
.cs-task-note .modal-body .content-area__input {
  background-color: inherit;
  height: 17.4375rem;
}

.tasks-separator {
  width: 0.125rem;
  height: 2rem;
  background: #d1d5db;
  border-radius: 0.125rem;
}

.bulk-complete-warning {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

.link-task {
  color: #6b7280;
  cursor: pointer;
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
}
.link-task:hover {
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 0.25rem;
  background: #dbeafe;
  color: #1d4ed8;
}

.task-phone-number,
.task-email-more {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 1.25rem;
  border: 0.0625rem solid #e5e7eb;
  color: #1f2937;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  height: 22px;
}

.call-outcome-chip {
  border-radius: 20px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: 28px;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
}
.call-outcome-chip .call-outcome-chip-container {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
}
.call-outcome-chip svg {
  width: 18px;
  height: 18px;
  color: #6b7280;
}
.call-outcome-chip span {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.phone-number-popover {
  display: flex;
  width: 225px;
  padding: 16px 0px;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  top: 88px;
  right: 110px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  max-height: 9rem;
  overflow-y: auto;
  z-index: 2;
}
.phone-number-popover .ptb-6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.phone-number-popover .ptb-6:hover {
  background: #eff6ff;
}
.phone-number-popover .gap-6 {
  gap: 0.375rem;
}
.phone-number-popover input[type=radio] {
  height: 1rem;
  width: 1rem;
}
.phone-number-popover .number-list {
  color: #1f2937;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.phone-number-popover.email-list-popover {
  top: 44px;
  width: 280px;
}

.tasker-email-switch-popover {
  max-width: 320px;
  box-shadow: 0px 0px 20px 0px rgba(0, 13, 56, 0.12);
  min-width: max-content;
}
.tasker-email-switch-popover.bs-popover-inner .bs-popover-inner-content {
  padding: 8px 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.tasker-email-switch-popover .tasker-email-switch-popover-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 12rem;
  overflow-y: auto;
}
.tasker-email-switch-popover .tasker-email-switch-popover-inner .tasker-email-switch-row {
  gap: 10px;
}
.tasker-email-switch-popover .tasker-email-switch-popover-inner .tasker-email-switch-row div {
  gap: 6px;
}
.tasker-email-switch-popover .tasker-email-switch-row {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.tasker-email-switch-popover .tasker-email-switch-row:hover {
  background: #eff6ff;
}
.tasker-email-switch-popover .min-width-0 {
  min-width: 0;
}

.task-sorting span {
  margin-top: 0.5rem;
}
.task-sorting .sort-button {
  margin-left: 0.25rem !important;
}
.task-sorting .sort-button .sequence-sorting-icon .single-icon svg {
  width: 0.875rem;
  height: 0.875rem;
}

.sequence-name-tasker-modal {
  color: #1f2937;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.sequence-name-tasker-modal:hover {
  color: #1d4ed8;
}

.social-media-icon-linkedin:hover {
  color: #178acf;
}

.social-media-icon-facebook-world:hover {
  color: #1d4ed8;
}
.social-media-icon-facebook-world.world {
  margin-top: 5px;
}

.x-twitter {
  color: #6b7280;
  display: inline-block;
}

.x-twitter:hover {
  color: #1f2937;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-40 {
  opacity: 0.35;
}

.opacity-30 {
  opacity: 0.32;
}

.left-right-pagination-icon {
  padding: 0.125rem;
  color: #6b7280;
}
.left-right-pagination-icon:hover {
  background: #f3f4f6;
  border-radius: 50px;
}

.task-title-col:hover {
  color: #1d4ed8;
}

.li-auto-task-title {
  justify-content: space-between;
  width: 100%;
}
.li-auto-task-title .task-title-wrapper {
  max-width: max-content;
}

.task-title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: max-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-title-wrapper .action-item {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  transition: all 0.2s;
  cursor: pointer;
  padding: 0.1875rem 0.25rem;
}
.task-title-wrapper .action-item:hover {
  background-color: #dbeafe !important;
}
.task-title-wrapper .action-item:hover svg {
  color: #1d4ed8;
}
.task-title-wrapper .task-title-text-container {
  flex: 3 1;
  font-weight: 600;
  cursor: pointer;
  width: auto;
  line-height: 1.5rem;
  color: #1f2937;
  text-decoration: none;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 2500px) {
  .task-title-wrapper .task-title-text-container {
    width: fit-content !important;
  }
}
.task-title-wrapper .task-title-text-container:hover {
  color: #1d4ed8;
}

.prospect-task-col .contact-name-col:hover {
  color: #1d4ed8;
}
.prospect-task-col .contact-field-name-container {
  width: 100%;
  max-width: 100%;
}
.prospect-task-col .email-field {
  width: 100%;
  max-width: 100%;
}
.prospect-task-col .email-field .contact-email-text-container {
  width: auto;
  max-width: max-content;
}

.sequence-task-col a {
  flex: 1;
  min-width: 0px;
}
.sequence-task-col a:hover {
  color: #1d4ed8;
  text-decoration: none;
}
.sequence-task-col .sequence-name-text-container {
  width: auto;
  max-width: max-content;
  color: #1f2937;
}
.sequence-task-col .sequence-name-text-container:hover {
  color: #1d4ed8;
}

.task-note-loader {
  padding: 0.375rem 1.5rem;
}

.test-task-title {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.contact-name-text-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  max-width: max-content;
  width: auto;
}

.contact-name-col {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: max-content;
}

.contact-email-text-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  max-width: max-content;
  width: auto;
}

.contact-email-col {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: max-content;
}

.sequence-name-text-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  max-width: max-content;
  width: auto;
}

.sequence-name-col {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: max-content;
}

.prospect-outcome-col .prospect-custom-outcome-select {
  width: max-content;
}

.task-number-empty-chip {
  min-width: 50px;
  max-width: fit-content;
  height: 16px;
}

.white-space-nowrap {
  white-space: nowrap;
}

.tasks-banner {
  padding-right: 2rem;
  padding-left: 1.5rem;
}
.tasks-banner .email-selected-row-info {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5625rem 0;
}
.tasks-banner .email-selected-row-info .divider-vertical {
  height: 1.25rem;
  width: 0.063rem;
  background: #9ca3af;
  margin: 0px 1rem;
}
.tasks-banner .email-selected-row-info-waring {
  background: #fffbeb;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #fef3c7;
}
.tasks-banner .email-selected-row-info-danger {
  background: #fef2f2;
}

.tasker-modal-content {
  display: flex;
  flex-direction: column;
}
.tasker-modal-content .task-attachments .gap-6 {
  gap: 0.375rem;
}

.task-content-scrollable {
  flex: 1;
  overflow-y: auto;
  max-height: 20rem;
}

.task-copy-icon-static {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px 12px;
  background-color: #f9fafb;
}

.prospects-filters-modal .tasker-modal-content::-webkit-scrollbar-track {
  background: #f9fafb;
}

.task-content-scrollable::-webkit-scrollbar-track {
  background: #f9fafb;
}

.complete-task-description {
  margin-bottom: 0.5rem;
}

.tasker-modal-skip {
  padding: 0px 0.25rem;
}
.tasker-modal-skip:hover {
  background: #dbeafe;
  border-radius: 0.25rem;
}
.tasker-modal-skip.opacity-30:hover {
  background: transparent;
}
.tasker-modal-skip.opacity-30:hover svg,
.tasker-modal-skip.opacity-30:hover span {
  color: #6b7280 !important;
}

.tasker-modal-snooze {
  padding: 0px 0.125rem;
}
.tasker-modal-snooze:hover {
  background: #dbeafe;
  border-radius: 0.25rem;
}
.tasker-modal-snooze.opacity-30:hover {
  background: transparent;
}
.tasker-modal-snooze.opacity-30:hover svg,
.tasker-modal-snooze.opacity-30:hover span {
  color: inherit;
}

.prospect-drawer-header-footer-container-call-btn {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.prospect-drawer-header-footer-container-call-btn .prospect-drawer-header-footer-call-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  padding: 6px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  border-radius: 4px 0 0 4px;
}
.prospect-drawer-header-footer-container-call-btn .prospect-drawer-header-footer-call-icon {
  border-radius: 0 4px 4px 0;
  display: flex;
  align-items: center;
  padding: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.tasker-modal-call-btn {
  min-width: 80px;
}

.task-instruction-container {
  border-radius: 0.25rem;
  border: 0.0625rem solid #bfdbfe;
}

.task-instruction-body-container {
  padding: 0rem 1.5rem;
}

.scroll-behaviour-task .table-list {
  overflow: hidden !important;
}
.scroll-behaviour-task .table-list .react-bootstrap-table .table-organism .table-organism-body tr:hover {
  background: #fff !important;
}
.scroll-behaviour-task .table-list .tasks-body-wrapper > tr:hover td:first-of-type {
  background: #fff !important;
}
.scroll-behaviour-task .table-list .tasks-body-wrapper > tr:hover td:nth-of-type(2) {
  background: #fff !important;
}

.open-whatsapp-btn .tooltip-inner {
  max-width: 13.625rem;
}

.tasker-modal .bs-radio-wrapper .bs-radio-input:checked ~ .bs-radio-inner {
  border-color: #1d4ed8;
}
.tasker-modal .bs-radio-wrapper .bs-radio-inner:after {
  background-color: #1d4ed8;
}

.task-content-area-subject {
  min-height: 2.125rem !important;
}

.manual-task-creation {
  color: #111827;
  font-weight: 400;
  line-height: 20px;
  font-size: 14px;
}

.bs-tasker-call-insights {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 0 1.5rem;
  margin-top: 24px;
  margin-bottom: 16px;
}
.bs-tasker-call-insights__tablist {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding-top: 8px;
}
.bs-tasker-call-insights__tablist .bs-tabs-content-holder {
  overflow: hidden;
}
.bs-tasker-call-insights__tabs.bs-tabs-top.bs-tabs-small .bs-tabs-tab {
  padding: 8px 0;
  margin: 0;
}
.bs-tasker-call-insights__tabs.bs-tabs-top.bs-tabs-small .bs-tabs-ink-bar {
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  border-radius: 4px 4px 0 0;
}
.bs-tasker-call-insights__tabs.bs-tabs-top.bs-tabs-small .bs-tabs-nav-list {
  display: flex;
  align-items: center;
  gap: 16px;
}
.bs-tasker-call-insights__tabs.bs-tabs-top.bs-tabs-small > .bs-tabs-content-holder {
  margin-top: 0;
}
.bs-tasker-call-insights__tab {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6b7280;
  outline: none;
  border: none;
  background: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}
.bs-tasker-call-insights__tab-icon {
  color: #6b7280;
}
.bs-tasker-call-insights__tab--active.bs-tasker-call-insights__tab--ai-summary {
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bs-tasker-call-insights__tab--active:not(.bs-tasker-call-insights__tab--ai-summary) {
  color: #1d4ed8;
}
.bs-tasker-call-insights__tab-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 120px;
}
.bs-tasker-call-insights__tab-panel.active-tab-ai-summary {
  gap: 12px;
}
.bs-tasker-call-insights__tab-panel.active-tab-ai-summary .bs-tasker-call-insights__panel {
  padding: 16px;
}
.bs-tasker-call-insights__tab-panel--empty {
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 16px;
}
.bs-tasker-call-insights__panel {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  position: relative;
}
.bs-tasker-call-insights__panel--filled {
  max-height: 323px;
  overflow-y: auto;
}
.bs-tasker-call-insights__panel--filled .tasker-call-insights-panel-header-time {
  display: flex;
  align-items: center;
  padding: 12px 12px 0 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #6b7280;
}
.bs-tasker-call-insights__panel--filled.bs-tasker-call-insights__panel--ai-summary {
  display: flex;
  flex-direction: column;
  max-height: 323px;
  overflow: hidden;
  min-height: 0;
}
.bs-tasker-call-insights__panel--filled.bs-tasker-call-insights__panel--ai-summary .bs-tasker-call-insights__panel-header {
  flex-shrink: 0;
}
.bs-tasker-call-insights__panel--filled.bs-tasker-call-insights__panel--ai-summary .bs-tasker-call-insights__summary-body-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.bs-tasker-call-insights__panel-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.bs-tasker-call-insights__panel-header .copy-button-icon {
  display: flex;
  align-items: center;
  padding: 3px;
}
.bs-tasker-call-insights__panel-header .copy-button-icon:hover {
  color: #6b7280;
  background: #f3f4f6;
  border-radius: 4px;
}
.bs-tasker-call-insights__panel-header .tasker-call-insights-panel-header-time {
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  padding: 0;
}
.bs-tasker-call-insights__body-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #1f2937;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.bs-tasker-call-insights__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.bs-tasker-call-insights__empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.bs-tasker-call-insights__empty-title {
  margin: 0;
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.bs-tasker-call-insights__empty-caption {
  margin: 0;
  max-width: 320px;
  color: #1f2937;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.bs-tasker-call-insights__empty-text {
  margin: 0;
}
.bs-tasker-call-insights .enable-recording-btn {
  display: flex;
  align-items: center;
  height: auto;
  background: none;
  padding: 0;
  color: #1d4ed8;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.bs-tasker-call-insights .enable-recording-btn:hover, .bs-tasker-call-insights .enable-recording-btn:focus, .bs-tasker-call-insights .enable-recording-btn:active {
  background: none;
  color: #1d4ed8;
}
.bs-tasker-call-insights__tab-panel--list {
  min-height: 0;
  gap: 12px;
}
.bs-tasker-call-insights__call-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bs-tasker-call-insights__call-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.bs-tasker-call-insights__call-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
.bs-tasker-call-insights__call-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bs-tasker-call-insights__call-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bs-tasker-call-insights__call-date {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
}
.bs-tasker-call-insights__call-sub {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bs-tasker-call-insights__call-time {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}
.bs-tasker-call-insights__call-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #6b7280;
  display: inline-block;
}
.bs-tasker-call-insights__call-duration {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}
.bs-tasker-call-insights__call-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.bs-tasker-call-insights__call-outcome {
  display: flex;
  align-items: center;
  padding: 2px 10px;
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  border-radius: 20px;
}
.bs-tasker-call-insights__call-outcome--positive {
  border-color: #6ee7b7;
  background: #ecfdf5;
}
.bs-tasker-call-insights__call-outcome--positive .bs-tasker-call-insights__call-outcome-label {
  color: #047857;
}
.bs-tasker-call-insights__call-outcome--negative {
  border-color: #fecaca;
  background: #fef2f2;
}
.bs-tasker-call-insights__call-outcome--negative .bs-tasker-call-insights__call-outcome-label {
  color: #b91c1c;
}
.bs-tasker-call-insights__call-outcome-label {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  white-space: nowrap;
}
.bs-tasker-call-insights__call-redirect {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  color: #6b7280;
  background: transparent;
  border: none;
  cursor: pointer;
}
.bs-tasker-call-insights__call-redirect:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}
.bs-tasker-call-insights__call-redirect:focus {
  outline: none;
  background-color: #f3f4f6;
}
.bs-tasker-call-insights__note-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bs-tasker-call-insights__note-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.bs-tasker-call-insights__note-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  flex-shrink: 0;
}
.bs-tasker-call-insights__note-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.bs-tasker-call-insights__note-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.bs-tasker-call-insights__note-header-left {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bs-tasker-call-insights__note-author {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bs-tasker-call-insights__note-timestamp {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}
.bs-tasker-call-insights__note-header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.bs-tasker-call-insights__note-header-actions .copy-button-icon {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.bs-tasker-call-insights__note-header-actions .copy-button-icon:hover {
  color: #6b7280;
  background: #f3f4f6;
}
.bs-tasker-call-insights__note-visibility {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
}
.bs-tasker-call-insights__note-content {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #1f2937;
  word-break: break-word;
}
.bs-tasker-call-insights__note-attachments {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.automated-task-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #eef2ff;
  border: 1px solid #e0e7ff;
  margin-left: 8px;
  vertical-align: middle;
  color: #6366f1;
  flex-shrink: 0;
}
.automated-task-badge__icon {
  display: block;
  flex-shrink: 0;
}
.automated-task-badge__label {
  font-size: 11px;
  font-weight: 600;
  color: #6366f1;
}

.failed-reason-column__btn.btn.btn-link {
  text-decoration: none;
  gap: 4px;
}
.failed-reason-column__btn.btn.btn-link:hover {
  background: none;
  text-decoration: underline;
  color: #b91c1c !important;
}
.failed-reason-column__btn.btn.btn-link:focus, .failed-reason-column__btn.btn.btn-link:active, .failed-reason-column__btn.btn.btn-link:focus:active {
  background: none;
  text-decoration: none;
  box-shadow: none;
  outline: none;
  color: inherit;
}
.failed-reason-column__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.failed-reason-column__retry-btn.btn.btn-link {
  text-decoration: none;
  font-size: 16px;
}

.failed-reason-popup__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, 0.45);
  z-index: 1050;
  border: none;
  cursor: default;
}
.failed-reason-popup__container {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  pointer-events: none;
}
.failed-reason-popup__dialog {
  background: #ffffff;
  border-radius: 0.25rem;
  width: 100%;
  max-width: 512px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.failed-reason-popup__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-bottom: 1px solid #f3f4f6;
}
.failed-reason-popup__icon-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.failed-reason-popup__icon-circle svg {
  width: 16px;
  height: 16px;
}
.failed-reason-popup__icon-circle--red {
  background: #fef2f2;
  color: #f5222d;
}
.failed-reason-popup__icon-circle--amber {
  background: #fffbeb;
  color: #faad14;
}
.failed-reason-popup__title {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #262626;
  margin: 0;
}
.failed-reason-popup__close-btn {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: color 0.2s;
}
.failed-reason-popup__close-btn:hover {
  color: #262626;
}
.failed-reason-popup__body {
  padding: 16px 24px;
}
.failed-reason-popup__missing-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}
.failed-reason-popup__url-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}
.failed-reason-popup__field-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.failed-reason-popup__field-input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 14px;
  color: #262626;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s;
}
.failed-reason-popup__field-input::placeholder {
  color: #9ca3af;
}
.failed-reason-popup__field-input:focus {
  border-color: #4f46e5;
  box-shadow: 0 0 0 1px #4f46e5;
}
.failed-reason-popup__url-display {
  padding: 8px 12px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  word-break: break-all;
  font-size: 14px;
  color: #262626;
}
.failed-reason-popup__raw-error-section {
  margin-top: 12px;
}
.failed-reason-popup__view-details-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: none;
  color: #9ca3af;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  transition: color 0.2s;
}
.failed-reason-popup__view-details-btn:hover {
  color: #262626;
}
.failed-reason-popup__view-details-btn svg {
  width: 14px;
  height: 14px;
  transition: transform 0.15s;
}
.failed-reason-popup__view-details-btn--open svg {
  transform: rotate(180deg);
}
.failed-reason-popup__raw-error {
  margin-top: 8px;
  padding: 10px 12px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  font-size: 11px;
  max-height: 120px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-all;
  color: #9ca3af;
}
.failed-reason-popup__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
}
.failed-reason-popup__btn {
  height: 32px;
  padding: 0 16px;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s;
}
.failed-reason-popup__btn--cancel {
  background: #ffffff;
  color: #9ca3af;
  border: 1px solid #d9d9d9;
}
.failed-reason-popup__btn--cancel:hover {
  background: #f3f4f6;
  color: #262626;
  text-decoration: none;
}
.failed-reason-popup__btn--primary {
  background: #1d4ed8;
  color: #ffffff;
  border: none;
}
.failed-reason-popup__btn--primary:hover:not(:disabled) {
  background: rgb(10.1888755502%, 27.4045618247%, 75.8895558223%);
  color: #ffffff;
  text-decoration: none;
}
.failed-reason-popup__btn--primary:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.failed-reason-popup__loading {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
}

.failed-reason-popup__spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #e5e7eb;
  border-top-color: #0137fc;
  border-radius: 50%;
  animation: frp-spin 0.7s linear infinite;
  flex-shrink: 0;
}

@keyframes frp-spin {
  to {
    transform: rotate(360deg);
  }
}
.bulk-retry-modal .modal-dialog {
  width: 28rem !important;
}
.bulk-retry-modal .modal-dialog .modal-content {
  border-radius: 12px !important;
}

.input-dropdown-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 1.5rem;
}
.input-dropdown-container.prev-next-btn-visible .input-dropdown {
  width: 19.875rem;
}
.input-dropdown-container .input-dropdown {
  display: flex;
  align-items: center;
  width: 24.8125rem;
  height: 2.125rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  transition: all 0.2s ease;
}
.input-dropdown-container .input-dropdown:focus, .input-dropdown-container .input-dropdown:focus-within {
  border-color: #1d4ed8;
}
.input-dropdown-container .input-dropdown:focus .input-dropdown--label, .input-dropdown-container .input-dropdown:focus-within .input-dropdown--label {
  border-right-color: #1d4ed8;
}
.input-dropdown-container .input-dropdown.disabled {
  opacity: 0.35;
}
.input-dropdown-container .input-dropdown--label {
  width: 3.625rem;
  height: 2rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem 0 0 0.25rem;
  box-sizing: border-box;
  border-right: 0.0625rem solid #d1d5db;
  background: #f9fafb;
  overflow: hidden;
  transition: all 0.2s ease;
}
.input-dropdown-container .input-dropdown--label p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.input-dropdown-container .input-dropdown .bs-select-box {
  height: 2rem;
  border: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-dropdown-container .input-dropdown .bs-select-box .fromEmail-option {
  max-width: 18.5087rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-dropdown-container .input-dropdown .bs-select-box .prospect-option {
  max-width: 13.6425rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-dropdown-container .input-dropdown .bs-select-box:focus,
.input-dropdown-container .input-dropdown .bs-select-box :hover {
  border: none;
  box-shadow: none;
}
.input-dropdown-container .prev-next-btn {
  display: flex;
  align-items: center;
  width: 4.5rem;
  height: 2rem;
  border-radius: 0.25rem;
  background: #fff;
  box-sizing: border-box;
}
.input-dropdown-container .prev-next-btn--cta {
  width: 2.25rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
  overflow: hidden;
  border: 0.0625rem solid #d1d5db;
  background-color: transparent;
}
.input-dropdown-container .prev-next-btn--cta svg {
  width: 1rem;
  height: 1rem;
  color: #1f2937;
}
.input-dropdown-container .prev-next-btn--cta:first-of-type {
  border-right-width: 0.5px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.input-dropdown-container .prev-next-btn--cta:last-of-type {
  border-left-width: 0.5px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.input-dropdown-container .prev-next-btn--cta:hover, .input-dropdown-container .prev-next-btn--cta:focus {
  border-color: #1d4ed8;
  background: #dbeafe;
}
.input-dropdown-container .prev-next-btn--cta.disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.input-dropdown-container .prev-next-btn--cta.disabled:hover, .input-dropdown-container .prev-next-btn--cta.disabled:focus {
  border-color: #d1d5db;
  background: #fff;
}

.input-dropdown-select {
  width: 24.8125rem !important;
  padding: 0 !important;
  padding-top: 0.25rem !important;
}
.input-dropdown-select.sm-width {
  width: 19.8125rem !important;
}
.input-dropdown-select .transfer-search {
  height: 2rem;
  max-height: 2rem;
  padding: 0.375rem 0.75rem;
  border: 0.0625rem solid #f3f4f6;
  margin-bottom: 0.5rem;
}
.input-dropdown-select .transfer-search .transfer-search-input {
  height: 1.25rem;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  align-items: center;
  justify-content: flex-start;
}
.input-dropdown-select .transfer-search .transfer-search-input .input-icons-left {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  margin-right: 0.5rem !important;
}
.input-dropdown-select .transfer-search .transfer-search-input .input-icons-left .bs-input-prefix {
  font-size: 1rem;
  margin: 0 !important;
}
.input-dropdown-select .transfer-search .transfer-search-input .bs-input {
  border-radius: 0 !important;
}
.input-dropdown-select .transfer-list li {
  padding: 0.375rem 0.75rem;
}
.input-dropdown-select .loader-wrapper {
  height: 15.625rem;
}
.input-dropdown-select .transfer-empty {
  margin: 0 !important;
  height: 15.625rem;
}
.input-dropdown-select .transfer-empty .input-dropdown-empty-ui {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  width: 7rem;
}
.input-dropdown-select .transfer-empty .input-dropdown-empty-ui--image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-dropdown-select .transfer-empty .input-dropdown-empty-ui h3 {
  margin: 0;
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.input-dropdown-select .from-email-option {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.input-dropdown-select .from-email-option--inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-dropdown-select .from-email-option--fromName {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  max-width: 19.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-dropdown-select .from-email-option--fromName.prospect {
  max-width: 16.9444rem;
}
.input-dropdown-select .from-email-option--type .smtp-label-container {
  width: 2.8125rem;
  height: 1.125rem;
  border-radius: 1.5rem;
}
.input-dropdown-select .from-email-option--type .smtp-label-container span {
  color: #6b7280;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.input-dropdown-select .from-email-option--fromEmail {
  margin: 0;
  color: #6b7280;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  max-width: 21.8431rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-dropdown-select .from-email-option--fromEmail.prospect {
  max-width: 15.6563rem;
}
.input-dropdown-select .from-email-option--status {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
}
.input-dropdown-select .from-email-option--status.connected {
  background-color: #059669;
}
.input-dropdown-select .from-email-option--status.disconnected {
  background-color: #b91c1c;
}

.spintax-icon {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.spintax-dropdown {
  width: 17.313rem !important;
  height: 23.188rem !important;
}
.spintax-dropdown .transfer-header {
  padding: 0.5rem 0 !important;
  border: none !important;
  position: relative;
}
.spintax-dropdown .transfer-header::after {
  content: "";
  display: block;
  width: calc(100% - 1.5rem);
  height: 0.0625rem;
  background-color: #e5e7eb;
  position: absolute;
  bottom: 0;
  left: 0.75rem;
  right: 0.75rem;
}
.spintax-dropdown .spintax-header {
  padding: 0.5rem 0.75rem;
  gap: 0.25rem;
}
.spintax-dropdown .spintax-header .insert-new-spintax {
  gap: 0.25rem;
  color: #1d4ed8;
}
.spintax-dropdown .spintax-header .insert-new-spintax span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.spintax-dropdown .spintax-header .spintax-info-icon {
  margin-top: 0.125rem;
}
.spintax-dropdown .spintax-header:hover {
  background: #eff6ff;
}
.spintax-dropdown .transfer-container {
  height: 100%;
}
.spintax-dropdown .transfer-container .transfer-body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.spintax-dropdown .transfer-container .transfer-body .transfer-content {
  flex-grow: 1;
  max-height: none;
  overflow-y: hidden !important;
}
.spintax-dropdown li {
  padding: 0 !important;
}
.spintax-dropdown li:hover {
  background-color: transparent !important;
}
.spintax-dropdown .main-title {
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  font-weight: 500;
}
.spintax-dropdown .main-item {
  padding: 0.375rem 0;
  height: 6.125rem;
}
.spintax-dropdown .main-item .main-title {
  padding: 0 0.75rem;
}
.spintax-dropdown .inner-item {
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  padding: 0.125rem 0.75rem;
  font-weight: 400;
}
.spintax-dropdown .inner-item:hover {
  background-color: #eff6ff;
}

.tooltip-spintax .tooltip-inner {
  max-width: 16.25rem !important;
}

.shd-modal .modal-content {
  border: 0.125rem solid #f3f4f6 !important;
}
.shd-modal.border .shd-modal--header {
  padding: 1.25rem 1.5rem !important;
  border-bottom: 0.0625rem solid #e5e7eb !important;
}
.shd-modal.border .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
  border-top: 0.0625rem solid #e5e7eb !important;
}
.shd-modal--header {
  padding: 1.5rem !important;
  border: none !important;
  min-height: auto !important;
}
.shd-modal--title {
  color: #1f2937 !important;
  line-height: 1.25rem !important;
}
.shd-modal--close-btn {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
}
.shd-modal--close-btn svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.shd-modal--body {
  padding: 0 1.5rem !important;
}
.shd-modal--divider {
  width: calc(100% - 3rem);
  height: 0.125rem;
  background: #f3f4f6;
  display: flex;
  align-self: center;
}
.shd-modal--footer.with-content {
  justify-content: space-between !important;
}
.shd-modal--footer {
  min-height: unset !important;
  max-height: unset !important;
  padding: 1rem 1.5rem !important;
  border: none !important;
}
.shd-modal--footer * {
  margin: 0;
}
.shd-modal--footer__right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.shd-modal--footer__right .shd-button {
  min-width: 6.25rem;
}
.shd-modal--footer__right .shd-button--secondary.cancel-btn {
  min-width: 5rem;
  color: #6b7280;
  line-height: 1.25rem;
  border: 0.0625rem solid #e5e7eb;
}
.shd-modal--footer__right .shd-button--secondary.cancel-btn:hover, .shd-modal--footer__right .shd-button--secondary.cancel-btn:focus-visible, .shd-modal--footer__right .shd-button--secondary.cancel-btn:active {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}

.schedule-reply-modal .modal-content {
  width: 27.9375rem;
  margin: 0 auto;
}
.schedule-reply-modal .timezone-wrapper .bs-select-box {
  padding: 0.375rem 1rem;
  border: 0.0625rem solid #e5e7eb;
  background: #f9fafb;
}
.schedule-reply-modal .timezone-wrapper .bs-select-box .selected-timezone {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.schedule-reply-modal .timezone-wrapper .bs-select-box .selected-timezone .timezone-value {
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.schedule-reply-modal .timezone-wrapper .bs-select-box .selected-timezone .sequence-timezone-label {
  color: #9ca3af;
  font-size: 0.625rem;
  line-height: 1.25rem;
}
.schedule-reply-modal .schedule-condition-wrapper {
  gap: 0.5rem;
}
.schedule-reply-modal .schedule-condition-wrapper .schedule-condition-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.schedule-reply-modal .schedule-condition-wrapper .schedule-condition-header svg {
  color: #9ca3af;
}
.schedule-reply-modal .schedule-condition-wrapper .bs-checkbox-wrapper {
  line-height: 1rem;
}
.schedule-reply-modal .schedule-condition-wrapper .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.schedule-reply-modal .schedule-condition-wrapper .bs-checkbox-wrapper .bs-checkbox + span {
  color: #1f2937;
  font-size: 0.75rem;
  line-height: 1rem;
  user-select: none;
}
.schedule-reply-modal .recently-used-schedules-wrapper {
  gap: 0.625rem;
}
.schedule-reply-modal .recently-used-schedules-wrapper .recently-used-schedules-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.schedule-reply-modal--content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}
.schedule-reply-modal--content-label {
  margin: 0;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.schedule-reply-modal--schedule {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 0.375rem 1rem;
  background: #fff;
  transition: all 0.2s ease;
}
.schedule-reply-modal--schedule .day,
.schedule-reply-modal--schedule .date {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.schedule-reply-modal--schedule:hover {
  background: #eff6ff;
}
.schedule-reply-modal--schedule.initial {
  background: #dbeafe;
}
.schedule-reply-modal--schedule.selected {
  background: #dbeafe;
}
.schedule-reply-modal--divider {
  width: 100%;
  height: 0.0625rem;
  background: #f3f4f6;
  display: flex;
  align-self: center;
  margin-bottom: 1.5rem;
}
.schedule-reply-modal--footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.schedule-reply-modal--footer .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
}
.schedule-reply-modal--footer .icon-wrapper svg {
  width: 100%;
  height: 100%;
  color: #1f2937;
}
.schedule-reply-modal--footer p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.schedule-reply-modal--footer:hover svg,
.schedule-reply-modal--footer:hover p {
  color: #1d4ed8;
}

.schedule-condition-tooltip .tooltip-inner {
  max-width: 15.125rem !important;
}

.pick-date-time-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pick-date-time-header svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}

.pick-date-and-time-container {
  margin-bottom: 1.5rem;
  height: 20.5rem;
}
.pick-date-and-time-container .pick-date-and-time-calendar {
  display: flex;
  justify-content: space-between;
}
.pick-date-and-time-container .pick-date-and-time-calendar .selected-date-container {
  width: 10.5rem;
  height: 2rem;
  padding: 0.375rem 0.5rem;
  border-radius: 4px;
  background-color: #f3f4f6;
}
.pick-date-and-time-container .pick-date-and-time-calendar .selected-date-container p {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters {
  margin-top: 0.75rem;
  width: 10.5rem;
  padding: 0.375rem 0.5rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters:hover {
  border-color: #1d4ed8;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters:focus-visible {
  outline-color: #1d4ed8;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters.time-error {
  border-color: #b91c1c;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .hh-mm-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .hh-mm-container .react-time-picker__wrapper {
  border: none;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .hh-mm-container .react-time-picker__wrapper .react-time-picker__inputGroup {
  min-width: none;
  padding: 0;
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25rem;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .hh-mm-container .react-time-picker__wrapper .react-time-picker__inputGroup .react-time-picker__inputGroup__input {
  outline: none;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .hh-mm-container .react-time-picker__wrapper .react-time-picker__inputGroup .react-time-picker__inputGroup__divider {
  margin: 0rem 0.5rem;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .hh-mm-container .react-time-picker__inputGroup__amPm {
  display: none;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .am-pm-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  position: relative;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .am-pm-container .am-pm-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.5rem;
  padding: 0.125rem 0.25rem;
  color: #9ca3af;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  border: 0.0625rem solid transparent;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .am-pm-container .am-pm-text.active {
  color: #1d4ed8;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .am-pm-container .active-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.75rem;
  height: 1.5rem;
  border: 0.0625rem solid rgb(191, 219, 254);
  border-radius: 0.125rem;
  transition: left 0.2s ease-out;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .am-pm-container .active-border.am {
  left: 0%;
}
.pick-date-and-time-container .pick-date-and-time-calendar .custom-time-input-filters .am-pm-container .active-border.pm {
  left: 54%;
}
.pick-date-and-time-container .pick-date-and-time-calendar .time-error-msg {
  color: #b91c1c;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
  margin-top: 0.25rem;
}
.pick-date-and-time-container .react-datepicker {
  box-shadow: none;
  padding: 0 !important;
}
.pick-date-and-time-container .react-datepicker__month-container {
  width: 13.5rem;
  min-height: 15rem;
  padding: 0.75rem !important;
  border-radius: 0.25rem !important;
  border: 0.0625rem solid #f3f4f6 !important;
}
.pick-date-and-time-container .react-datepicker__header {
  border-bottom: none !important;
}
.pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header p {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}
.pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button {
  width: 1rem;
  height: 1rem;
  text-align: center;
  color: #1f2937;
  padding: 0;
  border: none;
  background-color: transparent;
}
.pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:hover, .pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:focus, .pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:focus-within, .pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:active {
  outline-color: #d1d5db;
}
.pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button svg {
  width: 1rem;
  height: 1rem;
  display: block;
}
.pick-date-and-time-container .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:disabled {
  color: #d1d5db;
}
.pick-date-and-time-container .react-datepicker__current-month {
  display: flex;
  align-items: center;
  padding: 0;
}
.pick-date-and-time-container .react-datepicker__header__dropdown {
  display: none;
}
.pick-date-and-time-container .react-datepicker__day-names {
  height: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.875rem !important;
}
.pick-date-and-time-container .react-datepicker__day-name {
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}
.pick-date-and-time-container .react-datepicker__month {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
.pick-date-and-time-container .react-datepicker__week {
  height: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
}
.pick-date-and-time-container .react-datepicker__day {
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
  padding: 0 !important;
  color: #1f2937 !important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem !important;
}
.pick-date-and-time-container .react-datepicker__day:hover {
  background-color: #eff6ff;
}
.pick-date-and-time-container .react-datepicker__day--disabled {
  color: #d1d5db !important;
}
.pick-date-and-time-container .react-datepicker__day--selected, .pick-date-and-time-container .react-datepicker__day--keyboard-selected {
  color: #fff !important;
  background-color: #1d4ed8 !important;
}
.pick-date-and-time-container .react-datepicker__input-time-container {
  position: absolute;
  right: 0rem;
  top: 2.75rem;
  margin: 0;
  width: 168px;
}
.pick-date-and-time-container .react-datepicker__input-time-container .react-datepicker-time__caption {
  display: none;
}
.pick-date-and-time-container .react-datepicker__input-time-container .react-datepicker-time__input-container {
  width: 100%;
}
.pick-date-and-time-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  margin: 0;
}
.pick-date-and-time-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input:focus-visible {
  outline: none;
}
.pick-date-and-time-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .react-datepicker-time__input {
  margin: 0;
  padding: 0.375rem 0.5rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.pick-date-and-time-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .react-datepicker-time__input:hover {
  border-color: #1d4ed8;
}
.pick-date-and-time-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .react-datepicker-time__input:focus-visible {
  outline-color: #1d4ed8;
}
.pick-date-and-time-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .react-datepicker-time__input::-webkit-calendar-picker-indicator {
  display: none;
}

.timezone-dropdown-select .transfer-list div li.active {
  color: #1d4ed8 !important;
  background-color: transparent !important;
}
.timezone-dropdown-select .transfer-list div li.active:hover {
  background-color: #eff6ff !important;
}

@keyframes slideIn {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  100% {
    transform: translateX(10px);
    opacity: 1;
  }
}
@keyframes slideBorder {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
.upgrade-plan-banner {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1.25rem 1.5rem;
  background: #eef2ff;
}
.upgrade-plan-banner__left {
  flex: 1;
}
.upgrade-plan-banner__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.upgrade-plan-banner__title .title-icon-container {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upgrade-plan-banner__title .title-icon-container svg {
  width: 1.25rem;
  height: 1.25rem;
}
.upgrade-plan-banner__title h1 {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
}
.upgrade-plan-banner__desc {
  margin: 0;
  margin-top: 6px;
  color: #111827;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.upgrade-plan-banner__features {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.upgrade-plan-banner__features--feature {
  display: flex;
  align-items: center;
  gap: 4px;
}
.upgrade-plan-banner__features--feature .feature-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 0.25rem;
  border-radius: 0.75rem;
  background: #e0e7ff;
}
.upgrade-plan-banner__features--feature .feature-icon-container svg {
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
  color: #4f46e5;
}
.upgrade-plan-banner__features--feature h3 {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin: 0;
}
.upgrade-plan-banner__features--feature .feature-popover-icon-container {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.upgrade-plan-banner__features--feature .feature-popover-icon-container svg {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
}
.upgrade-plan-banner__features--feature .feature-popover-icon-container.active svg, .upgrade-plan-banner__features--feature .feature-popover-icon-container:hover svg {
  color: #1d4ed8;
}
.upgrade-plan-banner.rounded {
  border-radius: 0.25rem;
}
.upgrade-plan-banner.bordered {
  border: 0.0625rem solid #dbeafe;
}
.upgrade-plan-banner.modal-banner .upgrade-plan-banner__features--feature:nth-child(1), .upgrade-plan-banner.modal-banner .upgrade-plan-banner__features--feature:nth-child(3) {
  width: 13.4375rem;
}

.upgrade-plan-banner-feature-popover {
  padding: 0 !important;
  width: 16.125rem;
  border-radius: 4px !important;
  box-shadow: 0 0 20px 0 rgba(0, 13, 56, 0.12) !important;
}
.upgrade-plan-banner-feature-popover .arrow {
  margin: 0 !important;
}
.upgrade-plan-banner-feature-popover .bs-popover-inner-content {
  padding: 0.5rem !important;
}
.upgrade-plan-banner-feature-popover .bs-popover-inner-content p {
  margin: 0;
  margin-bottom: 0.125rem;
  color: #111827;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.upgrade-plan-banner-feature-popover .bs-popover-inner-content a {
  color: #1d4ed8;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration-color: #1d4ed8;
}

.merge-variable-tags--overlay {
  padding: 0.375rem 0 0 0 !important;
}
.merge-variable-tags--container {
  border: 0.0625rem solid #e5e7eb;
  padding: 0.75rem 0rem;
  width: 15.5rem;
  height: 22.625rem;
}
.merge-variable-tags--tabs .bs-tabs-nav {
  margin-bottom: 0 !important;
}
.merge-variable-tags--tabs .bs-tabs-nav::before {
  display: none;
}
.merge-variable-tags--tabs .bs-tabs-nav .bs-tabs-nav-list {
  width: 100%;
  padding: 0rem 0.75rem;
  gap: 1rem;
}
.merge-variable-tags--tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab {
  margin: 0;
  padding: 0 0 0.375rem 0;
}
.merge-variable-tags--tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn {
  display: flex;
  align-items: center;
  font-weight: 500;
  position: relative;
}
.merge-variable-tags--tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn .new-badge {
  position: absolute;
  right: -2.25rem;
  width: 1.75rem;
}
.merge-variable-tags--tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab .bs-tabs-tab-btn div {
  display: flex;
  align-items: center;
}
.merge-variable-tags--tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active {
  color: #1d4ed8;
}
.merge-variable-tags--tabs .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-ink-bar {
  border-radius: 0.25rem;
  background: #1d4ed8;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper {
  height: 2.125rem;
  padding: 0.375rem 0.75rem;
  margin: 0.75rem 0rem;
  border: none;
  border-radius: 0;
  border-top: 0.0625rem solid #f3f4f6;
  border-bottom: 0.0625rem solid #f3f4f6;
  background: #f9fafb;
  gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
  line-height: 1rem;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper:hover, .merge-variable-tags--search-input.bs-input-affix-wrapper:focus, .merge-variable-tags--search-input.bs-input-affix-wrapper:focus-within, .merge-variable-tags--search-input.bs-input-affix-wrapper:active {
  border-color: #f3f4f6;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper:focus, .merge-variable-tags--search-input.bs-input-affix-wrapper:focus-within, .merge-variable-tags--search-input.bs-input-affix-wrapper:active {
  box-shadow: none;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper:focus-visible {
  outline: none;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper::before {
  display: none;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper .input-icons-left {
  margin: 0 !important;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper .input-icons-left .bs-input-prefix {
  margin: 0 !important;
  margin-top: 0.125rem !important;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper .input-icons-left .bs-input-prefix i {
  font-size: 1rem;
  color: #9ca3af;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper input {
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #111827;
  background-color: transparent;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper input::placeholder {
  color: #9ca3af;
}
.merge-variable-tags--search-input.bs-input-affix-wrapper input:hover, .merge-variable-tags--search-input.bs-input-affix-wrapper input:focus-within {
  border: none;
  border-color: transparent;
  border-right-width: 0;
  box-shadow: none;
}
.merge-variable-tags--list {
  height: 15.75rem;
  overflow-y: auto;
}
.merge-variable-tags--list .no-tags-found {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.merge-variable-tags--list .no-tags-found p {
  margin: 0;
  margin-top: 0.5rem;
  color: #6b7280;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.merge-variable-tags--list .merge-tag-item {
  width: 100%;
  padding: 0.375rem 0.75rem;
  transition: all 0.2s ease;
}
.merge-variable-tags--list .merge-tag-item:hover {
  background-color: #eff6ff;
}
.merge-variable-tags--list .merge-tag-item .merge-tag-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.merge-variable-tags--list .merge-tag-item span {
  display: block;
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  flex: 1;
}
.merge-variable-tags--list .merge-tag-item .merge-tag-ai-icon {
  margin-left: 6px;
  flex-shrink: 0;
  margin-top: 2px;
}
.merge-variable-tags--list .merge-tag-item.disabled-tag {
  cursor: not-allowed;
}
.merge-variable-tags--list .merge-tag-item.disabled-tag span {
  color: #9ca3af !important;
}
.merge-variable-tags--list .shd-accordion {
  width: 100%;
}
.merge-variable-tags--list .shd-accordion .accordion__item {
  padding: 0;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
  background-color: transparent !important;
}
.merge-variable-tags--list .shd-accordion .accordion__heading {
  padding: 0.375rem 0.75rem;
  transition: all 0.2s ease;
}
.merge-variable-tags--list .shd-accordion .accordion__heading:hover {
  background: #eff6ff;
}
.merge-variable-tags--list .shd-accordion .accordion__button {
  padding: 0;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  background-color: transparent !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.merge-variable-tags--list .shd-accordion .accordion__button::before {
  display: none;
}
.merge-variable-tags--list .shd-accordion .accordion__button svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #9ca3af;
}
.merge-variable-tags--list .shd-accordion .accordion__panel {
  border: none;
  padding: 0.5rem 0rem;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  background: rgba(249, 250, 251, 0.6);
}
.merge-variable-tags--list .shd-accordion .accordion__panel .merge-tag-item {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0.375rem 1.75rem;
  transition: all 0.2s ease;
}
.merge-variable-tags--list .shd-accordion .accordion__panel .merge-tag-item span {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.merge-variable-tags--list .shd-accordion .accordion__panel .merge-tag-item:hover {
  background: #eff6ff;
}

.reply-forward-editor-tags-dropdown .merge-variable-tags--container {
  height: 14.5rem;
}
.reply-forward-editor-tags-dropdown .merge-variable-tags--list {
  height: 7.75rem;
}

.tags-tab-popover {
  width: 11.875rem !important;
  margin-top: 0.5rem !important;
  z-index: 1062;
  padding: 0 !important;
  border-radius: 0.25rem !important;
  background-color: #1f2937 !important;
  box-shadow: none !important;
}
.tags-tab-popover .arrow::before, .tags-tab-popover .arrow::after {
  border-bottom-color: #1f2937 !important;
}
.tags-tab-popover .bs-popover-inner-content {
  padding: 0.625rem !important;
}
.tags-tab-popover .bs-popover-inner-content p {
  color: #fff;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
}
.tags-tab-popover .bs-popover-inner-content p span {
  display: block;
}
.tags-tab-popover .bs-popover-inner-content p .tags-tab-popover-link {
  color: #9ca3af;
  text-decoration-line: underline;
  text-underline-offset: 0.125rem;
}

.loading-bar {
  position: absolute;
  height: 3px;
  background-color: #2563eb;
  z-index: 1050;
}

.shd-table {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0rem 1.5rem 0 1.5rem;
}
.shd-table--wrapper {
  position: relative;
  border-radius: 0.25rem;
  width: 100%;
  height: calc(100% - 10.825rem);
  max-height: calc(100% - 10.825rem);
}
.shd-table--wrapper .os-scrollbar-vertical {
  width: 0.625rem !important;
  min-width: 0.625rem !important;
  max-width: 0.625rem !important;
}
.shd-table--wrapper .os-scrollbar-vertical .os-scrollbar-handle {
  width: 0.375rem !important;
  min-width: 0.375rem !important;
  max-width: 0.375rem !important;
}
.shd-table--wrapper .os-scrollbar-horizontal {
  height: 0.625rem !important;
  min-height: 0.625rem !important;
  max-height: 0.625rem !important;
}
.shd-table--wrapper .os-scrollbar-horizontal .os-scrollbar-handle {
  height: 0.375rem !important;
  min-height: 0.375rem !important;
  max-height: 0.375rem !important;
}
.shd-table--wrapper .os-scrollbar-horizontal .os-scrollbar-handle,
.shd-table--wrapper .os-scrollbar-vertical .os-scrollbar-handle {
  border-radius: 0.25rem;
  background-color: #e5e7eb;
}
.shd-table--thead {
  display: flex;
  height: 2.875rem;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: white;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.shd-table--tr {
  display: flex;
  align-items: center;
  flex: 1;
}
.shd-table--tr .shd-table--th.th--pinned, .shd-table--tr .shd-table--th.td--pinned,
.shd-table--tr .shd-table--td.th--pinned,
.shd-table--tr .shd-table--td.td--pinned {
  position: sticky !important;
  z-index: 1;
}
.shd-table--tr .shd-table--th.th--pinned::after, .shd-table--tr .shd-table--th.td--pinned::after,
.shd-table--tr .shd-table--td.th--pinned::after,
.shd-table--tr .shd-table--td.td--pinned::after {
  content: "";
  width: 8px;
  height: 40px;
  display: inline-flex;
  opacity: 0.5;
  background: linear-gradient(90deg, #e2e6f5 0%, rgba(226, 230, 245, 0) 108.33%);
  position: absolute;
  right: 0;
}
.shd-table--tr .shd-table--th.th--pinned .column-header-resizer,
.shd-table--tr .shd-table--th.th--pinned .column-cell-content--resizer, .shd-table--tr .shd-table--th.td--pinned .column-header-resizer,
.shd-table--tr .shd-table--th.td--pinned .column-cell-content--resizer,
.shd-table--tr .shd-table--td.th--pinned .column-header-resizer,
.shd-table--tr .shd-table--td.th--pinned .column-cell-content--resizer,
.shd-table--tr .shd-table--td.td--pinned .column-header-resizer,
.shd-table--tr .shd-table--td.td--pinned .column-cell-content--resizer {
  right: 0.5rem !important;
}
.shd-table--tr .shd-table--th.th--pinned + .shd-table--th .column-header-content,
.shd-table--tr .shd-table--th.th--pinned + .shd-table--th .column-cell-content, .shd-table--tr .shd-table--th.th--pinned + .shd-table--td .column-header-content,
.shd-table--tr .shd-table--th.th--pinned + .shd-table--td .column-cell-content, .shd-table--tr .shd-table--th.td--pinned + .shd-table--th .column-header-content,
.shd-table--tr .shd-table--th.td--pinned + .shd-table--th .column-cell-content, .shd-table--tr .shd-table--th.td--pinned + .shd-table--td .column-header-content,
.shd-table--tr .shd-table--th.td--pinned + .shd-table--td .column-cell-content,
.shd-table--tr .shd-table--td.th--pinned + .shd-table--th .column-header-content,
.shd-table--tr .shd-table--td.th--pinned + .shd-table--th .column-cell-content,
.shd-table--tr .shd-table--td.th--pinned + .shd-table--td .column-header-content,
.shd-table--tr .shd-table--td.th--pinned + .shd-table--td .column-cell-content,
.shd-table--tr .shd-table--td.td--pinned + .shd-table--th .column-header-content,
.shd-table--tr .shd-table--td.td--pinned + .shd-table--th .column-cell-content,
.shd-table--tr .shd-table--td.td--pinned + .shd-table--td .column-header-content,
.shd-table--tr .shd-table--td.td--pinned + .shd-table--td .column-cell-content {
  border-left: none;
}
.shd-table--tr .shd-table--th.th--pinned::after,
.shd-table--tr .shd-table--td.th--pinned::after {
  height: 46px;
}
.shd-table--tr .shd-table--th:first-of-type .column-header-content,
.shd-table--tr .shd-table--th:first-of-type .column-cell-content,
.shd-table--tr .shd-table--td:first-of-type .column-header-content,
.shd-table--tr .shd-table--td:first-of-type .column-cell-content {
  padding: 0rem 1.25rem;
}
.shd-table--tr .shd-table--th:first-of-type .column-header-content,
.shd-table--tr .shd-table--td:first-of-type .column-header-content {
  border-top-left-radius: 0.25rem;
}
.shd-table--tr .shd-table--th:last-of-type .column-header-content,
.shd-table--tr .shd-table--td:last-of-type .column-header-content {
  border-top-right-radius: 0.25rem;
}
.shd-table--tr .shd-table--th:last-of-type .column-header-content,
.shd-table--tr .shd-table--th:last-of-type .column-cell-content,
.shd-table--tr .shd-table--td:last-of-type .column-header-content,
.shd-table--tr .shd-table--td:last-of-type .column-cell-content {
  border-right: 0.0625rem solid #f3f4f6;
}
.shd-table--tr:hover .shd-table--td:first-of-type .column-cell-content {
  background-color: #f3f4f6;
}
.shd-table--tr:hover .shd-table--td:first-of-type .column-cell-content.loading {
  background-color: #ffffff;
}
.shd-table--tr:hover .shd-table--td .column-cell-content {
  background-color: #f9fafb;
}
.shd-table--tr:hover .shd-table--td .column-cell-content.loading {
  background-color: #ffffff;
}
.shd-table--tr .column-header-content,
.shd-table--tr .column-cell-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 0rem 1rem;
  transition: all 0.2s ease;
  border-top: 0.0625rem solid #f3f4f6;
  border-left: 0.0625rem solid #f3f4f6;
}
.shd-table--tr .column-header-content--checkbox,
.shd-table--tr .column-cell-content--checkbox {
  margin-right: 0.75rem;
}
.shd-table--tr .column-header-content:hover .editable-cell .edit-text,
.shd-table--tr .column-cell-content:hover .editable-cell .edit-text {
  padding-right: 8px;
}
.shd-table--tr .column-header-content:hover .editable-cell .edit-button,
.shd-table--tr .column-cell-content:hover .editable-cell .edit-button {
  display: flex;
  border: none;
  padding: 3px;
  cursor: pointer;
  background: none;
}
.shd-table--tr .column-header-content:hover .editable-cell .edit-button svg,
.shd-table--tr .column-cell-content:hover .editable-cell .edit-button svg {
  display: block;
}
.shd-table--tr .column-header-content:hover .editable-cell .edit-button:hover,
.shd-table--tr .column-cell-content:hover .editable-cell .edit-button:hover {
  background-color: white;
  border-radius: 2px;
}
.shd-table--tr .column-header-content:hover .ai-icon-grey,
.shd-table--tr .column-cell-content:hover .ai-icon-grey {
  display: flex;
}
.shd-table--tr:first-of-type .column-cell-content {
  border-top: none;
}
.shd-table--tr:last-of-type .column-header-content,
.shd-table--tr:last-of-type .column-cell-content {
  border-bottom: 0.0625rem solid #f3f4f6;
}
.shd-table--tr:last-of-type .shd-table--td:first-of-type .column-cell-content {
  border-bottom-left-radius: 0.25rem;
}
.shd-table--tr:last-of-type .shd-table--td:last-of-type .column-cell-content {
  border-bottom-right-radius: 0.25rem;
}
.shd-table--th {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
.shd-table--th .column-header-content {
  width: 100%;
  height: 2.875rem;
  gap: 0.5rem;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  transition: all 0.2s ease;
}
.shd-table--th .column-header-content.loading span:first-child {
  display: flex;
}
.shd-table--th .column-header-content:hover {
  background-color: #f3f4f6;
}
.shd-table--th .column-header-content:hover .column-header-content--sorting-icons {
  display: flex;
}
.shd-table--th .column-header-content:hover.loading {
  background-color: #ffffff;
}
.shd-table--th .column-header-content--name {
  flex: 1 1 0%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shd-table--th .column-header-content--name .column-header-content--headText {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  overflow: hidden;
}
.shd-table--th .column-header-content--name .column-header-content--headText .ai-3-star-animated-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 16px;
  max-height: 16px;
}
.shd-table--th .column-header-content--name .column-header-content--headText .column-header-content--colHeadText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper {
  position: relative;
  display: inline-block;
  min-width: 22px;
  height: 22px;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper .column-header-stop-icon {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper .disable-pencil {
  cursor: not-allowed;
  opacity: 0.5;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper .column-header-stop-icon.hover {
  display: none;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper:hover .column-header-stop-icon.default {
  display: none;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper:hover .column-header-stop-icon.hover {
  display: block;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper .column-header-ai-icon {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper .column-header-ai-icon.hover {
  display: none;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper:hover {
  background-color: white;
  border-radius: 4px;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper:hover .column-header-ai-icon.default {
  display: none;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper:hover .column-header-ai-icon.hover {
  display: block;
}
.shd-table--th .column-header-content--name .column-header-ai-icon-wrapper:hover.column-header-ai-icon-stop {
  background: none;
}
.shd-table--th .column-header-content--sorting-icons {
  width: 1.5rem;
  border-radius: 0.125rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
}
.shd-table--th .column-header-content--sorting-icons.active {
  display: flex;
  background-color: #fff;
}
.shd-table--th .column-header-content--sorting-icons.active svg {
  color: #d1d5db;
}
.shd-table--th .column-header-content--sorting-icons .sorting-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.shd-table--th .column-header-content--sorting-icons .sorting-icon svg {
  width: 100%;
  height: 100%;
  color: #6b7280;
  transition: all 0.2s ease;
}
.shd-table--th .column-header-content--sorting-icons .sorting-icon.sorted svg, .shd-table--th .column-header-content--sorting-icons .sorting-icon:hover svg {
  color: #1f2937;
}
.shd-table--th .column-header-content--sorting-icons:hover {
  background-color: #fff;
}
.shd-table--th .column-header-content--sorting-icons:hover svg {
  color: #d1d5db;
}
.shd-table--th .column-header-content .info-circle-icon {
  color: #1d4ed8;
}
.shd-table--th .column-header-content .info-circle-icon-main:hover {
  color: #1d4ed8;
}
.shd-table--th .column-header-content .column-header-ai-icon {
  width: 16px;
  height: 16px;
}
.shd-table--th .column-header-resizer {
  width: 0.625rem;
  height: 2.875rem;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  cursor: col-resize;
  user-select: none;
  touch-action: none;
  transition: all 0.2s ease;
  z-index: 1;
}
.shd-table--th .column-header-resizer--handle {
  width: 0.125rem;
  height: 2.875rem;
  background: #60a5fa;
}
.shd-table--th .column-header-resizer.ltr {
  right: 0;
}
.shd-table--th .column-header-resizer.isResizing {
  opacity: 1;
}
.shd-table--td {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
.shd-table--td .column-cell-content {
  height: 2.5rem;
  position: relative;
  background-color: #ffffff;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
}
.shd-table--td .column-cell-content--value {
  flex: 1 1 0%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.shd-table--td .column-cell-content--value.ai-icon-editable-cell {
  display: flex;
}
.shd-table--td .column-cell-content--value.ai-icon-editable-cell:hover .ai-icon-grey {
  display: flex;
}
.shd-table--td .column-cell-content--value.ai-icon-editable-cell:hover .editable-cell {
  display: flex;
}
.shd-table--td .column-cell-content--value.ai-icon-editable-cell:hover .editable-cell:hover {
  display: flex;
}
.shd-table--td .column-cell-content--value.ai-icon-editable-cell:hover .editable-cell .edit-button {
  display: flex;
}
.shd-table--td .column-cell-content--value .ai-icon-grey {
  display: none;
  transition: opacity 0.2s ease-in-out;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  max-width: 20px;
  cursor: pointer;
}
.shd-table--td .column-cell-content--value .ai-icon-grey .ai-col-cell-regenerate-container {
  position: relative;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shd-table--td .column-cell-content--value .ai-icon-grey .ai-col-cell-regenerate-container .ai-star-grey {
  border-radius: 4px;
}
.shd-table--td .column-cell-content--value .ai-icon-grey .ai-col-cell-regenerate-container .ai-icon-gradient {
  width: 100%;
  height: 100%;
  display: none;
  pointer-events: none;
}
.shd-table--td .column-cell-content--value .ai-icon-grey .ai-col-cell-regenerate-container.regenerate-disable {
  opacity: 0.35;
  cursor: not-allowed;
}
.shd-table--td .column-cell-content--value .ai-icon-grey:hover {
  background-color: white;
  border-radius: 4px;
}
.shd-table--td .column-cell-content--value .ai-icon-grey:hover .ai-col-cell-regenerate-container .ai-star-grey {
  display: none;
}
.shd-table--td .column-cell-content--value .ai-icon-grey:hover .ai-col-cell-regenerate-container .ai-icon-gradient {
  display: flex;
}
.shd-table--td .column-cell-content--resizer {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.125rem;
  height: 2.5rem;
  background: #60a5fa;
  transition: all 0.2s ease;
}
.shd-table--td .column-cell-content.loading span:first-child {
  display: flex;
}
.shd-table--td.isResizing .column-cell-content--resizer {
  display: block;
}
.shd-table--pagination {
  height: 2.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
  position: absolute;
  left: 0;
  bottom: 127px;
  right: 0.0625rem;
  padding: 0 1.5rem;
  background-color: #fff;
  border: 1px solid #d1d5db;
  box-shadow: 0px 0px 10px 0px rgba(4, 21, 76, 0.08);
}
.shd-table--pagination__container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.shd-table--pagination__container .bs-select-box {
  width: 4.625rem;
}
.shd-table--pagination__text {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.shd-table--pagination ul {
  margin: 0;
}

@media (hover: hover) {
  .column-header-resizer {
    opacity: 0;
  }
  *:hover > .column-header-resizer {
    opacity: 1;
  }
}
.hide-column-header--popover {
  width: 180px;
  height: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.125rem !important;
  padding: 0 !important;
  border-radius: 0.25rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  /* dropdown */
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24) !important;
}
.hide-column-header--popover .arrow {
  display: none !important;
}
.hide-column-header--popover .popover-body {
  width: 100%;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content {
  padding: 4px 0 !important;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-column-header--content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding: 0.5rem 1rem !important;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-column-header--content svg {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  color: #1f2937;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-column-header--content p {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  user-select: none;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-column-header--content:hover {
  background: #eff6ff;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-aiColumn-header--content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 1rem !important;
  cursor: pointer;
  background: white;
  color: black;
  width: 100%;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-aiColumn-header--content span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-aiColumn-header--content span .hide-header--icon-text {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-aiColumn-header--content span .hide-header--icon-text p {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  user-select: none;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-aiColumn-header--content:hover {
  background: #eff6ff;
}
.hide-column-header--popover .popover-body .bs-popover-inner-content .hide-aiColumn-header--content:hover.disable-run-aiCol {
  background: none;
  cursor: not-allowed;
}

.editable-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable-cell .bs-select-box {
  width: 154px;
  padding: 5px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #f9fafb;
}
.editable-cell .bs-select-box .bs-select-box-text {
  height: 20px;
}
.editable-cell .bs-select-box:hover {
  background-color: #f3f4f6 !important;
  border-color: #e5e7eb;
  border-right-width: 1px !important;
}
.editable-cell .bs-select-box:focus {
  background: #f9fafb !important;
  box-shadow: none;
  border-color: #e5e7eb;
  border-right-width: 1px !important;
  outline: 0;
}
.editable-cell .edit-text {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable-cell .edit-button {
  display: none;
  padding: 3px;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  transition: opacity 0.2s ease-in-out;
}
.editable-cell .bs-select-box {
  padding: 0.125rem 0.6875rem;
  line-height: 20px;
  color: #1f2937;
}

.transfer-overlay.editable-dropdown-cell {
  padding: 0;
}
.transfer-overlay.editable-dropdown-cell .transfer-container {
  width: 100%;
}
.transfer-overlay.editable-dropdown-cell .transfer-container .transfer-body .transfer-search {
  padding: 6px 12px;
}
.transfer-overlay.editable-dropdown-cell .transfer-container .transfer-body .transfer-content li {
  padding: 8px 16px;
}
.transfer-overlay.editable-dropdown-cell .transfer-container .transfer-body .transfer-content li span {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  line-height: 20px;
}

.editable-textarea {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 80px;
  padding: 10px 16px;
  border: 1px solid #3b82f6;
  background: #f9fafb;
  z-index: 9999 !important;
  resize: both;
  width: 100%;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  box-shadow: 0px 0px 20px 0px rgba(0, 13, 56, 0.12);
  max-width: 36.6875rem;
  max-height: 15.25rem;
}
.editable-textarea:focus {
  outline: none;
}

.editable-input,
.editable-input-number {
  display: flex !important;
  align-items: center !important;
  padding: 0px 16px !important;
  outline: none !important;
  border-radius: 0 !important;
  width: 12.625rem !important;
  height: 40px;
  border: 1px solid #3b82f6 !important;
}
.editable-input .bs-input,
.editable-input-number .bs-input {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.editable-input:hover, .editable-input:focus, .editable-input:active, .editable-input:focus-visible, .editable-input:focus-within,
.editable-input-number:hover,
.editable-input-number:focus,
.editable-input-number:active,
.editable-input-number:focus-visible,
.editable-input-number:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

.editable-portal {
  background: #fff;
}
.editable-portal .react-datepicker-wrapper .react-datepicker__input-container .bs-input-affix-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 8px 6px 12px;
}
.editable-portal .react-datepicker-wrapper .react-datepicker__input-container .bs-input-affix-wrapper .bs-input-lg {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  background: transparent !important;
}
.editable-portal .bs-input {
  padding: 0 !important;
}
.editable-portal .bs-input.date-picker-container {
  display: flex;
  align-items: center;
  gap: 4px !important;
  padding: 6px 8px 6px 12px !important;
  height: 34px !important;
}
.editable-portal .bs-input.date-picker-container .bs-input {
  line-height: 20px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  background: none !important;
  padding: 0;
  text-indent: 0 !important;
}
.editable-portal .bs-input.date-picker-container .bs-input:focus-within {
  border: none;
  box-shadow: none;
  outline: none;
}

.editable-input.error,
.editable-input-number.error,
.editable-textarea.error {
  border: 1px solid #f5222d !important;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5) !important;
}
.editable-input.error .editable-input,
.editable-input.error .editable-input-number,
.editable-input-number.error .editable-input,
.editable-input-number.error .editable-input-number,
.editable-textarea.error .editable-input,
.editable-textarea.error .editable-input-number {
  border: 1px solid #f5222d !important;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5) !important;
}

.editable-portal.error {
  border: none;
}

.shd-table--td.editable-cell-hover:hover .column-cell-content {
  background-color: #f3f4f6;
}

.latest-status {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  margin-bottom: 0.0625rem;
}

.tanstack-table {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  contain: layout style;
}
.tanstack-table .layout-columns-button {
  right: 0;
}
.tanstack-table.has-selection-alert .tanstack-table--wrapper {
  height: calc(100% - 2.5rem - 2.5rem);
  max-height: calc(100% - 2.5rem - 2.5rem);
}
.tanstack-table.has-selection-alert .layout-columns-button {
  top: 2.5rem;
}
.tanstack-table .tanstack-table-clear-selection-alert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.tanstack-table .tanstack-table-clear-selection-alert .shd-alert--description {
  color: #1f2937;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
}
.tanstack-table .tanstack-table-clear-selection-alert .alert-divider-vertical {
  width: 1px;
  height: 1.375rem;
  background-color: #d1d5db;
}
.tanstack-table .tanstack-table-clear-selection-alert .clear-selection-button,
.tanstack-table .tanstack-table-clear-selection-alert .select-all-across-pages-button {
  height: 1.375rem;
  font-size: 12px;
}
.tanstack-table--wrapper {
  position: relative;
  border-radius: 0.25rem;
  width: 100%;
  height: calc(100% - 2.5rem);
  max-height: calc(100% - 2.5rem);
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.tanstack-table--wrapper .os-scrollbar-vertical {
  width: 0.625rem !important;
  min-width: 0.625rem !important;
  max-width: 0.625rem !important;
}
.tanstack-table--wrapper .os-scrollbar-vertical .os-scrollbar-handle {
  width: 0.375rem !important;
  min-width: 0.375rem !important;
  max-width: 0.375rem !important;
}
.tanstack-table--wrapper .os-scrollbar-horizontal {
  height: 0.625rem !important;
  min-height: 0.625rem !important;
  max-height: 0.625rem !important;
}
.tanstack-table--wrapper .os-scrollbar-horizontal .os-scrollbar-handle {
  height: 0.375rem !important;
  min-height: 0.375rem !important;
  max-height: 0.375rem !important;
}
.tanstack-table--wrapper .os-scrollbar-horizontal .os-scrollbar-handle,
.tanstack-table--wrapper .os-scrollbar-vertical .os-scrollbar-handle {
  border-radius: 0.25rem;
  background-color: #e5e7eb;
}
.tanstack-table--thead {
  display: flex;
  height: 2.875rem;
  position: sticky;
  top: 0;
  z-index: 4;
  background-color: white;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  overflow: visible;
}
.tanstack-table--thead.tanstack-table--thead-dnd .tanstack-table--tr .tanstack-table--th.th--draggable:not(.th--pinned):hover {
  cursor: grab;
}
.tanstack-table--tr {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: visible;
}
.tanstack-table--tr .tanstack-table--th.th--pinned, .tanstack-table--tr .tanstack-table--th.td--pinned,
.tanstack-table--tr .tanstack-table--td.th--pinned,
.tanstack-table--tr .tanstack-table--td.td--pinned {
  position: sticky !important;
  z-index: 2;
}
.tanstack-table--tr .tanstack-table--th.th--pinned .column-header-resizer,
.tanstack-table--tr .tanstack-table--th.th--pinned .column-cell-content--resizer, .tanstack-table--tr .tanstack-table--th.td--pinned .column-header-resizer,
.tanstack-table--tr .tanstack-table--th.td--pinned .column-cell-content--resizer,
.tanstack-table--tr .tanstack-table--td.th--pinned .column-header-resizer,
.tanstack-table--tr .tanstack-table--td.th--pinned .column-cell-content--resizer,
.tanstack-table--tr .tanstack-table--td.td--pinned .column-header-resizer,
.tanstack-table--tr .tanstack-table--td.td--pinned .column-cell-content--resizer {
  right: 0.5rem !important;
}
.tanstack-table--tr .tanstack-table--th.th--pinned__left + .tanstack-table--th:not(.th--pinned) .column-header-content,
.tanstack-table--tr .tanstack-table--th.th--pinned__left + .tanstack-table--th:not(.th--pinned) .column-cell-content, .tanstack-table--tr .tanstack-table--th.th--pinned__left + .tanstack-table--td:not(.td--pinned) .column-header-content,
.tanstack-table--tr .tanstack-table--th.th--pinned__left + .tanstack-table--td:not(.td--pinned) .column-cell-content, .tanstack-table--tr .tanstack-table--th.td--pinned__left + .tanstack-table--th:not(.th--pinned) .column-header-content,
.tanstack-table--tr .tanstack-table--th.td--pinned__left + .tanstack-table--th:not(.th--pinned) .column-cell-content, .tanstack-table--tr .tanstack-table--th.td--pinned__left + .tanstack-table--td:not(.td--pinned) .column-header-content,
.tanstack-table--tr .tanstack-table--th.td--pinned__left + .tanstack-table--td:not(.td--pinned) .column-cell-content,
.tanstack-table--tr .tanstack-table--td.th--pinned__left + .tanstack-table--th:not(.th--pinned) .column-header-content,
.tanstack-table--tr .tanstack-table--td.th--pinned__left + .tanstack-table--th:not(.th--pinned) .column-cell-content,
.tanstack-table--tr .tanstack-table--td.th--pinned__left + .tanstack-table--td:not(.td--pinned) .column-header-content,
.tanstack-table--tr .tanstack-table--td.th--pinned__left + .tanstack-table--td:not(.td--pinned) .column-cell-content,
.tanstack-table--tr .tanstack-table--td.td--pinned__left + .tanstack-table--th:not(.th--pinned) .column-header-content,
.tanstack-table--tr .tanstack-table--td.td--pinned__left + .tanstack-table--th:not(.th--pinned) .column-cell-content,
.tanstack-table--tr .tanstack-table--td.td--pinned__left + .tanstack-table--td:not(.td--pinned) .column-header-content,
.tanstack-table--tr .tanstack-table--td.td--pinned__left + .tanstack-table--td:not(.td--pinned) .column-cell-content {
  border-left: none;
}
.tanstack-table--tr .tanstack-table--th.th--pinned__left::after, .tanstack-table--tr .tanstack-table--th.td--pinned__left::after,
.tanstack-table--tr .tanstack-table--td.th--pinned__left::after,
.tanstack-table--tr .tanstack-table--td.td--pinned__left::after {
  content: "";
  width: 8px;
  height: 40px;
  display: inline-flex;
  opacity: 0.5;
  background: linear-gradient(90deg, #e2e6f5 0%, rgba(226, 230, 245, 0) 108.33%);
  position: absolute;
  right: 0;
}
.tanstack-table--tr .tanstack-table--th.th--pinned__left::after,
.tanstack-table--tr .tanstack-table--td.th--pinned__left::after {
  height: 46px;
}
.tanstack-table--tr .tanstack-table--th:first-of-type .column-header-content,
.tanstack-table--tr .tanstack-table--th:first-of-type .column-cell-content,
.tanstack-table--tr .tanstack-table--td:first-of-type .column-header-content,
.tanstack-table--tr .tanstack-table--td:first-of-type .column-cell-content {
  padding: 0rem 1.25rem;
}
.tanstack-table--tr .tanstack-table--th:first-of-type .column-header-content,
.tanstack-table--tr .tanstack-table--td:first-of-type .column-header-content {
  border-top-left-radius: 0.25rem;
}
.tanstack-table--tr .tanstack-table--th:last-of-type .column-header-content,
.tanstack-table--tr .tanstack-table--td:last-of-type .column-header-content {
  border-top-right-radius: 0.25rem;
}
.tanstack-table--tr .tanstack-table--th:last-of-type .column-header-content,
.tanstack-table--tr .tanstack-table--th:last-of-type .column-cell-content,
.tanstack-table--tr .tanstack-table--td:last-of-type .column-header-content,
.tanstack-table--tr .tanstack-table--td:last-of-type .column-cell-content {
  border-right: 0.0625rem solid #f3f4f6;
}
.tanstack-table--tr:hover .tanstack-table--td:first-of-type .column-cell-content {
  background-color: #f3f4f6;
}
.tanstack-table--tr:hover .tanstack-table--td:first-of-type .column-cell-content.loading {
  background-color: #ffffff;
}
.tanstack-table--tr:hover .tanstack-table--td .column-cell-content {
  background-color: #f9fafb;
}
.tanstack-table--tr:hover .tanstack-table--td .column-cell-content.loading {
  background-color: #ffffff;
}
.tanstack-table--tr .column-header-content,
.tanstack-table--tr .column-cell-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 0rem 1rem;
  transition: background-color 0.2s ease, border 0.2s ease;
  border-top: 0.0625rem solid #f3f4f6;
  border-left: 0.0625rem solid #f3f4f6;
}
.tanstack-table--tr .column-header-content--checkbox,
.tanstack-table--tr .column-cell-content--checkbox {
  margin-right: 0.75rem;
}
.tanstack-table--tr:first-of-type .column-cell-content {
  border-top: none;
}
.tanstack-table--tr:last-of-type .column-header-content,
.tanstack-table--tr:last-of-type .column-cell-content {
  border-bottom: 0.0625rem solid #f3f4f6;
}
.tanstack-table--tr:last-of-type .tanstack-table--td:first-of-type .column-cell-content {
  border-bottom-left-radius: 0.25rem;
}
.tanstack-table--tr:last-of-type .tanstack-table--td:last-of-type .column-cell-content {
  border-bottom-right-radius: 0.25rem;
}
.tanstack-table--th {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  overflow: visible;
}
.tanstack-table--th.isResizing .column-header-content {
  will-change: width;
}
.tanstack-table--th.th--draggable {
  cursor: grab;
}
.tanstack-table--th.th--draggable:hover .column-header-content {
  background-color: #f3f4f6;
}
.tanstack-table--th.th--draggable:active {
  cursor: grabbing;
}
.tanstack-table--th.th--dragging {
  cursor: grabbing;
  z-index: 10;
}
.tanstack-table--th.th--dragging .column-header-content {
  background-color: #f3f4f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.tanstack-table--th.th--dropdown-open {
  z-index: 20;
}
.tanstack-table--th .column-header-content {
  width: 100%;
  height: 2.875rem;
  gap: 0.5rem;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  overflow: visible;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  transition: all 0.2s ease;
}
.tanstack-table--th .column-header-content.loading span:first-child {
  display: flex;
}
.tanstack-table--th .column-header-content:hover {
  background-color: #f3f4f6;
}
.tanstack-table--th .column-header-content:hover .column-header-content--sorting-icons {
  display: flex;
}
.tanstack-table--th .column-header-content:hover.loading {
  background-color: #ffffff;
}
.tanstack-table--th .column-header-content--name {
  flex: 1 1 0%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tanstack-table--th .column-header-content--name .column-header-content--headText {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  overflow: hidden;
}
.tanstack-table--th .column-header-content--name .column-header-content--headText .column-header-content--colHeadText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tanstack-table--th .column-header-content--sorting-icons {
  width: 1.5rem;
  border-radius: 0.125rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
}
.tanstack-table--th .column-header-content--sorting-icons.active {
  display: flex;
  background-color: #fff;
}
.tanstack-table--th .column-header-content--sorting-icons.active svg {
  color: #d1d5db;
}
.tanstack-table--th .column-header-content--sorting-icons .sorting-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.tanstack-table--th .column-header-content--sorting-icons .sorting-icon svg {
  width: 100%;
  height: 100%;
  color: #6b7280;
  transition: all 0.2s ease;
}
.tanstack-table--th .column-header-content--sorting-icons .sorting-icon.sorted svg, .tanstack-table--th .column-header-content--sorting-icons .sorting-icon:hover svg {
  color: #1f2937;
}
.tanstack-table--th .column-header-content--sorting-icons:hover {
  background-color: #fff;
}
.tanstack-table--th .column-header-content--sorting-icons:hover svg {
  color: #d1d5db;
}
.tanstack-table--th .column-header-resizer {
  width: 0.625rem;
  height: 2.875rem;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  cursor: col-resize;
  user-select: none;
  touch-action: none;
  transition: opacity 0.2s ease;
  z-index: 1;
}
.tanstack-table--th .column-header-resizer--handle {
  width: 0.125rem;
  height: 2.875rem;
  background: #60a5fa;
  will-change: transform;
}
.tanstack-table--th .column-header-resizer.ltr {
  right: 0;
}
.tanstack-table--th .column-header-resizer.isResizing {
  opacity: 1;
}
.tanstack-table--th .column-header-resizer.isResizing .column-header-resizer--handle {
  will-change: transform;
}
.tanstack-table--td {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
.tanstack-table--td.isResizing .column-cell-content {
  will-change: width;
}
.tanstack-table--td .column-cell-content {
  height: 2.5rem;
  position: relative;
  background-color: #ffffff;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  transition: background-color 0.2s ease;
}
.tanstack-table--td .column-cell-content--value {
  flex: 1 1 0%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.tanstack-table--td .column-cell-content--resizer {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.125rem;
  height: 2.5rem;
  background: #60a5fa;
  transition: all 0.2s ease;
}
.tanstack-table--td .column-cell-content.loading span:first-child {
  display: flex;
}
.tanstack-table--td.isResizing .column-cell-content--resizer {
  display: block;
}
.tanstack-table--pagination {
  height: 2.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}
.tanstack-table--pagination--loading {
  justify-content: flex-end;
}
.tanstack-table--pagination {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0 1.5rem;
  background-color: #fff;
  border: 1px solid #d1d5db;
  box-shadow: 0px 0px 10px 0px rgba(4, 21, 76, 0.08);
}
.tanstack-table--pagination__container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tanstack-table--pagination__container .bs-select-box {
  width: 4.625rem;
}
.tanstack-table--pagination__text {
  margin: 0;
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.tanstack-table--pagination__separator {
  width: 1px;
  height: 1.25rem;
  background-color: #d1d5db;
}
.tanstack-table--pagination ul {
  margin: 0;
}

.column-header-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  min-width: 10rem;
  padding: 0.5rem 0;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.column-header-dropdown--menu {
  display: flex;
  flex-direction: column;
}
.column-header-dropdown--item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  text-align: left;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}
.column-header-dropdown--item:hover:not(:disabled) {
  background-color: #f3f4f6;
}
.column-header-dropdown--item:disabled, .column-header-dropdown--item-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.column-header-dropdown--item:disabled:hover, .column-header-dropdown--item-disabled:hover {
  background-color: transparent;
}
.column-header-dropdown--item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: #6b7280;
}
.column-header-dropdown--item-text {
  flex: 1;
}

@media (hover: hover) {
  .column-header-resizer {
    opacity: 0;
  }
  *:hover > .column-header-resizer {
    opacity: 1;
  }
}
.bs-bulk-selection-banner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 2.5rem;
  padding: 0 1rem;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.bs-bulk-selection-banner__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background-color: #0137fc;
  border-radius: 6.25rem;
  color: #fff;
  cursor: pointer;
  user-select: none;
  line-height: 1;
}
.bs-bulk-selection-banner__pill:focus-visible {
  outline: 2px solid #0137fc;
  outline-offset: 2px;
}
.bs-bulk-selection-banner__pill-count {
  color: #fff;
  white-space: nowrap;
}
.bs-bulk-selection-banner__pill-chevron {
  display: flex;
  align-items: center;
  color: #fff;
}
.bs-bulk-selection-banner__dropdown {
  position: absolute;
  top: calc(100% + 0.375rem);
  left: 0;
  z-index: 100;
  min-width: 16rem;
  padding: 0.5rem;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.bs-bulk-selection-banner__radio-option {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.bs-bulk-selection-banner__radio-option:hover {
  background-color: #f3f4f6;
}
.bs-bulk-selection-banner__radio-option:focus-visible {
  outline: 2px solid #0137fc;
  outline-offset: 2px;
}
.bs-bulk-selection-banner__radio-input {
  margin-top: 0.1875rem;
  flex-shrink: 0;
  cursor: pointer;
}
.bs-bulk-selection-banner__radio-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
}
.bs-bulk-selection-banner__radio-label {
  cursor: pointer;
  margin-bottom: 0;
}
.bs-bulk-selection-banner__radio-sublabel {
  display: block;
}
.bs-bulk-selection-banner__custom-input-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.375rem;
}
.bs-bulk-selection-banner__custom-input {
  width: 5rem;
  height: 1.75rem;
}
.bs-bulk-selection-banner__custom-input input[type=number]::-webkit-inner-spin-button,
.bs-bulk-selection-banner__custom-input input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.bs-bulk-selection-banner__custom-input-total {
  white-space: nowrap;
}
.bs-bulk-selection-banner__apply-btn {
  height: 1.75rem;
  padding: 0 0.625rem;
  font-size: 0.75rem;
}
.bs-bulk-selection-banner__custom-error {
  display: block;
  margin-top: 0.25rem;
}
.bs-bulk-selection-banner__links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
.bs-bulk-selection-banner__links .alert-divider-vertical {
  width: 1px;
  height: 1.375rem;
  background-color: #d1d5db;
}
.bs-bulk-selection-banner__link-btn {
  height: 1.375rem;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.alert-divider-vertical {
  display: inline-block;
  width: 1px;
  height: 1rem;
  background-color: #9ca3af;
  align-self: center;
  flex-shrink: 0;
}

.bs-lead-selection-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding: 0 1rem;
  background-color: #fffbe6;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.bs-lead-selection-banner__pill-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.bs-lead-selection-banner__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.1875rem 0.625rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  background-color: #fff;
  cursor: pointer;
  user-select: none;
  line-height: 1;
  color: #1f2937;
  font-size: 0.8125rem;
  font-weight: 500;
  height: 1.5rem;
}
.bs-lead-selection-banner__pill:focus-visible {
  outline: 2px solid #0137fc;
  outline-offset: 2px;
}
.bs-lead-selection-banner__pill-count {
  color: #1f2937;
  white-space: nowrap;
}
.bs-lead-selection-banner__selected-text {
  font-size: 13px;
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
}
.bs-lead-selection-banner__dropdown {
  position: absolute;
  top: calc(100% + 0.375rem);
  left: 0;
  z-index: 100;
  min-width: 20rem;
  padding: 0.05rem;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.bs-lead-selection-banner__rb-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
  padding: 0.25rem;
}
.bs-lead-selection-banner__rb-group .bs-radio-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: normal;
  width: 100%;
  margin: 0;
  padding: 0.4375rem 0.625rem;
  border-radius: 0.25rem;
  cursor: pointer;
  margin-left: 0 !important;
}
.bs-lead-selection-banner__rb-group .bs-radio-wrapper:hover {
  background-color: #f3f4f6;
}
.bs-lead-selection-banner__rb-group .bs-radio-wrapper .bs-radio {
  top: 0;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.bs-lead-selection-banner__rb-group .bs-radio-wrapper > span:last-child {
  flex: 1;
  padding-right: 0;
  padding-left: 10px;
}
.bs-lead-selection-banner__radio-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
}
.bs-lead-selection-banner__radio-page-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
}
.bs-lead-selection-banner__radio-label {
  margin-bottom: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f2937;
}
.bs-lead-selection-banner__radio-sublabel {
  display: block;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
}
.bs-lead-selection-banner__info-icon {
  color: #9ca3af;
  flex-shrink: 0;
}
.bs-lead-selection-banner__custom-input-row {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem 0.625rem 0.875rem;
  flex-wrap: nowrap;
}
.bs-lead-selection-banner__custom-input-row--has-error {
  padding: 0.375rem 0.625rem 0rem 0.875rem;
}
.bs-lead-selection-banner__custom-fields {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-top: 0.25rem;
}
.bs-lead-selection-banner__page-input {
  flex: 0 0 4rem;
  width: 4rem;
  max-width: 4rem;
}
.bs-lead-selection-banner__custom-input:disabled {
  background-color: #f3f4f6;
  color: #9ca3af;
  cursor: not-allowed;
}
.bs-lead-selection-banner__first-label {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #1f2937;
  white-space: nowrap;
  flex-shrink: 0;
}
.bs-lead-selection-banner__custom-input {
  flex: 0 0 5rem;
  width: 5.5rem;
  max-width: 5.5rem;
  height: 1.75rem;
  padding: 0.3125rem 0.5rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  color: #262626;
  background-color: #fff;
  line-height: 1;
}
.bs-lead-selection-banner__custom-input::-webkit-outer-spin-button, .bs-lead-selection-banner__custom-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bs-lead-selection-banner__custom-input {
  -moz-appearance: textfield;
  appearance: textfield;
}
.bs-lead-selection-banner__custom-input:focus {
  outline: none;
  border-color: #0137fc;
  box-shadow: 0 0 0 2px rgba(1, 55, 252, 0.15);
}
.bs-lead-selection-banner__custom-input::placeholder {
  color: #9ca3af;
  font-size: 0.75rem;
}
.bs-lead-selection-banner__custom-input-total {
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 0.75rem;
  color: #6b7280;
}
.bs-lead-selection-banner__apply-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 4px 8px;
  height: 24px;
  cursor: pointer;
  white-space: nowrap;
  opacity: 1;
  user-select: none;
  flex-shrink: 0;
  background: #1d4ed8;
  color: white;
  border: 1px solid #1d4ed8;
}
.bs-lead-selection-banner__custom-error {
  display: block;
  margin-top: 0.25rem;
  padding-left: 0.875rem;
  padding-bottom: 0.625rem;
  padding-right: 0.625rem;
}
.bs-lead-selection-banner__links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bs-lead-selection-banner__link-btn {
  white-space: nowrap;
}

.shd-checkbox {
  position: relative;
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}
.shd-checkbox__input {
  position: absolute;
  visibility: hidden;
}
.shd-checkbox__input:checked + .shd-checkbox__label .shd-checkbox__box {
  background: #1d4ed8;
  border-color: #1d4ed8;
}
.shd-checkbox__input:checked + .shd-checkbox__label .shd-checkbox__box svg {
  stroke-dashoffset: 0;
}
.shd-checkbox__input.indeterminate + .shd-checkbox__label .shd-checkbox__box {
  background: rgba(29, 78, 216, 0.06);
  border-color: #1d4ed8;
  animation: unset;
}
.shd-checkbox__input.indeterminate + .shd-checkbox__label .shd-checkbox__box svg {
  stroke: #1f2937;
}
.shd-checkbox__label {
  width: 100%;
  height: 100%;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  margin: 0;
  border-radius: 0.25rem;
  overflow: hidden;
  transition: all 0.2s ease;
}
.shd-checkbox__label:hover {
  background: #eff6ff;
}
.shd-checkbox__label:hover .shd-checkbox__box {
  border-color: #1d4ed8;
}
.shd-checkbox__box {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #9ca3af;
  border-radius: 0.25rem;
  position: relative;
  transform: scale(1);
  transition: all 0.2s ease;
}
.shd-checkbox__box svg {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1rem;
  stroke-dashoffset: 1rem;
  transition: all 0.2s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.layout-columns-button {
  width: 2.875rem;
  height: 2.875rem;
  padding: 0.75rem 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  top: 0;
  right: 1.5rem;
  z-index: 3;
  border-top-right-radius: 0.25rem;
  border: 0.0625rem solid #f3f4f6;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
.layout-columns-button svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
}
.layout-columns-button:hover {
  border: 0.0625rem solid #dbeafe;
  background: #eff6ff;
}
.layout-columns-button:hover svg {
  color: #1d4ed8;
}

.shd-modal.edit-table-column .modal-content {
  border: none !important;
  width: auto;
}

.edit-table-column .modal-body {
  height: 22.375rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.edit-table-container {
  display: flex;
}
.edit-table-container .col-left {
  width: 18.75rem;
  padding: 1rem 1.5rem 1rem 0rem;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 1rem;
  flex: 1;
}
.edit-table-container .col-right {
  max-width: 15.25rem;
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 1rem;
  flex: 1;
  background: #f9fafb;
}
.edit-table-container .col-title {
  color: #4b5563;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.edit-table-container .shd-search-input {
  width: 240px;
}
.edit-table-container .shd-search-input input {
  font-size: 0.875rem;
}
.edit-table-container .fields-section {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.5rem;
}
.edit-table-container .fields-section .fields-title {
  color: #6b7280;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  margin: 0;
}
.edit-table-container .fields-section .fields-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.25rem;
}
.edit-table-container .fields-section .fields-container .field {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 240px;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.edit-table-container .fields-section .fields-container .field .field-label input {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #9ca3af;
  background: #fff;
}
.edit-table-container .fields-section .fields-container .field .field-label {
  width: 100%;
  padding: 0.375rem 0.5rem;
  margin: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
}
.edit-table-container .fields-section .fields-container .field .field-label .field-label-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edit-table-container .fields-section .fields-container .field:hover {
  background: #eff6ff;
}
.edit-table-container .dnd-fields-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.5rem;
}
.edit-table-container .dnd-fields {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.5rem;
}
.edit-table-container .dnd-fields .position-relative:hover .dnd-field {
  transition: all 0.2s ease;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.12);
}
.edit-table-container .dnd-fields .position-relative:hover .dnd-field .dnd-field--icon {
  display: block;
}
.edit-table-container .dnd-fields .position-relative:hover .dnd-field--remove {
  opacity: 1;
}
.edit-table-container .dnd-fields .dnd-field {
  width: 12.25rem;
  padding: 0.375rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.125rem;
  background: #fff;
  cursor: grab;
  transition: all 0.2s ease;
  position: relative;
}
.edit-table-container .dnd-fields .dnd-field .dnd-field-dragigng-conatiner {
  display: flex;
  align-items: center;
  width: 148px;
}
.edit-table-container .dnd-fields .dnd-field .dnd-field-dragigng-conatiner .ai-sparkle-icon {
  margin-left: 8px;
}
.edit-table-container .dnd-fields .dnd-field.isDragging {
  cursor: grabbing;
}
.edit-table-container .dnd-fields .dnd-field.isDragging .dnd-field--icon {
  cursor: grabbing;
}
.edit-table-container .dnd-fields .dnd-field.non-removable {
  cursor: default;
}
.edit-table-container .dnd-fields .dnd-field.non-removable:hover {
  box-shadow: none;
}
.edit-table-container .dnd-fields .dnd-field span {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.edit-table-container .dnd-fields .dnd-field--icon {
  width: 0.875rem;
  height: 0.875rem;
  cursor: grab;
  display: none;
  position: absolute;
  left: -0.875rem;
  transition: all 0.2s ease;
}
.edit-table-container .dnd-fields .dnd-field--icon svg {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  color: #6b7280;
}
.edit-table-container .dnd-fields .dnd-field--remove {
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 16px;
  min-height: 16px;
  max-height: 16px;
  padding: 0.0625rem;
  border-radius: 0.125rem;
  transition: all 0.2s ease;
  z-index: 99;
  cursor: pointer;
}
.edit-table-container .dnd-fields .dnd-field--remove svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #6b7280;
}
.edit-table-container .dnd-fields .dnd-field--remove:hover {
  display: flex;
  background: #fee2e2;
}
.edit-table-container .dnd-fields .dnd-field--remove:hover svg {
  color: #b91c1c;
}

.footer-reset-col-button {
  height: 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.footer-reset-col-button p {
  color: #9ca3af;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
  transition: all 0.2s ease;
}
.footer-reset-col-button:hover p {
  color: #1d4ed8;
}

.select-all-field {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.25rem;
}
.select-all-field .bs-checkbox-wrapper {
  display: flex;
  align-items: center;
  line-height: 1.25rem;
  margin-top: 4px;
}
.select-all-field .bs-checkbox-wrapper .bs-checkbox {
  display: flex;
  align-items: center;
}
.select-all-field .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inenr {
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
}
.select-all-field .field-label-name {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.layout-columns-button {
  width: 2.875rem;
  height: 2.875rem;
  padding: 0.75rem 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  top: 0;
  right: 1.5rem;
  z-index: 3;
  border-top-right-radius: 0.25rem;
  border: 0.0625rem solid #f3f4f6;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
.layout-columns-button svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
}
.layout-columns-button:hover {
  border: 0.0625rem solid #dbeafe;
  background: #eff6ff;
}
.layout-columns-button:hover svg {
  color: #1d4ed8;
}

.shd-modal.edit-card-column .modal-content {
  border: none !important;
  width: auto;
}

.edit-card-column .modal-dialog {
  max-width: 59.13rem;
}
.edit-card-column .modal-body {
  height: 25rem;
  overflow-y: hidden;
  width: 59.125rem;
}

.edit-card-column.shd-modal.border .shd-modal--header {
  border-bottom: none !important;
  padding: 1.5rem !important;
}

.edit-card-container {
  display: flex;
  gap: 0.75rem;
}
.edit-card-container .col-left {
  width: 17rem;
  padding: 1rem 1.5rem 1rem 0rem;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 1rem;
}
.edit-card-container .col-right {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 1rem;
  flex: 1;
  background: #f9fafb;
  max-height: 17rem;
  overflow-y: auto;
  max-width: 18.75rem;
}
.edit-card-container .col-right .col-right-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.edit-card-container .card-preview {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 4px;
  background: #eff6ff;
  height: max-content;
}
.edit-card-container .card-preview .card-preview-title {
  color: #4b5563;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.edit-card-container .card-preview .card-preview-fields {
  display: flex;
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(4, 21, 76, 0.08);
  width: 16.875rem;
}
.edit-card-container .card-preview .card-preview-fields .title {
  color: #374151;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.edit-card-container .card-preview .card-preview-fields span {
  color: var(--gray-500, #6b7280);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  word-break: break-all;
}
.edit-card-container .col-title {
  color: #4b5563;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.edit-card-container .only-5 {
  color: #9ca3af;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.edit-card-container .shd-search-input {
  width: 240px;
}
.edit-card-container .shd-search-input input {
  font-size: 0.875rem;
}
.edit-card-container .fields-section {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.5rem;
}
.edit-card-container .fields-section .fields-title {
  color: #6b7280;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  margin: 0;
}
.edit-card-container .fields-section .fields-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.25rem;
}
.edit-card-container .fields-section .fields-container .field {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 240px;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.edit-card-container .fields-section .fields-container .field .field-label input {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #9ca3af;
  background: #fff;
}
.edit-card-container .fields-section .fields-container .field .field-label {
  width: 100%;
  padding: 0.375rem 0.5rem;
  margin: 0;
  cursor: pointer;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
}
.edit-card-container .fields-section .fields-container .field .field-label .field-label-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edit-card-container .fields-section .fields-container .field .field-label .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.edit-card-container .fields-section .fields-container .field.disabled {
  opacity: 0.5;
}
.edit-card-container .fields-section .fields-container .field.disabled .field-label {
  cursor: not-allowed;
}
.edit-card-container .fields-section .fields-container .field:hover {
  background: #eff6ff;
}
.edit-card-container .fields-section-container {
  display: flex;
  flex-direction: column;
  max-height: 18rem;
  overflow-y: auto;
}
.edit-card-container .dnd-fields-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.5rem;
}
.edit-card-container .dnd-fields {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.5rem;
}
.edit-card-container .dnd-fields .position-relative:hover .dnd-field {
  transition: all 0.2s ease;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.12);
}
.edit-card-container .dnd-fields .position-relative:hover .dnd-field .dnd-field--icon {
  display: block;
}
.edit-card-container .dnd-fields .position-relative:hover .dnd-field--remove {
  opacity: 1;
}
.edit-card-container .dnd-fields .dnd-field {
  width: 16.25rem;
  padding: 0.375rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.125rem;
  background: #fff;
  cursor: grab;
  transition: all 0.2s ease;
  position: relative;
}
.edit-card-container .dnd-fields .dnd-field .dnd-field-dragigng-conatiner {
  display: flex;
  align-items: center;
  width: 148px;
}
.edit-card-container .dnd-fields .dnd-field .dnd-field-dragigng-conatiner .ai-sparkle-icon {
  margin-left: 8px;
}
.edit-card-container .dnd-fields .dnd-field.isDragging {
  cursor: grabbing;
}
.edit-card-container .dnd-fields .dnd-field.isDragging .dnd-field--icon {
  cursor: grabbing;
}
.edit-card-container .dnd-fields .dnd-field.non-removable {
  cursor: default;
}
.edit-card-container .dnd-fields .dnd-field.non-removable:hover {
  box-shadow: none;
}
.edit-card-container .dnd-fields .dnd-field span {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.edit-card-container .dnd-fields .dnd-field--icon {
  width: 0.875rem;
  height: 0.875rem;
  cursor: grab;
  display: none;
  position: absolute;
  left: -0.875rem;
  transition: all 0.2s ease;
}
.edit-card-container .dnd-fields .dnd-field--icon svg {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  color: #6b7280;
}
.edit-card-container .dnd-fields .dnd-field--remove {
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 16px;
  min-height: 16px;
  max-height: 16px;
  padding: 0.0625rem;
  border-radius: 0.125rem;
  transition: all 0.2s ease;
  z-index: 99;
  cursor: pointer;
}
.edit-card-container .dnd-fields .dnd-field--remove svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #6b7280;
}
.edit-card-container .dnd-fields .dnd-field--remove:hover {
  display: flex;
  background: #fee2e2;
}
.edit-card-container .dnd-fields .dnd-field--remove:hover svg {
  color: #b91c1c;
}

.footer-reset-col-button {
  height: 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.footer-reset-col-button p {
  color: #9ca3af;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
  transition: all 0.2s ease;
}
.footer-reset-col-button:hover p {
  color: #1d4ed8;
}

.selected-fields-tooltip .tooltip-inner {
  max-width: 14rem;
  padding: 0.5rem;
  margin-left: -0.75rem;
}

.prospect-outcome-card {
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  cursor: pointer;
  border-radius: 20px;
  display: flex;
  width: fit-content;
  height: 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  padding: 5px 8px;
  grid-gap: 6px;
  gap: 6px;
}
.prospect-outcome-card .outcome-name {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  color: #1f2937 !important;
}

.sequence-name {
  color: #1d4ed8 !important;
}

.latest-status-badge {
  color: #1f2937 !important;
  background: #dbeafe;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400 !important;
  padding: 2px 7px;
}

.prospect-tag-badge {
  background: #eff6ff;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 4px;
  padding: 4px 8px;
  margin: 0;
  margin-right: 4px;
  display: inline-block;
  color: #1f2937 !important;
}
.prospect-tag-badge:last-child {
  margin-right: 0;
}

.shd-modal .modal-content {
  border: 0.125rem solid #f3f4f6 !important;
}
.shd-modal.border .shd-modal--header {
  padding: 1.25rem 1.5rem !important;
  border-bottom: 0.0625rem solid #e5e7eb !important;
}
.shd-modal.border .shd-modal--footer {
  padding: 1.25rem 1.5rem !important;
  border-top: 0.0625rem solid #e5e7eb !important;
}
.shd-modal--header {
  padding: 1.5rem !important;
  border: none !important;
  min-height: auto !important;
}
.shd-modal--title {
  color: #1f2937 !important;
  line-height: 1.25rem !important;
}
.shd-modal--close-btn {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
}
.shd-modal--close-btn svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.shd-modal--body {
  padding: 0 1.5rem !important;
}
.shd-modal--divider {
  width: calc(100% - 3rem);
  height: 0.125rem;
  background: #f3f4f6;
  display: flex;
  align-self: center;
}
.shd-modal--footer.with-content {
  justify-content: space-between !important;
}
.shd-modal--footer {
  min-height: unset !important;
  max-height: unset !important;
  padding: 1rem 1.5rem !important;
  border: none !important;
}
.shd-modal--footer * {
  margin: 0;
}
.shd-modal--footer__right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.shd-modal--footer__right .shd-button {
  min-width: 6.25rem;
}
.shd-modal--footer__right .shd-button--secondary.cancel-btn {
  min-width: 5rem;
  color: #6b7280;
  line-height: 1.25rem;
  border: 0.0625rem solid #e5e7eb;
}
.shd-modal--footer__right .shd-button--secondary.cancel-btn:hover, .shd-modal--footer__right .shd-button--secondary.cancel-btn:focus-visible, .shd-modal--footer__right .shd-button--secondary.cancel-btn:active {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}

.collapsible-search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem !important;
  height: 2rem !important;
  padding: 0.3125rem !important;
  border-radius: 0.25rem;
  transition: all 0.15s ease-in-out;
}
.collapsible-search-icon svg {
  display: block;
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #6b7280;
}
.collapsible-search-icon:hover {
  background-color: #dbeafe !important;
}
.collapsible-search-icon:hover svg {
  color: #1d4ed8;
}
.collapsible-search-icon:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.collapsible-search-input {
  position: relative;
  width: 2rem;
  height: 2rem;
}
.collapsible-search-input .shd-search-input {
  width: 12.1875rem;
  position: absolute;
  top: 0;
  right: 0;
}
.collapsible-search-input .shd-search-input input {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1f2937;
}
.collapsible-search-input .shd-search-input input::placeholder {
  color: #9ca3af;
}

.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control {
  width: 22.25rem;
  min-height: 32px;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300, #d1d5db);
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  flex-wrap: wrap;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control.focused {
  min-height: 2rem;
  height: auto;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control:hover, .prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control:active, .prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control:focus, .prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control:focus-within {
  cursor: pointer;
  border-color: #346aff;
  outline: none;
  box-shadow: none;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__indicators {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-right: 8px;
  margin-bottom: 4px;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__indicators .react-select__dropdown-indicator,
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__indicators .react-select__clear-indicator {
  padding: 0px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: #6b7280;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__indicators .react-select__dropdown-indicator:hover,
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__indicators .react-select__clear-indicator:hover {
  color: #6b7280;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__value-container {
  padding: 1px 8px !important;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__value-container .react-select__placeholder {
  font-size: 14px;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__value-container .react-select__input {
  font-size: 14px;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__value-container .css-b8ldur-Input {
  padding: 0px;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select-container .react-select__control .react-select__indicator-separator {
  display: none;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select__multi-value {
  padding: 0.1875rem 0.5rem;
  border-radius: 0.25rem;
  color: #1f2937;
  display: flex;
  align-items: center;
  grid-gap: 0.125rem;
  gap: 0.125rem;
  width: max-content;
  box-sizing: border-box;
  height: 1.375rem;
  padding: 0.125rem 0.1rem;
  border: 0.0625rem solid #d1d5db;
  background: #f3f4f6;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select__multi-value .react-select__multi-value__label {
  color: #1f2937;
  line-height: 1rem;
  font-size: 12px;
  font-weight: 400;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select__multi-value .react-select__multi-value__remove {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
  color: #6b7280;
  padding: 0;
  margin-left: 0.125rem;
}
.prospect-filters-modal .conditions-creatable-select-box .react-select__multi-value .react-select__multi-value__remove:hover {
  background-color: transparent;
  cursor: pointer;
}
.prospect-filters-modal .modal-dialog {
  margin: 6.875rem auto 0 auto;
  overflow: hidden;
  width: 53.875rem;
  max-width: 53.875rem;
  min-width: 53.875rem;
  max-height: 35rem;
}
.prospect-filters-modal--container {
  padding: 1.5rem 0 1.25rem 0;
  border-radius: 0.25rem;
}
.prospect-filters-modal--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.5rem;
  padding: 0 1.5rem;
  margin-bottom: 1rem;
}
.prospect-filters-modal--header__left, .prospect-filters-modal--header__right {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.prospect-filters-modal--header__left h1 {
  color: #1f2937;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
}
.prospect-filters-modal--header__left .bs-input-affix-wrapper {
  padding: 0 0.25rem !important;
  width: 258px;
}
.prospect-filters-modal--header__left .bs-input-affix-wrapper input {
  border: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937;
}
.prospect-filters-modal--header__left .pencil-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #9ca3af;
  border-radius: 4px;
  height: 24px;
}
.prospect-filters-modal--header__right .header-button {
  color: #6b7280;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.prospect-filters-modal--header__right .header-button svg {
  display: block;
}
.prospect-filters-modal--header__right .header-button span {
  width: 6.3125rem;
}
.prospect-filters-modal--header__right .header-button:hover {
  color: #1d4ed8;
}
.prospect-filters-modal--header__right .header-button.disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.prospect-filters-modal--header__right .header-button.disabled:hover {
  color: #6b7280;
}
.prospect-filters-modal .error-text {
  padding-left: 24px;
  margin-top: -16px;
}
.prospect-filters-modal--content {
  max-height: 26.5rem;
  min-height: 9rem;
  padding: 0 1.5rem;
}
.prospect-filters-modal--content .os-scrollbar-vertical {
  padding-right: 0.25rem;
}
.prospect-filters-modal--content .os-scrollbar-vertical .os-scrollbar-handle {
  border-radius: 0.25rem;
  width: 0.25rem;
  background-color: #e5e7eb;
}
.prospect-filters-modal--content::-webkit-scrollbar {
  width: 0.3125rem;
}
.prospect-filters-modal--group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 1rem;
  padding: 1rem 0.75rem;
  border-radius: 0.25rem;
  background: #f9fafb;
}
.prospect-filters-modal--group .add-filter-condition-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  width: 5.3125rem;
  height: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.prospect-filters-modal--group .add-filter-condition-btn span {
  width: 4.0625rem;
  color: #4b5563;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}
.prospect-filters-modal--group .add-filter-condition-btn svg {
  display: block;
  width: 1rem;
  height: 1rem;
  color: #4b5563;
}
.prospect-filters-modal--group .add-filter-condition-btn:hover span,
.prospect-filters-modal--group .add-filter-condition-btn:hover svg {
  color: #1d4ed8;
}
.prospect-filters-modal--group .add-filter-condition-btn.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.prospect-filters-modal--group .add-filter-condition-btn.disabled span,
.prospect-filters-modal--group .add-filter-condition-btn.disabled svg {
  color: #6b7280;
}
.prospect-filters-modal--group .add-filter-condition-btn.disabled:hover span,
.prospect-filters-modal--group .add-filter-condition-btn.disabled:hover svg {
  color: #6b7280;
}
.prospect-filters-modal--condition-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.prospect-filters-modal--condition-row .condition-row-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  position: relative;
}
.prospect-filters-modal--condition-row .condition-row-section .transfer-select-btn {
  width: 22.25rem;
  padding: 0.375rem 0.5rem;
}
.prospect-filters-modal--condition-row .condition-row-section .transfer-select-btn .placeholder {
  color: #9ca3af;
}
.prospect-filters-modal--condition-row .condition-row-section .transfer-select-btn .shd-pills {
  height: 1.375rem;
  padding: 0.125rem 0.5rem;
  border: 0.0625rem solid #d1d5db;
  background: #f3f4f6;
}
.prospect-filters-modal--condition-row .condition-row-section .transfer-select-btn .shd-pills .pills-label {
  color: #1f2937;
  line-height: 1rem;
}
.prospect-filters-modal--condition-row .condition-row-section .transfer-select-btn .shd-pills .pills-close {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}
.prospect-filters-modal--condition-row .prospect-filters-condition-logic {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 0.5rem;
  width: 4rem;
}
.prospect-filters-modal--condition-row .prospect-filters-condition-logic p {
  margin: 0;
  color: #9ca3af;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.prospect-filters-modal--condition-row .remove-condition-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem;
  border-radius: 0.125rem;
  transition: all 0.2s ease;
}
.prospect-filters-modal--condition-row .remove-condition-btn svg {
  width: 1.125rem;
  height: 1.125rem;
  color: #6b7280;
  display: block;
}
.prospect-filters-modal--condition-row .remove-condition-btn:hover {
  background-color: #fee2e2;
}
.prospect-filters-modal--condition-row .remove-condition-btn:hover svg {
  color: #b91c1c;
}
.prospect-filters-modal--condition-row .bs-input-number-container {
  max-width: 22.25rem;
}
.prospect-filters-modal--condition-row .bs-input-number-container .bs-input-number:focus, .prospect-filters-modal--condition-row .bs-input-number-container .bs-input-number:focus-within {
  outline: none;
  box-shadow: none;
}
.prospect-filters-modal--condition-row .bs-input-number-container input {
  color: #1f2937;
  line-height: 1.25rem;
}
.prospect-filters-modal--condition-row .bs-input-number-container input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.prospect-filters-modal--condition-row .bs-input-affix-wrapper {
  padding: 0.375rem 1rem;
  max-width: 22.25rem;
  height: 2rem;
}
.prospect-filters-modal--condition-row .bs-input-affix-wrapper .bs-input {
  color: #1f2937;
  line-height: 1.25rem;
}
.prospect-filters-modal--condition-row .bs-input-affix-wrapper .bs-input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.prospect-filters-modal--condition-row .bs-input-affix-wrapper:focus, .prospect-filters-modal--condition-row .bs-input-affix-wrapper:focus-within {
  outline: none;
  box-shadow: none;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container {
  width: 22.25rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d1d5db;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  flex-wrap: wrap;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container.focused {
  min-height: 2rem;
  height: auto;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container.focused .bs-input-affix-wrapper {
  display: flex;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container:hover, .prospect-filters-modal--condition-row .prospect-filters-text-input-container:active, .prospect-filters-modal--condition-row .prospect-filters-text-input-container:focus, .prospect-filters-modal--condition-row .prospect-filters-text-input-container:focus-within {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: none;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container .prospect-filters-text-input-pills {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  flex-wrap: wrap;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container .prospect-filters-text-input-pills .shd-pills {
  height: 1.375rem;
  padding: 0.125rem 0.5rem;
  border: 0.0625rem solid #d1d5db;
  background: #f3f4f6;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container .prospect-filters-text-input-pills .shd-pills .pills-label {
  color: #1f2937;
  line-height: 1rem;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container .prospect-filters-text-input-pills .shd-pills .pills-close {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container .bs-input-affix-wrapper {
  padding: 0;
  border: none;
  display: none;
  width: 6.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
}
.prospect-filters-modal--condition-row .prospect-filters-text-input-container .bs-input-affix-wrapper:hover, .prospect-filters-modal--condition-row .prospect-filters-text-input-container .bs-input-affix-wrapper:active, .prospect-filters-modal--condition-row .prospect-filters-text-input-container .bs-input-affix-wrapper:focus, .prospect-filters-modal--condition-row .prospect-filters-text-input-container .bs-input-affix-wrapper:focus-within {
  border: none;
  outline: none;
  box-shadow: none;
}
.prospect-filters-modal .create-view-modal-divider {
  width: calc(100% - 3rem);
  height: 1px;
  background: #f3f4f6;
  display: flex;
  align-self: center;
  margin: 1.5rem auto 0 auto;
}
.prospect-filters-modal--footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 0 1.5rem;
  padding-top: 1.25rem;
}
.prospect-filters-modal--footer__left {
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prospect-filters-modal--footer__left span {
  color: #9ca3af;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.prospect-filters-modal--footer__left .bs-select-box {
  min-width: 240px;
  height: 2rem;
  padding: 6px 8px;
}
.prospect-filters-modal--footer__left .bs-select-box .bs-select-box-text div {
  margin-right: 6px;
}
.prospect-filters-modal--footer__left .bs-select-box .bs-select-box-text span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.prospect-filters-modal--footer .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.prospect-filters-modal--footer .disabled:hover {
  background-color: #1d4ed8;
}
.prospect-filters-modal--footer .shd-button {
  min-width: 6.25rem;
}
.prospect-filters-modal--group-logic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.prospect-filters-modal--group-logic .filter-logic-select {
  height: 1.5rem;
}
.prospect-filters-modal--group-logic .filter-logic-select .bs-select-box {
  width: 4rem;
  height: 1.5rem;
  padding: 0.125rem 0.5rem;
  border: 0.0625rem solid #bfdbfe;
  background: #eff6ff;
}
.prospect-filters-modal .shd-input {
  width: 100%;
}
.prospect-filters-modal .shd-input .input {
  width: 100%;
}
.prospect-filters-modal .shd-input .input:focus {
  outline: none;
}
.prospect-filters-modal .shd-input .shd-input--label {
  display: none;
}
.prospect-filters-modal .bs-input-number-container {
  width: 100%;
}
.prospect-filters-modal .number-input-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.prospect-filters-modal .number-input-container .number-input-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}
.prospect-filters-modal .number-input-container .number-input-separator svg {
  width: 100%;
  height: 100%;
  color: #9ca3af;
}
.prospect-filters-modal .number-input-container .bs-input-number-container {
  width: 4.6875rem;
}
.prospect-filters-modal .number-input-container .bs-input-number-container .bs-input-number {
  min-width: 4.6875rem;
}

.create-view-modal .modal-dialog {
  margin: 0 auto;
}
.create-view-modal .create-view-modal-footer-cancel-btn {
  padding: 6px 26px 6px 27px;
}
.create-view-modal .create-view-modal-footer-save-btn {
  padding: 6px 15px;
}
.create-view-modal .prospect-filters-modal--header__left {
  gap: 6px;
}
.create-view-modal .prospect-filters-modal--header__left h1 {
  max-width: 250px !important;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-view-modal .create-view-modal-filter-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  color: #6b7280;
  padding: 0 1.5rem 0.5rem 1.5rem;
}

.transfer-overlay.share-with-select {
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.transfer-overlay.share-with-select .transfer-container .transfer-body {
  padding: 12px 0 !important;
}
.transfer-overlay.share-with-select .transfer-container .transfer-body li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
  padding: 0.375rem 0.75rem !important;
}
.transfer-overlay.share-with-select .transfer-container .transfer-body .transfer-footer {
  padding: 0;
}
.transfer-overlay.share-with-select .transfer-container .transfer-body .transfer-footer .transfer-container.share-with-team-select {
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 0;
  box-shadow: none;
}
.transfer-overlay.share-with-select .transfer-container .transfer-body .transfer-footer .transfer-container.share-with-team-select .transfer-body {
  padding: 0 0 0.5rem 0;
}
.transfer-overlay.share-with-select .transfer-container .transfer-body .transfer-footer .transfer-container.share-with-team-select .transfer-body .transfer-search {
  height: 2rem !important;
  padding: 0.375rem 0.75rem;
  border: 1px solid #f3f4f6;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.transfer-overlay.share-with-select .transfer-container .transfer-body .transfer-footer .transfer-container.share-with-team-select .transfer-body li {
  padding: 6px 28px !important;
}

.share-with-select.transfer-overlay {
  z-index: 1050;
}

.prospect-filters-select,
.prospect-filters-multi-select-dropdown-container {
  display: flex;
  width: 100%;
  max-width: 22.25rem;
  height: 2rem;
}
.prospect-filters-select.filter-fields-select,
.prospect-filters-multi-select-dropdown-container.filter-fields-select {
  width: 11.625rem;
}
.prospect-filters-select.filter-fields-select .bs-select-box,
.prospect-filters-multi-select-dropdown-container.filter-fields-select .bs-select-box {
  width: 11.625rem;
}
.prospect-filters-select.filter-operation-select,
.prospect-filters-multi-select-dropdown-container.filter-operation-select {
  width: 7.5rem;
}
.prospect-filters-select.filter-operation-select .bs-select-box-icon-wrapper,
.prospect-filters-multi-select-dropdown-container.filter-operation-select .bs-select-box-icon-wrapper {
  margin-left: 0;
}
.prospect-filters-select.filter-logic-select,
.prospect-filters-multi-select-dropdown-container.filter-logic-select {
  width: 4rem;
}
.prospect-filters-select.filter-logic-select .bs-select-box-icon-wrapper,
.prospect-filters-multi-select-dropdown-container.filter-logic-select .bs-select-box-icon-wrapper {
  margin-left: 0;
}
.prospect-filters-select.w-100 .bs-select-box,
.prospect-filters-multi-select-dropdown-container.w-100 .bs-select-box {
  width: 100%;
}
.prospect-filters-select.date-input-select-box,
.prospect-filters-multi-select-dropdown-container.date-input-select-box {
  position: relative;
}
.prospect-filters-select .bs-select-box,
.prospect-filters-multi-select-dropdown-container .bs-select-box {
  width: 100%;
  max-width: 22.25rem;
  height: 2rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300, #d1d5db);
  background: #fff;
  padding: 0.375rem 0.5rem;
}
.prospect-filters-select .bs-select-box:focus, .prospect-filters-select .bs-select-box:active,
.prospect-filters-multi-select-dropdown-container .bs-select-box:focus,
.prospect-filters-multi-select-dropdown-container .bs-select-box:active {
  box-shadow: none;
}
.prospect-filters-select .bs-select-box:focus-within,
.prospect-filters-multi-select-dropdown-container .bs-select-box:focus-within {
  border-color: #1d4ed8;
}
.prospect-filters-select .bs-select-box .bs-select-box-text,
.prospect-filters-multi-select-dropdown-container .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.prospect-filters-select .bs-select-box .bs-select-box-text.placeholder,
.prospect-filters-multi-select-dropdown-container .bs-select-box .bs-select-box-text.placeholder {
  color: #9ca3af;
}
.prospect-filters-select .bs-select-box .bs-select-box-icon-wrapper svg,
.prospect-filters-multi-select-dropdown-container .bs-select-box .bs-select-box-icon-wrapper svg {
  color: #6b7280;
}

.prospect-filters-select-dropdown,
.prospect-filters-multi-select-dropdown {
  padding: 0 !important;
}
.prospect-filters-select-dropdown.filter-fields-dropdown,
.prospect-filters-multi-select-dropdown.filter-fields-dropdown {
  width: 16rem !important;
}
.prospect-filters-select-dropdown.filter-operation-dropdown,
.prospect-filters-multi-select-dropdown.filter-operation-dropdown {
  width: max-content !important;
  min-width: 7.5rem;
}
.prospect-filters-select-dropdown.filter-logic-dropdown,
.prospect-filters-multi-select-dropdown.filter-logic-dropdown {
  width: 4rem !important;
}
.prospect-filters-select-dropdown.date-input-dropdown,
.prospect-filters-multi-select-dropdown.date-input-dropdown {
  width: 22.25rem !important;
}
.prospect-filters-select-dropdown,
.prospect-filters-multi-select-dropdown {
  border-radius: 4px;
  border: 1px solid var(--gray-200, #e5e7eb);
  background: #fff;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.prospect-filters-select-dropdown .transfer-list li,
.prospect-filters-multi-select-dropdown .transfer-list li {
  height: 2rem;
  padding: 0.375rem 0.75rem !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px !important;
}
.prospect-filters-select-dropdown .transfer-list li .option-content,
.prospect-filters-multi-select-dropdown .transfer-list li .option-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prospect-filters-select-dropdown .transfer-list li .filter-field-name,
.prospect-filters-multi-select-dropdown .transfer-list li .filter-field-name {
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prospect-filters-multi-select-dropdown-container {
  width: 22.25rem;
}
.prospect-filters-multi-select-dropdown-container .bs-select-box {
  width: 100% !important;
}
.prospect-filters-multi-select-dropdown-container .bs-select-box-text {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.prospect-filters-multi-select-dropdown-container .bs-select-box-text .shd-pills {
  height: 1.375rem;
  padding: 0.125rem 0.5rem;
  border: 0.0625rem solid #d1d5db;
  background: #f3f4f6;
}
.prospect-filters-multi-select-dropdown-container .bs-select-box-text .shd-pills .pills-label {
  color: #1f2937;
  line-height: 1rem;
}
.prospect-filters-multi-select-dropdown-container .bs-select-box-text .shd-pills .pills-close {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}

.prospect-filters-multi-select-dropdown {
  width: 22.25rem !important;
}
.prospect-filters-multi-select-dropdown.teams-dropdown {
  width: 18.75rem !important;
}

.prospect-filters-save-as-a-view-modal .modal-dialog {
  justify-content: center;
  align-items: center;
}
.prospect-filters-save-as-a-view-modal .modal-content {
  width: 22rem;
}
.prospect-filters-save-as-a-view-modal .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
  margin-bottom: 1.5rem;
}
.prospect-filters-save-as-a-view-modal .rb-group .bs-radio-wrapper span:last-of-type {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.prospect-filters-save-as-a-view-modal--input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.5rem;
}
.prospect-filters-save-as-a-view-modal--input-group p {
  margin: 0;
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.prospect-filters-save-as-a-view-modal--input-group .bs-input-affix-wrapper {
  padding: 0.375rem 0.5rem !important;
  max-width: 22.25rem;
}
.prospect-filters-save-as-a-view-modal--input-group .bs-input-affix-wrapper .bs-input {
  color: #1f2937;
  line-height: 1.25rem;
}
.prospect-filters-save-as-a-view-modal--input-group .bs-input-affix-wrapper .bs-input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.prospect-filters-save-as-a-view-modal--input-group .bs-input-affix-wrapper:focus, .prospect-filters-save-as-a-view-modal--input-group .bs-input-affix-wrapper:focus-within {
  outline: none !important;
  box-shadow: none !important;
}
.prospect-filters-save-as-a-view-modal--input-group .bs-input-container {
  margin-bottom: 0 !important;
}
.prospect-filters-save-as-a-view-modal--input-group .input-error-container .bs-input-label-suffix {
  color: #b91c1c;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 0.25rem !important;
}
.prospect-filters-save-as-a-view-modal--input-group .shd-input {
  width: 100%;
}
.prospect-filters-save-as-a-view-modal--input-group .shd-input .shd-input--label {
  display: none;
}
.prospect-filters-save-as-a-view-modal--input-group .shd-input .input {
  width: 100%;
}
.prospect-filters-save-as-a-view-modal--input-group .shd-input .input:focus {
  outline: none;
}

.prospect-filters-owners-dropdown .transfer-container {
  max-width: 352px !important;
  min-width: 352px !important;
}
.prospect-filters-owners-dropdown .transfer-container .transfer-content {
  min-height: 19rem !important;
}

.prospect-filters-date-picker-popover .arrow {
  display: none;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content {
  padding: 0 !important;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker {
  box-shadow: none;
  padding: 0 !important;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__month-container {
  width: 13.5rem;
  min-height: 15rem;
  padding: 0.75rem !important;
  border-radius: 0.25rem !important;
  border: none !important;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header {
  border-bottom: none !important;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header p {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button {
  width: 1rem;
  height: 1rem;
  text-align: center;
  color: #1f2937;
  padding: 0;
  border: none;
  background-color: transparent;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:hover, .prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:focus, .prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:focus-within, .prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:active {
  outline-color: #d1d5db;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button svg {
  width: 1rem;
  height: 1rem;
  display: block;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header .pick-date-and-time-header .pick-date-and-time-action-btns button:disabled {
  color: #d1d5db;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__current-month {
  display: flex;
  align-items: center;
  padding: 0;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__header__dropdown {
  display: none;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day-names {
  height: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.875rem !important;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day-name {
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__month {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__week {
  height: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day {
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
  padding: 0 !important;
  color: #1f2937 !important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem !important;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day:hover {
  background-color: #eff6ff;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day--disabled {
  color: #d1d5db !important;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day--selected, .prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day--keyboard-selected, .prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day--range-end, .prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__day--range-start {
  color: #fff !important;
  background-color: #1d4ed8 !important;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container {
  position: absolute;
  right: 0rem;
  top: 2.75rem;
  margin: 0;
  width: 168px;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container .react-datepicker-time__caption {
  display: none;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container .react-datepicker-time__input-container {
  width: 100%;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  margin: 0;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input:focus-visible {
  outline: none;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .react-datepicker-time__input {
  margin: 0;
  padding: 0.375rem 0.5rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .react-datepicker-time__input:hover {
  border-color: #1d4ed8;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .react-datepicker-time__input:focus-visible {
  outline-color: #1d4ed8;
}
.prospect-filters-date-picker-popover .bs-popover-inner-content .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .react-datepicker-time__input::-webkit-calendar-picker-indicator {
  display: none;
}

.react-select__menu-list {
  font-size: 14px;
}

.plan-cycle-switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px;
  width: 311px;
}
.plan-cycle-switch.email-outreach-plan-cycle-switch {
  width: 475px;
}
.plan-cycle-switch {
  height: 46px;
  padding: 0.375rem;
  position: relative;
  border-radius: 30px;
  border: 0.0313rem solid #e5e7eb;
  background: #f3f4f6;
}
.plan-cycle-switch--option {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 2.125rem;
  z-index: 1;
}
.plan-cycle-switch--option.monthly {
  width: 8.625rem;
}
.plan-cycle-switch--option.quarterly {
  width: 10.0625rem;
}
.plan-cycle-switch--option.annually {
  width: 10.0625rem;
}
.plan-cycle-switch--option.monthly {
  width: 8.625rem;
}
.plan-cycle-switch--option.annually {
  width: 10.0625rem;
}
.plan-cycle-switch--option span {
  color: #6b7280;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.plan-cycle-switch--option.selected span {
  color: #1d4ed8;
}
.plan-cycle-switch--option.disabled {
  cursor: not-allowed;
}
.plan-cycle-switch--option .discount-percentage {
  background: #a7f3d0;
}
.plan-cycle-switch--option .discount-percentage.quarterly {
  background: #ddd6fe;
  color: #6d28d9 !important;
}
.plan-cycle-switch--option .discount-percentage {
  padding: 3px 5px;
  border-radius: 15px;
  color: #047857 !important;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  max-height: 18px;
}
.plan-cycle-switch .selected-option-bg {
  height: 2.125rem;
  position: absolute;
  transition: all 0.25s ease-out;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.0784313725);
}
.plan-cycle-switch .selected-option-bg.monthly {
  width: 8.625rem;
  transform: translateX(0%);
}
.plan-cycle-switch .selected-option-bg.quarterly {
  width: 10.0625rem;
  transform: translateX(8.875rem);
}
.plan-cycle-switch .selected-option-bg.annually {
  width: 10.0625rem;
  transform: translateX(8.6rem);
}
.plan-cycle-switch .selected-option-bg.annually.email-outreach-selected-option-bg {
  transform: translateX(18.6rem);
}

.shd-modal.import-contacts-csv-modal .modal-content {
  border: none !important;
}

.import-contacts-csv-modal .modal-dialog {
  max-width: 45rem;
  overflow: hidden;
  align-items: center;
}
.import-contacts-csv-modal .modal-dialog .modal-content {
  min-height: 522px;
  max-height: 585px;
  flex: 1;
}
.import-contacts-csv-modal .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  overflow: hidden;
  display: grid;
}
.import-contacts-csv-modal--content {
  height: 100%;
  overflow: hidden;
}
.import-contacts-csv-modal--flow {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  height: 100%;
  overflow: hidden;
}
.import-contacts-csv-modal--flow .import-stage-tabs--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin: 1.25rem 1.5rem 0 1.5rem;
  height: 2.5rem;
}
.import-contacts-csv-modal--flow .import-stage-tabs--tab {
  width: 100%;
  min-width: 10.375rem;
  max-width: 10.9375rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.import-contacts-csv-modal--flow .import-stage-tabs--tab p {
  margin: 0;
  color: #6b7280;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.import-contacts-csv-modal--flow .import-stage-tabs--tab.selected {
  background: #eff6ff;
}
.import-contacts-csv-modal--flow .import-stage-tabs--tab.selected p {
  color: #1d4ed8;
  font-weight: 600;
}
.import-contacts-csv-modal--flow .import-stage-tabs--tab.disabled {
  cursor: not-allowed;
}
.import-contacts-csv-modal--flow .import-stage-tabs--icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.import-contacts-csv-modal--flow .import-stage-tabs--icon svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #9ca3af;
}
.import-contacts-csv-modal--stages {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.import-contacts-csv-modal--stages .import-contact-stage {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-content {
  flex: 1;
  border-radius: 0.25rem;
  margin: 0rem 1.5rem 1.25rem 1.5rem;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  border-top: 0.0625rem solid #e5e7eb;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--left, .import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--right {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--left button, .import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--right button {
  min-width: 6.25rem;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--left .download-import-contacts-sample-file, .import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--right .download-import-contacts-sample-file {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 1.5rem;
  text-decoration: none;
  color: #1d4ed8;
  transition: all 0.2s ease;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--left .download-import-contacts-sample-file:hover, .import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--right .download-import-contacts-sample-file:hover {
  color: #1e40af;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--left .download-import-contacts-sample-file span, .import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--right .download-import-contacts-sample-file span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--left .download-import-contacts-sample-file span:last-of-type, .import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--right .download-import-contacts-sample-file span:last-of-type {
  margin-top: 0.125rem;
}
.import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--left .download-import-contacts-sample-file svg, .import-contacts-csv-modal--stages .import-contact-stage .import-contact-stage-footer--right .download-import-contacts-sample-file svg {
  width: 1.25rem;
  height: 1.25rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .pre-select-stage .select-file-content {
  background: #f9fafb;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .post-select-stage .select-file-content {
  background: #ecfdf5;
  border: 0.0625rem solid #a7f3d0;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .csv-error .select-file-content {
  background: #fef2f2;
  border: 0.0625rem solid #fecaca;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .select-file-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .select-file-content > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .select-file-content .shd-drag-and-drop {
  flex-direction: row;
  justify-content: center;
  border-radius: 0.5rem;
  border: 0.0625rem dashed #d1d5db;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .select-file-content .shd-drag-and-drop.dragging {
  border: none;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .empty-data-icon-wrapper img {
  width: 1.875rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .pre-select-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .pre-select-tagline {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f2937;
  margin: 1.5rem 0 1rem 0;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .pre-select-info {
  color: #6b7280;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .pre-select-file-uploader {
  width: 7.5rem;
  height: 2rem;
  margin-top: 1rem;
  background-color: #ffffff;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .file-uploader {
  width: 7.7rem;
  height: 2rem;
  border: 1px solid #1d4ed8;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .file-uploader > input {
  display: none;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .file-uploader .select-file-placeholder {
  padding: 0 0.75rem;
  color: #bfbfbf;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .pre-select .file-uploader .choose-file {
  height: calc(100% + 2px);
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: #1d4ed8;
  justify-content: center;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-icon-wrapper {
  width: 2.5rem;
  height: 2.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-icon-wrapper img {
  width: 100%;
  height: 100%;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-filename {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1f2937;
  margin-top: 0.875rem;
  margin-bottom: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-success,
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-success {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #1f2937;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .csv-error-message {
  color: #1f2937;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
  margin-top: 0.875rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .csv-error-message span {
  display: block;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-delete {
  width: 8.625rem;
  height: 2rem;
  margin-top: 1.125rem;
  color: #6b7280;
  transition: all 0.2s ease;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-delete span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-delete svg {
  width: 1.25rem;
  height: 1.25rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-delete i {
  font-size: 1.25rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-delete:hover {
  color: #1f2937;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .post-select-delete:hover i::before {
  color: #1f2937;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .file-preview {
  width: 13.7rem;
  height: 2rem;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  user-select: none;
  margin-top: 1.75rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .file-preview .filename {
  flex: 1;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 0 0.75rem;
  color: #bfbfbf;
  white-space: nowrap;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .select-file .post-select .file-preview .remove-file {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.3125rem;
  cursor: pointer;
  color: #8c8c8c;
  font-size: 1.3125rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-fields-content {
  padding-bottom: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list {
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-header,
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item {
  display: flex;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-header {
  padding: 0.625rem 1.5rem;
  color: #262626;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item {
  padding: 0.45rem 1.5rem;
  align-items: center;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left {
  flex: 1;
  display: flex;
  color: #1f2937;
  overflow: hidden;
  margin-right: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left .csv-header-label,
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left .csv-row-value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left .csv-header-label {
  flex: 3;
  max-width: 9rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-left .csv-row-value {
  flex: 3;
  margin-left: 6rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-right {
  display: flex;
  align-items: center;
  width: 13rem;
  justify-content: flex-end;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-right .map-list-item-remove-icon-wrapper {
  padding: 5px;
  margin-right: 0.5rem;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-right .bs-select-box {
  width: 10rem;
  color: #1f2937;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-right .bs-select-box .bs-select-box-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-item .map-list-item-child-right .bs-select-box .bs-select-box-text span {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-header {
  display: flex;
  justify-content: space-between;
  background-color: #f8f9fa;
  color: #4b5563;
  font-weight: 600;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-content {
  flex: 1;
  overflow-y: auto;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-footer {
  display: flex;
  height: 3.125rem;
  justify-content: space-between;
  background: #f8f9fa;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-scroll {
  height: 21.875rem;
  flex: auto;
  margin-top: 0.625rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-list .map-list-footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 3px !important;
  margin-top: 0.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper {
  display: flex;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-config {
  display: flex;
  align-items: center;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-config:not(:first-child) {
  margin-left: 0.75rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-config .map-fields-config-label {
  color: #1f2937;
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-step .bs-select-box {
  width: 7rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-conflict-action .bs-select-box {
  width: 12.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .map-fields-config-wrapper .map-fields-conflict-action .info-circle {
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .map-fields .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .sample-map-field {
  margin-left: 8.7rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .import-config .import-config-content {
  padding: 0.625rem 2px 0 2px;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .import-config .import-config-content .import-config-step-wrapper {
  width: 14rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .import-config .import-config-footer .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.import-contacts-csv-modal .import-flow-stage-wrapper ::-webkit-scrollbar {
  width: 5px;
  height: 4.93rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper ::-webkit-scrollbar-track {
  background: #fff;
}
.import-contacts-csv-modal .import-flow-stage-wrapper ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification {
  margin: 0 !important;
  padding: 0rem 1.5rem 1.25rem 1.5rem !important;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .content-loader {
  align-self: center;
  width: 15rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .tags-container {
  display: none;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .tags-autosuggest-container .tags-autosuggest-width {
  width: 100%;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .tags-autosuggest-container .tags-autosuggest-width .tag-input-container {
  flex: 1;
  min-width: 10rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .tags-autosuggest-container input {
  width: 100%;
  margin: 0 !important;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-content-footer {
  flex: 1;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-content-footer .verification-checkbox {
  flex: 1;
  display: flex;
  flex-direction: row;
  padding-left: 0.5rem;
  margin-bottom: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-content-footer .text {
  color: #1f2937;
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 0.15rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container.mt-2 {
  margin-top: 0 !important;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container .review-section-title-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container .review-section-title-container .review-section-title {
  color: #1f2937;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container .review-section-tags-container.mt-n2 {
  margin-top: 0rem !important;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container .review-section-tags-container .tags-autosuggest-container > div:first-child {
  margin-top: 0 !important;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container .review-section-tags-container .tags-autosuggest-container > div:first-child .bs-input {
  height: 2.5rem;
  border: 0.0625rem solid #d1d5db;
  background: #f9fafb;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container .review-section-tags-container .tags-autosuggest-container > div:first-child .bs-input input {
  background: #f9fafb;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .review-section-container .review-section-tags-container .tags-autosuggest-container > div:first-child #react-autowhatever-1 {
  margin-top: 0.25rem !important;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container {
  margin-top: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-desc-container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-desc-container p {
  margin: 0;
  color: #6b7280;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-desc-container p a {
  color: #1d4ed8;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .buy-credit-alert {
  height: 2rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .buy-credit-alert .shd-alert--icon {
  display: flex;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .buy-credit-alert .buy-credit-alert-desc {
  gap: 0.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .buy-credit-alert .buy-credit-alert-desc p {
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: normal;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .buy-credit-alert .buy-credit-alert-desc p:first-of-type {
  color: #1f2937;
  font-weight: 400;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .buy-credit-alert .buy-credit-alert-desc p:last-of-type {
  color: #1d4ed8;
  font-weight: 500;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .status-name {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin-left: 0.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .status-content {
  color: #4b5563;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  margin-left: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .valid-contact {
  height: 1.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .valid-contact .icon {
  color: #059669;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .valid-contact .valid-status-name {
  color: #059669;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .risky-contact {
  height: 1.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .risky-contact .icon {
  color: #dc2626;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-info-container .email-verification-info .risky-contact .risky-status-name {
  color: #dc2626;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .verify-prospect-checkbox .bs-checkbox-wrapper {
  height: 1rem;
  line-height: 1rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .verify-prospect-checkbox input {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #9ca3af;
  background: #fff;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .verify-prospect-checkbox {
  width: 100%;
  margin-top: 0.375rem;
  cursor: pointer;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  color: #1f2937;
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-error-container {
  margin-top: 0.375rem;
}
.import-contacts-csv-modal .import-flow-stage-wrapper .email-verification .email-verification-error-table {
  max-width: 18.75rem;
}

@media (max-height: 645px) {
  .import-contacts-csv-modal .modal-dialog .modal-content {
    min-height: 90vh !important;
    max-height: 90vh !important;
  }
}
@media (max-height: 590px) {
  .import-contacts-csv-modal .modal-dialog .modal-content {
    min-height: 80vh !important;
    max-height: 80vh !important;
  }
}
.tag-button-1 {
  height: 1.75rem !important;
  padding: 0.375rem 0.75rem !important;
  color: #6b7280 !important;
  background-color: transparent !important;
  border: 0.0625rem #d1d5db solid !important;
  border-radius: 0.25rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  cursor: pointer;
  transition: all 0.2s ease !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
}
.tag-button-1:hover {
  border: 0.0625rem #1d4ed8 solid !important;
  color: #1d4ed8 !important;
}

.tag-dropdown-view {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 0.5rem !important;
  background: white !important;
  cursor: pointer !important;
  z-index: 1000 !important;
}

.menu-item {
  width: 100% !important;
  padding: 0.375rem 0.75rem !important;
  cursor: pointer;
}
.menu-item:hover {
  background-color: #eff6ff !important;
}

.dropdown-container {
  border-radius: 0.25rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  background: #fff !important;
  display: inline-flex !important;
  padding: 0.5rem 0rem !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  height: 5rem !important;
  width: 10.6875rem !important;
  list-style: none !important;
  margin: 0 !important;
}

.tag-text {
  margin-top: 0.3rem !important;
}

.add-remove-tag-email-modal .modal-header {
  border: none !important;
}
.add-remove-tag-email-modal .modal-body {
  padding: 0 !important;
}
.add-remove-tag-email-modal .modal-dialog {
  max-width: 34.12rem !important;
  overflow: visible !important;
}
.add-remove-tag-email-modal .modal-content {
  overflow: visible !important;
}
.add-remove-tag-email-modal .bs-modal-body {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.add-remove-tag-email-modal .modal-body {
  min-height: 7.75rem;
  max-height: 64%;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
}
.add-remove-tag-email-modal .modal-footer {
  max-height: none;
  min-height: 0;
  padding: 1.5rem 0;
  margin: 0 1.5rem;
}
.add-remove-tag-email-modal .modal-footer > * {
  margin: 0;
}
.add-remove-tag-email-modal .bs-modal-container .bs-modal-footer .bs-modal-footer-action-buttons button {
  margin-left: 0;
}

.tab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.modal-header-title {
  display: flex;
  margin-top: 1.5rem;
}

.p-text-tag {
  color: #1f2937 !important;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.email-tab-tags .selected-tags-container .bs-tag-blue-17 {
  background: #dbeafe;
}
.email-tab-tags.remove-tag-modal .selected-tags-container .bs-tag-blue-17 {
  background: #fee2e2;
}
.email-tab-tags .bs-tag {
  margin-right: 0;
}

.dropdown:hover {
  background: #eff6ff;
}

.tag-list-font {
  font-weight: 500;
  margin: 0;
}

.add-tag-btn {
  display: flex !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  cursor: pointer;
}

.tag-button-container {
  position: relative !important;
  display: inline-block !important;
}
.tag-button-container .tag-icon {
  height: 2rem;
  width: 2rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.tag-button-container .tag-icon svg {
  color: #6b7280;
}
.tag-button-container .tag-icon:hover {
  background-color: #dbeafe;
}
.tag-button-container .tag-icon:hover svg {
  color: #1d4ed8;
}
.tag-button-container .tag-icon.selected {
  background-color: #dbeafe;
  cursor: default;
}
.tag-button-container .tag-icon.selected svg {
  color: #1d4ed8;
}
.tag-button-container .disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.tag-button-container .disabled:hover {
  background-color: transparent;
}
.tag-button-container .disabled:hover svg {
  color: #6b7280;
}

.add-btn-container {
  position: absolute !important;
  z-index: 99999 !important;
}

.modal-input .fixed-height-input-container {
  padding: 0.5rem 1rem;
  max-height: 12rem !important;
  overflow-y: auto;
}
.modal-input .fixed-height-input-container:hover {
  border-radius: 0.25rem;
  border: 0.0625rem solid #1d4ed8;
}
.modal-input .fixed-height-input-container:focus-within {
  border-radius: 0.25rem;
  border: 0.0625rem solid #1d4ed8;
}
.modal-input .fixed-height-input-container:active {
  border-radius: 0.25rem;
  border: 0.0625rem solid #1d4ed8;
}

.email-tab-tags .selected-tags-container .bs-tag-blue-17 {
  background: #dbeafe;
}
.email-tab-tags.remove-tag-modal-color .bs-tag-blue-17 {
  background: #fee2e2 !important;
}

.cancel-btn {
  min-width: 6.25rem !important;
  height: 2rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  transition: all 0.2s ease !important;
  color: #6b7280 !important;
  margin-right: 0;
}
.cancel-btn:focus-visible {
  outline: none;
}
.cancel-btn:hover, .cancel-btn:active {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}

.submit-btn {
  min-width: 6.25rem;
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #1d4ed8;
}
.submit-btn:hover {
  background-color: #1e40af !important;
}
.submit-btn:disabled {
  background-color: #1d4ed8 !important;
  color: #fff !important;
  opacity: 0.65 !important;
}

.multi-chip-input--container {
  width: 100%;
  min-height: 8.875rem;
  overflow-y: auto;
  padding: 7px 16px;
  display: grid;
  position: relative;
  grid-template-rows: auto 1fr;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background-color: #f9fafb;
  cursor: text;
}
.multi-chip-input--container:focus, .multi-chip-input--container:focus-within {
  border-color: #1d4ed8;
}
.multi-chip-input--container.error {
  border-color: #fca5a5;
}
.multi-chip-input--error-msg {
  color: #b91c1c;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.multi-chip-input--helper-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.25rem;
}
.multi-chip-input--pills {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.25rem;
  cursor: pointer;
}
.multi-chip-input--pills .shd-pills {
  background-color: white;
  border-color: #d1d5db;
}
.multi-chip-input--loader {
  display: flex;
  gap: 0.25rem;
}
.multi-chip-input--input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #1f2937;
  padding: 0;
  background-color: #f9fafb;
}
.multi-chip-input--input:disabled {
  background-color: transparent;
}
.multi-chip-input--input:active, .multi-chip-input--input:focus {
  outline: none;
}
.multi-chip-input--input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.multi-chip-input--count {
  position: absolute;
  bottom: 7px;
  right: 16px;
  font-size: 0.75rem;
  color: #9ca3af;
}

.multi-chip-input-tooltip .tooltip-inner {
  max-width: 400px !important;
}

.download-usage-report-history__popover .bs-popover-inner,
.download-usage-report-history__popover .bs-popover-inner-content {
  padding: 0px !important;
}

.download-usage-report-history {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.download-usage-report-history__trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  cursor: pointer;
}
.download-usage-report-history__trigger svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.download-usage-report-history__trigger:hover, .download-usage-report-history__trigger.is-active {
  color: #1d4ed8;
}
.download-usage-report-history__popover {
  width: 270px;
  display: flex;
  flex-direction: column;
  border-radius: 4px !important;
  border: 1px solid #e5e7eb !important;
  background: #fff;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24) !important;
  padding: 16px !important;
}
.download-usage-report-history__popover .arrow {
  display: none;
}
.download-usage-report-history__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.download-usage-report-history__date-selector {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.download-usage-report-history__date-selector .date-filter-select-wrap {
  width: 100%;
}
.download-usage-report-history__date-selector .date-filter-select-wrap .bs-select-box {
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
}
.download-usage-report-history__date-selector .bs-input-label-prefix {
  display: flex;
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 0 !important;
}
.download-usage-report-history__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.async-progress-bar {
  position: relative;
  min-width: 15.625rem;
  width: 15.625rem;
  min-height: max-content !important;
  max-height: 4.375rem;
  margin-top: 0.75rem;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
  opacity: 0;
}
.async-progress-bar:first-child {
  margin-top: 0;
}
.async-progress-bar {
  max-height: 0;
  margin-top: 0;
  will-change: opacity, max-height, margin-top;
  transition: opacity 0.3s ease-out, max-height 0.3s ease-out, margin-top 0.3s ease-out;
}
.async-progress-bar.entering {
  opacity: 1;
  max-height: 4.375rem;
  margin-top: 0.75rem;
}
.async-progress-bar.entering:first-child {
  margin-top: 0;
}
.async-progress-bar.active {
  opacity: 1;
  max-height: 4.375rem;
  margin-top: 0.75rem;
}
.async-progress-bar.active:first-child {
  margin-top: 0;
}
.async-progress-bar.closing {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
  pointer-events: none;
}
.async-progress-bar .async-card-body {
  background-color: #fff;
  border: 0.0625rem solid #f3f4f6;
  border-radius: 0.25rem;
  gap: 0.5rem;
  padding: 0.75rem;
  justify-content: space-between;
  background-color: #fff;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
}
.async-progress-bar .async-card-body .card-body-container {
  gap: 0.5rem;
}
.async-progress-bar .async-card-body .card-body-container.completed {
  gap: 0.25rem;
}
.async-progress-bar .async-card-body .text {
  font-size: 12px;
  font-weight: 600;
  color: #1f2937;
  max-width: 10.125rem;
  min-width: 9.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1rem;
}
.async-progress-bar .async-card-body .view-button {
  cursor: pointer;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  line-height: 1rem;
}
.async-progress-bar .async-card-body .disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.async-progress-bar .async-card-body .async-completed-process {
  margin-top: 0.09375rem;
}
.async-progress-bar .async-card-body .async-inprogress-process {
  margin-bottom: 1.125rem;
}
.async-progress-bar .async-cross-icon {
  color: #6b7280;
  cursor: pointer;
}

.async-stacked-bar {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 3.125rem;
  right: 1.5rem;
  gap: 0;
  z-index: 9;
  height: max-content;
  transition: height 0.3s ease-out;
  padding-top: 1.5rem;
}

.in-progress {
  gap: 0.25rem;
}

.status-container {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 0px 20px 0px rgba(0, 13, 56, 0.12);
  border-radius: 0.25rem;
}
.status-container .status-inside-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.status-container .status-inside-container .status-main-content {
  display: flex;
  padding: 0.5rem;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: #fff;
  width: 477px;
}
.status-container .status-inside-container .status-main-content .status-content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.75rem;
  width: 437px;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-header-text {
  color: #1f2937;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  width: 388px;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover {
  display: flex;
  align-items: flex-start;
  gap: 1px;
  border-radius: 4px;
  background: #fff;
  max-height: 12.938rem;
  overflow-y: auto;
  padding-right: 0.9375rem;
  overflow-x: hidden;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover table {
  width: 424px;
  border: 1px solid #f3f4f6;
  border-collapse: separate;
  border-spacing: 0px;
  border-radius: 4px;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover .status-type {
  display: flex;
  width: 7.9375rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover .status-type-information {
  display: flex;
  width: 18.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover .status-title {
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  padding: 0 16px;
  height: 40px;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover .status-title .bs-tag {
  margin-right: 0px;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover tr:last-child td:last-child {
  border-bottom: none;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover tr:last-child td:first-child {
  border-bottom: none;
}
.status-container .status-inside-container .status-main-content .status-content-container .status-sequence-hover .status-description {
  border-bottom: 1px solid #f3f4f6;
  padding: 10px 16px;
  color: #4b5563;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  min-width: 296px;
}

.column-header-popover.bs-popover-inner {
  padding: 0px;
  width: 477px;
  box-shadow: none;
}
.column-header-popover.bs-popover-inner .arrow {
  left: -4px !important;
}
.column-header-popover .bs-popover-content {
  width: 477px;
}
.column-header-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0px;
  width: 477px;
}

.progress-container {
  display: inline-flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 3px 8px 24px -6px rgba(15, 34, 67, 0.16);
  position: absolute;
  z-index: 10;
  max-width: 19.375rem;
}
.progress-container .progress-skeleton-card {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 278px;
}
.progress-container .no-results-found-container {
  display: flex;
  align-items: center;
  height: 190px;
}
.progress-container .no-results-found-container .no-results-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 12.5rem;
  height: 6rem;
  gap: 8px;
}
.progress-container .no-results-found-container .no-results-found.no-results-found span {
  color: #1f2937;
  width: 100%;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.progress-container .progress-main-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 17.375rem;
  gap: 0px 12px;
}
.progress-container .progress-main-card .progress-single-tab {
  display: flex;
  align-items: center;
  gap: 8px;
}
.progress-container .progress-main-card .progress-single-tab .progress-title-bar {
  display: flex;
  width: 11.875rem;
  align-items: center;
  gap: 0.5rem;
}
.progress-container .progress-main-card .progress-single-tab .progress-title-bar .progress-rectangle-border {
  width: 0.1875rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 4px;
}
.progress-container .progress-main-card .progress-single-tab .progress-title-bar .accordion-title {
  display: flex;
  gap: 0.5rem;
}
.progress-container .progress-main-card .progress-single-tab .progress-title-bar .progress-title-icon {
  display: flex;
}
.progress-container .progress-main-card .progress-single-tab .progress-title-bar .progress-title-text {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.progress-container .progress-main-card .progress-single-tab .progress-title-bar .chevron-down {
  display: flex;
}
.progress-container .progress-main-card .progress-single-tab .progress-title-bar .chevron-icon-down {
  transition: transform 0.5s ease-in-out;
}
.progress-container .progress-main-card .progress-single-tab .progress-title-bar .chevron-icon-down.rotate {
  transform: rotate(180deg);
}
.progress-container .progress-main-card .progress-single-tab .progress-score {
  min-width: 5rem;
  display: flex;
  justify-content: flex-start;
  height: 1.125rem;
  align-items: center;
  gap: 4px;
}
.progress-container .progress-main-card .progress-single-tab .progress-score .progress-main-score {
  line-height: 1.125rem;
  color: #1f2937;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.progress-container .progress-main-card .progress-single-tab .progress-score .progress-percentage {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin-top: 0.125rem;
}
.progress-container .progress-main-card .accordion-container-popup {
  max-height: 0px;
  overflow: hidden;
  margin-top: 0px;
  background: #f9fafb;
  transition: max-height 0.4s ease-in-out, margin-top 0.5s ease-in-out;
  border-radius: 4px;
}
.progress-container .progress-main-card .accordion-container-popup.open {
  margin-top: 8px;
  max-height: 500px;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card {
  display: flex;
  padding: 0.5rem 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card .accordion-tab-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.75rem;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card .accordion-tab-bar .accordion-single-tab {
  display: flex;
  width: 17.375rem;
  align-items: center;
  gap: 0.5rem;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card .accordion-tab-bar .accordion-single-tab .accordion-title-bar {
  display: flex;
  width: 11.875rem;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card .accordion-tab-bar .accordion-single-tab .accordion-title-bar .accordion-rectangle-border {
  width: 0.1875rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 4px;
  background: #f9fafb;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card .accordion-tab-bar .accordion-single-tab .accordion-title-bar .accordion-title-text {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card .accordion-tab-bar .accordion-single-tab .accordion-score {
  width: 5rem;
  align-items: center;
  display: flex;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card .accordion-tab-bar .accordion-single-tab .accordion-score .accordion-main-score {
  line-height: 1.125rem;
  color: #1f2937;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.progress-container .progress-main-card .accordion-container-popup .accordion-main-card .accordion-tab-bar .accordion-single-tab .accordion-score .accordion-percentage {
  color: #6b7280;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin-left: 0.25rem;
  margin-top: 0.125rem;
}

.email-accounts-states-container {
  width: 414px;
  height: max-content;
  max-height: 276px;
  max-width: 414px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0px;
  margin: 0px;
  overflow-y: auto;
  position: relative;
  background-color: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  box-shadow: 3px 8px 24px -6px rgba(15, 34, 67, 0.1607843137);
  cursor: default;
  margin-top: 0.625rem;
}
.email-accounts-states-container .email-skeleton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  padding: 7px;
}
.email-accounts-states-container .no-email-account-found-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16rem;
}
.email-accounts-states-container .no-email-account-found-container .no-email-account-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 104px;
  width: 108px;
}
.email-accounts-states-container .no-email-account-found-container .no-email-account-found.no-email-account-found span {
  white-space: nowrap;
  color: #1f2937;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.email-accounts-states-container .no-email-account-found-container.email-accounts-states-container {
  height: 298px;
}
.email-accounts-states-container .email-accounts-list-header {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0;
  align-items: center;
  background-color: #fff;
  z-index: 1;
}
.email-accounts-states-container .email-accounts-list-header .email-account-column {
  max-width: 262px;
  flex: 1;
  max-height: 36px;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #f3f4f6;
  border-right: 1px solid #f3f4f6;
}
.email-accounts-states-container .email-accounts-list-header .email-account-column span {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #6b7280;
  letter-spacing: 0px;
  display: inline-flex;
  align-items: center;
}
.email-accounts-states-container .email-accounts-list-header .sending-limit-column {
  max-width: 152px;
  display: flex;
  max-height: 36px;
  align-items: center;
  flex: 1;
  padding: 10px 16px;
  border-bottom: 1px solid #f3f4f6;
}
.email-accounts-states-container .email-accounts-list-header .sending-limit-column span {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #6b7280;
  letter-spacing: 0px;
  display: inline-flex;
  align-items: center;
}
.email-accounts-states-container .email-list-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0;
  align-items: center;
}
.email-accounts-states-container .email-list-row .email-account-info {
  max-width: 262px;
  height: 40px;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #f3f4f6;
  border-right: 1px solid #f3f4f6;
  gap: 8px;
  overflow: hidden;
}
.email-accounts-states-container .email-list-row .email-account-info .email-text-section {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 18px;
  gap: 8px;
  flex: 1;
  align-items: center;
  overflow: hidden;
}
.email-accounts-states-container .email-list-row .email-account-info .email-text-section .email-text {
  color: #4b5563;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-accounts-states-container .email-list-row .email-account-info .email-text-section .sequence-status {
  margin: 0;
  flex: 1;
  justify-content: flex-start;
}
.email-accounts-states-container .email-list-row .email-account-info .email-text-section .sequence-status .sequence-status-badge {
  width: 18px;
  height: 18px;
}
.email-accounts-states-container .email-list-row .email-account-info .email-text-section .sequence-status .sequence-status-badge sup {
  width: 6px;
  height: 6px;
  transform: translate(50%, -70%);
}
.email-accounts-states-container .email-list-row .sending-limit-info {
  max-width: 152px;
  display: flex;
  height: 40px;
  align-items: center;
  flex: 1;
  padding: 10px 16px;
  border-bottom: 1px solid #f3f4f6;
  justify-content: space-between;
}
.email-accounts-states-container .email-list-row .sending-limit-info .email-acc-progress-bar {
  width: 64px;
  display: flex;
  align-items: center;
}
.email-accounts-states-container .email-list-row .sending-limit-info .email-acc-progress-bar .progress-bar-wrapper {
  width: 100%;
  height: 6px;
  border-radius: 8px;
  background-color: #dbeafe;
}
.email-accounts-states-container .email-list-row .sending-limit-info .email-acc-progress-bar .progress-bar-wrapper__bar {
  border-radius: 8px;
  background-color: #3b82f6 !important;
}
.email-accounts-states-container .email-list-row .sending-limit-info .limit-text {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0px;
  max-height: 18px;
}
.email-accounts-states-container .email-list-row .sending-limit-info .limit-text .current-limit {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
}
.email-accounts-states-container .email-list-row .sending-limit-info .limit-text .max-limit {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #9ca3af;
}

.ai-search-bar-container .search-bar-suggestion-container {
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-header-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-header-text span:first-of-type {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: center;
  background: var(--AI-Gradient, linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-header-text span:last-of-type {
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  background: #eff6ff;
  color: #3b82f6;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  outline: none;
  transition: border 0.3s ease-in-out;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner span {
  padding: 0.375rem;
  height: 1.75rem;
  width: 1.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner:hover {
  border: 1px solid #1d4ed8;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1f2937;
  width: 100%;
  border: none;
  padding: 0px;
  background-color: transparent;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input::placeholder {
  color: #9ca3af;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input:focus {
  border: none;
  outline: none;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .animation-placeholder {
  position: absolute;
  top: 0.75rem;
  left: 50px;
  width: calc(100% - 40px);
  height: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #9ca3af;
  z-index: -1;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .animation-placeholder.previous {
  animation: slide-out 0.1s ease-in;
  animation-fill-mode: both;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .animation-placeholder.current {
  animation: slide-in 0.1s ease-in 0.1s;
  animation-fill-mode: both;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-shortcut-key {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.ai-search-bar-container .search-bar-suggestion-container .search-bar-header .search-bar-shortcut-key .shortcut-key {
  padding: 0.25rem 0.5rem;
  border: 1px solid #1d4ed8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.9616rem;
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 500;
  line-height: 1rem;
  white-space: nowrap;
}
.ai-search-bar-container .search-bar-suggestion-container .ai-suggestion-header {
  padding-top: 0.25rem;
  color: #6b7280;
  font-family: Inter;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.ai-search-bar-container .search-bar-suggestion-container .ai-suggestion-header.hidden {
  visibility: hidden;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion.hidden {
  visibility: hidden;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion .ai-suggestion-first {
  transition: 0.2s ease-in-out;
  padding: 0.5rem;
  border: 1px solid #f3f4f6;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 0.2s ease-in-out;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion .ai-suggestion-first span {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #4b5563;
}
.ai-search-bar-container .search-bar-suggestion-container .search-ai-suggestion .ai-suggestion-first.ai-suggestion-first:hover {
  background-color: #f3f4f6;
}

.shd-modal.import-contacts-csv-modal .modal-content {
  border: none !important;
}

.ai-search-popup-container .bs-message-container .bs-message_bottom .message-container {
  background-color: #1d4ed8 !important;
}
.ai-search-popup-container .modal-dialog {
  max-width: 45rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10rem;
}
.ai-search-popup-container .modal-dialog .modal-content {
  min-height: auto;
  max-height: 585px;
  flex: 1;
  border: 0 !important;
  border-radius: 12px !important;
}
.ai-search-popup-container .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  overflow: hidden;
  display: grid;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container {
  flex-direction: column;
  justify-content: center;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header {
  display: flex;
  flex-direction: column;
  padding: 8px;
  gap: 4px;
  background: #f3f4f6;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  outline: none;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .character-limit-error {
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  color: #b91c1c;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  transition: border 0.3s ease-in-out;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner span {
  height: 24px;
  display: contents;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner.input-has-text {
  border: 1px solid #1d4ed8;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner:focus-within {
  background: #ffffff;
  border: 1px solid #1d4ed8;
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner.error-border {
  border: 1px solid #b91c1c;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
  background-color: transparent;
  width: 100%;
  border: none;
  padding: 0px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input::placeholder {
  color: #9ca3af;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-input:focus {
  border: none;
  outline: none;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner button {
  border: none;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .clear-icon {
  border: 0px;
  background: none;
  padding: 0px;
  width: 16px;
  height: 14px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .clear-icon i {
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-input-conatiner .search-bar-inner-content {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  height: 24px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-shortcut-key {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 24px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-shortcut-key .shortcut-key {
  padding: 4px 8px;
  border: 1px solid #1d4ed8;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  border-radius: 31.385px;
  white-space: nowrap;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .search-bar-header .search-bar-shortcut-key .shortcut-key span {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
  line-height: 16px;
  height: 10px;
  display: flex;
  align-items: center;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container {
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container.recent-searches {
  padding: 16px 8px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container.recent-searches .ai-suggestion-header {
  padding-inline: 8px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .ai-suggestion-header {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding-bottom: 4px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion .search-ai-suggestion-recent {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion .search-ai-suggestion-recent .ai-suggestion-recent {
  padding: 8px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  gap: 8px;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion .search-ai-suggestion-recent .ai-suggestion-recent:hover {
  background: #f3f4f6;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion .search-ai-suggestion-recent .ai-suggestion-recent .ai-suggestion-recent-searches {
  display: flex;
  justify-content: center;
  align-items: baseline;
  line-height: 18px;
  color: #4b5563;
  font-size: 12px;
  font-weight: 400;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion .search-ai-suggestion {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion .search-ai-suggestion .ai-suggestion-first {
  padding: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 0.2s ease-in-out;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion .search-ai-suggestion .ai-suggestion-first span {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #4b5563;
}
.ai-search-popup-container .modal-dialog .ai-search-popup-container .search-bar-suggestion-container .ai-suggestion-container .search-ai-suggestion .search-ai-suggestion .ai-suggestion-first.ai-suggestion-first:hover {
  background: #f3f4f6;
}

@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes slide-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.ai-copilot-user-chat-card-container {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  min-height: 69vh;
  max-height: 70vh;
  justify-content: flex-end;
  width: 100%;
  flex: 1;
  /**
   * Speaker Chat Container
   */
}
.ai-copilot-user-chat-card-container .ai-speaker-chat-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 24px;
  transition: all 0.3s ease-out;
  opacity: 1;
  transform: translateY(0);
}
.ai-copilot-user-chat-card-container .ai-speaker-chat-container.new-message {
  animation: fadeInUp 0.4s ease-out;
}
.ai-copilot-user-chat-card-container .ai-speaker-chat-container.same-speaker {
  padding-top: 8px;
}
.ai-copilot-user-chat-card-container .ai-speaker-chat-container:first-child {
  padding-top: 0;
}
.ai-copilot-user-chat-card-container .ai-speaker-chat-container.user {
  align-items: flex-end;
}
.ai-copilot-user-chat-card-container .ai-speaker-chat-container.saleshandy-copilot {
  align-items: flex-start;
}
.ai-copilot-user-chat-card-container {
  /**
   * Speaker Name Container
   */
}
.ai-copilot-user-chat-card-container .ai-speaker-name-container {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-direction: row;
}
.ai-copilot-user-chat-card-container .ai-speaker-name-container.user {
  flex-direction: row-reverse;
}
.ai-copilot-user-chat-card-container .ai-speaker-name-container .chat-avatar {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-copilot-user-chat-card-container .ai-speaker-name-container .chat-avatar.ai {
  border-radius: 50%;
  background: linear-gradient(113.67deg, rgba(235, 76, 230, 0.1) -49.13%, rgba(157, 84, 219, 0.1) 12.25%, rgba(29, 78, 216, 0.1) 93.65%);
  border: none;
}
.ai-copilot-user-chat-card-container .ai-speaker-name-container .chat-avatar.ai .ai-chat-avatar-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 12px;
  max-height: 12px;
}
.ai-copilot-user-chat-card-container .ai-speaker-name-container .chat-avatar.user {
  background: #eff6ff;
  border: 1px solid #dbeafe;
}
.ai-copilot-user-chat-card-container .ai-speaker-name-container .chat-avatar.user .bs-avatar-string {
  color: #1d4ed8 !important;
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
}
.ai-copilot-user-chat-card-container .ai-speaker-name-container .ai-speaker-name-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0%;
  color: #4b5563;
}
.ai-copilot-user-chat-card-container {
  /**
   * AI Message Container
   */
}
.ai-copilot-user-chat-card-container .ai-speaker-message-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background-color: #ffffff;
  border: 1px solid #f3f4f6;
  padding: 10px;
  width: max-content;
  max-width: 80%;
}
.ai-copilot-user-chat-card-container .ai-speaker-message-container.user {
  border-radius: 12px 0 12px 12px;
  margin-right: 28px;
}
.ai-copilot-user-chat-card-container .ai-speaker-message-container.saleshandy-copilot {
  border-radius: 0 12px 12px 12px;
  margin-left: 28px;
}
.ai-copilot-user-chat-card-container .ai-speaker-message-container .ai-speaker-message-content {
  color: #374151;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
}
.ai-copilot-user-chat-card-container .ai-speaker-message-container .ai-speaker-message-content .make-it-bold {
  font-weight: 600;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/** chat message sizing as per screen size */
@media screen and (max-height: 769px) {
  .ai-copilot-user-chat-card-container .ai-speaker-chat-container.new-message {
    animation: fadeInUp 0.4s ease-out;
    margin-bottom: 15px;
  }
}
@media screen and (max-height: 641px) {
  .ai-copilot-user-chat-card-container .ai-speaker-chat-container.new-message {
    animation: fadeInUp 0.4s ease-out;
    margin-bottom: 45px;
  }
}
@media screen and (max-height: 550px) {
  .ai-copilot-user-chat-card-container .ai-speaker-chat-container.new-message {
    animation: fadeInUp 0.4s ease-out;
    padding-bottom: 30px;
  }
}
.ai-loading-animation-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 16px;
}
.ai-loading-animation-card .ai-loading-animation-card-container {
  transform-origin: center center;
  width: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.ai-loading-animation-card .ai-loading-animation-card-container-icon-animation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.ai-loading-animation-card .ai-loading-animation-card-container-icon-animation .ai-3-star-animated-icon {
  width: 100%;
  height: 100%;
  max-width: 38px;
  max-height: 38px;
}
.ai-loading-animation-card .ai-loading-animation-card-container-icon-animation .loading-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: center;
  color: #4b5563;
}
.ai-loading-animation-card .ai-loading-animation-card-container .ai-loading-text-animation-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 0;
  width: 100%;
  max-width: 80%;
  position: relative;
  overflow: hidden;
  height: 200px;
  max-height: 230px;
}
.ai-loading-animation-card .ai-loading-animation-card-container .ai-loading-text-animation-container .loop-animation-container {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: max-content;
  height: fit-content;
  animation-name: loop;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-duration: 15951ms;
}
.ai-loading-animation-card .ai-loading-animation-card-container .ai-loading-text-animation-container-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ai-loading-animation-card .ai-loading-animation-card-container .ai-loading-text-animation-container-item-icon {
  width: 100%;
  height: 100%;
  max-width: 10px;
  max-height: 10px;
}
.ai-loading-animation-card .ai-loading-animation-card-container .ai-loading-text-animation-container-item-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  text-wrap: nowrap;
  background: linear-gradient(90deg, #9ca3af 0%, #9a54db 39.48%, #2b4fd8 46.09%, #9ca3af 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-loading-animation-card .ai-loading-animation-card-container .ai-loading-text-animation-container .fade-area {
  width: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgb(255, 255, 255) 100%);
  position: absolute;
  inset: 0;
  z-index: 1;
}

@keyframes loop {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(calc(-50% - 12px));
  }
}
.on-boarding-step-modal .modal-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
}
.on-boarding-step-modal .modal-dialog .modal-content {
  width: 868px;
  border-radius: 8px !important;
  min-height: 528px !important;
}
.on-boarding-step-modal .modal-dialog .modal-content .modal-content-container {
  width: 868px;
  height: 528px;
  border-radius: 8px;
}
.on-boarding-step-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  padding: 0px;
  min-height: 528px;
}
.on-boarding-step-modal .onboarding-container {
  display: flex;
  width: 100%;
  max-width: 868px;
  height: 528px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.on-boarding-step-modal .onboarding-container .content-section {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.on-boarding-step-modal .onboarding-container .content-section .content-carousel-divider {
  display: flex;
  flex-direction: column;
}
.on-boarding-step-modal .onboarding-container .content-section .header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.on-boarding-step-modal .onboarding-container .content-section .header .ai-3-star-animated-icon {
  width: 100%;
  height: 100%;
  max-width: 32px;
  max-height: 32px;
}
.on-boarding-step-modal .onboarding-container .content-section .header .title {
  color: #374151;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}
.on-boarding-step-modal .onboarding-container .content-section .header .beta-tag {
  background-color: #eff6ff;
  color: #3b82f6;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.on-boarding-step-modal .onboarding-container .content-section .onboading-greeting {
  color: #374151;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  padding-top: 48px;
  display: flex;
  gap: 4px;
}
.on-boarding-step-modal .onboarding-container .content-section .onboading-greeting span {
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.on-boarding-step-modal .onboarding-container .content-section .onboarding-content p {
  color: #6b7280;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 24px;
  margin: 0;
}
.on-boarding-step-modal .onboarding-container .content-section .cta-section {
  padding-top: 40px;
}
.on-boarding-step-modal .onboarding-container .content-section .cta-section .get-started-btn {
  display: flex;
  width: 174px;
  height: 32px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: #1d4ed8;
  border: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff;
  border-radius: 4px;
  transition: background 0.2s ease;
}
.on-boarding-step-modal .onboarding-container .content-section .cta-section .get-started-btn:hover {
  background: #1e40af;
}
.on-boarding-step-modal .onboarding-container .content-section .cta-section .get-started-btn.disable-on-boarding-btn {
  opacity: 0.35;
  cursor: not-allowed;
}
.on-boarding-step-modal .onboarding-container .content-section .cta-section .get-started-btn .spinner-icon {
  height: 22px;
  width: 22px;
}
.on-boarding-step-modal .onboarding-container .content-section .slide-indicators-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.on-boarding-step-modal .onboarding-container .content-section .slide-indicators-wrapper .slide-indicators {
  display: flex;
  align-items: center;
  gap: 6px;
}
.on-boarding-step-modal .onboarding-container .content-section .slide-indicators-wrapper .slide-indicators .indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d1d5db;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: background-color 300ms ease;
}
.on-boarding-step-modal .onboarding-container .content-section .slide-indicators-wrapper .slide-indicators .indicator.active {
  background-color: #4b5563;
}
.on-boarding-step-modal .onboarding-container .content-section .slide-indicators-wrapper .slide-indicators-credit-capsule {
  background: linear-gradient(90deg, rgba(41, 79, 216, 0.04) 0%, rgba(121, 58, 255, 0.04) 100%) !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
}
.on-boarding-step-modal .onboarding-container .content-section .slide-indicators-wrapper .slide-indicators-credit-capsule span {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1d4ed8 !important;
}
.on-boarding-step-modal .onboarding-container .content-section .slide-indicators-wrapper .slide-indicators-credit-capsule-icon {
  width: 18px !important;
  height: 18px !important;
}
.on-boarding-step-modal .onboarding-container .image-section {
  min-width: 390px;
  background-color: #7c3aed;
  overflow: hidden;
}
.on-boarding-step-modal .onboarding-container .image-section .cross-icon-carousel {
  color: #ffffff;
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 14px;
}
.on-boarding-step-modal .onboarding-container .image-section .carousel-content {
  flex-grow: 1;
  position: relative;
}
.on-boarding-step-modal .onboarding-container .image-section .carousel-content .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
  z-index: 0;
  user-select: none;
}
.on-boarding-step-modal .onboarding-container .image-section .carousel-content .slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.on-boarding-step-modal .onboarding-container .image-section .carousel-content .slide .slide-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
}

.company-website-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.company-website-form .website-form-header {
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  align-items: center;
  padding-bottom: 24px;
}
.company-website-form .input-section label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding-bottom: 4px;
  margin: 0;
}
.company-website-form .custom-opacity {
  opacity: 0.35;
  cursor: not-allowed;
}
.company-website-form .url-input-container {
  width: 100%;
}
.company-website-form .url-input-container .url-input-wrapper {
  display: flex;
  gap: 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  overflow: hidden;
  padding: 6px 16px;
  background-color: #ffffff;
  transition: 0.2s ease-in-out;
}
.company-website-form .url-input-container .url-input-wrapper.disable:hover {
  border: 1px solid #d1d5db;
}
.company-website-form .url-input-container .url-input-wrapper:hover {
  border: 1px solid #1d4ed8;
}
.company-website-form .url-input-container .url-input-wrapper:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.company-website-form .url-input-container .url-input-wrapper .prefix-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
}
.company-website-form .url-input-container .url-input-wrapper .company-website-input {
  width: 100%;
  display: flex;
}
.company-website-form .url-input-container .url-input-wrapper .company-website-input input {
  border: none;
  outline: none;
  background-color: #ffffff;
  color: #374151;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  width: 100%;
}
.company-website-form .url-input-container .url-input-wrapper .company-website-input input::placeholder {
  color: #9ca3af;
}
.company-website-form .url-input-container .error {
  border: 1px solid #b91c1c;
}
.company-website-form .url-input-container .error:hover {
  border: 1px solid #b91c1c;
}
.company-website-form .url-input-container .error:focus-within {
  border: 1px solid #b91c1c;
  box-shadow: none;
}
.company-website-form .url-input-container .error-message {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #b91c1c;
  padding-top: 4px;
  margin: 0;
}
.company-website-form .separator {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 14px 0px;
}
.company-website-form .separator:before, .company-website-form .separator:after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #dee2e6;
}
.company-website-form .separator span {
  padding: 0 10px;
  color: #6c757d;
  font-size: 14px;
}
.company-website-form .business-info-container {
  flex-direction: column;
  height: 100%;
}
.company-website-form .business-info-container-show {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 12px;
  gap: 16px;
}
.company-website-form .business-info-container .business-info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.company-website-form .business-info-container .icon-trash {
  color: #9ca3af;
  transition: 0.2s ease-in-out;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  cursor: pointer;
}
.company-website-form .business-info-container .icon-trash:hover {
  background: #fef2f2;
  color: #b91c1c;
  border-radius: 2px;
}
.company-website-form .add-business-info-section.add-business-info {
  padding-top: 16px;
}
.company-website-form .add-business-info-section .add-business-info-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  color: #6b7280;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background: none;
  transition: color 0.2s ease-in-out;
  outline: none;
}
.company-website-form .add-business-info-section .add-business-info-btn:hover, .company-website-form .add-business-info-section .add-business-info-btn span:hover {
  color: #1d4ed8;
}
.company-website-form .add-business-info-section .disable-btn {
  color: #6b7280;
  cursor: not-allowed;
  opacity: 0.5;
}
.company-website-form .add-business-info-section .disable-btn:hover, .company-website-form .add-business-info-section .disable-btn span:hover {
  color: #6b7280;
}

.ai-sequence-footer-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-top: 1px solid #f3f4f6;
}
.ai-sequence-footer-container .skip-btn {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  border: none;
  outline: none;
  background: none;
  padding: 2px 0px 2px 8px;
}
.ai-sequence-footer-container .skip-btn:hover {
  text-decoration: underline;
}
.ai-sequence-footer-container .continue-btn {
  display: flex;
  width: 120px;
  height: 28px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  border: none;
}
.ai-sequence-footer-container .continue-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.ai-sequence-footer-container.add-skip {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.business-form-container {
  display: flex;
  justify-content: center;
}
.business-form-container .label-description-conatiner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.business-form-container .label-description-conatiner .form-group-label-desc {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.business-form-container .label-description-conatiner .form-group-label-desc .error-message {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #b91c1c;
  padding-top: 4px;
  margin: 0;
}
.business-form-container .label-description-conatiner .form-group-label-desc .error-name, .business-form-container .label-description-conatiner .form-group-label-desc .error-desc {
  border: 1px solid #b91c1c;
}
.business-form-container .label-description-conatiner .form-group-label-desc .error-name:hover, .business-form-container .label-description-conatiner .form-group-label-desc .error-desc:hover {
  border: 1px solid #b91c1c;
}
.business-form-container .label-description-conatiner .form-group-label-desc .error-name:focus-within, .business-form-container .label-description-conatiner .form-group-label-desc .error-desc:focus-within {
  border: 1px solid #b91c1c;
  box-shadow: none;
}
.business-form-container .label-description-conatiner .form-group-label-desc .label-icon {
  display: flex;
  justify-content: space-between;
}
.business-form-container .label-description-conatiner .form-group-label-desc label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
  padding-bottom: 4px;
}
.business-form-container .label-description-conatiner .form-group-label-desc input, .business-form-container .label-description-conatiner .form-group-label-desc textarea {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 16px;
  outline: none;
  border: 1px solid #d1d5db;
  transition: 0.2s ease-in-out;
  color: #1f2937;
  resize: none;
}
.business-form-container .label-description-conatiner .form-group-label-desc input:hover, .business-form-container .label-description-conatiner .form-group-label-desc textarea:hover {
  border: 1px solid #1d4ed8;
}
.business-form-container .label-description-conatiner .form-group-label-desc input:focus-within, .business-form-container .label-description-conatiner .form-group-label-desc textarea:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.business-form-container .label-description-conatiner .form-group-label-desc input::placeholder, .business-form-container .label-description-conatiner .form-group-label-desc textarea::placeholder {
  color: #9ca3af;
}

.company-details-form {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 16px;
}
.company-details-form .company-detail-header {
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 24px;
  display: flex;
}
.company-details-form .company-info-inputs {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.company-details-form .company-info-inputs .company-info-chip-inputs {
  min-height: 34px;
}
.company-details-form .company-info-inputs .company-info-editable-input {
  min-height: 2rem;
  max-height: 112px;
  overflow-y: auto;
  border-radius: 4px;
  padding: 6px 16px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: 0.1s ease-in-out;
}
.company-details-form .company-info-inputs .company-info-editable-input:hover {
  border: 1px solid #1d4ed8;
}
.company-details-form .company-info-inputs .company-info-editable-input:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.company-details-form .company-info-inputs .company-info-editable-input.error {
  border: 1px solid #b91c1c;
}
.company-details-form .company-info-inputs .company-info-editable-input.error:hover {
  border: 1px solid #b91c1c;
}
.company-details-form .company-info-inputs .company-info-editable-input.error:focus-within {
  border: 1px solid #b91c1c;
  box-shadow: none;
}
.company-details-form .company-info-inputs p {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding-bottom: 4px;
  margin: 0;
}
.company-details-form .company-info-inputs .error-message {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #b91c1c;
  padding-top: 4px;
  margin: 0;
}

.sequence-selector {
  width: 100%;
  height: 100%;
}
.sequence-selector .selector-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.sequence-selector .selector-container .steps-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.sequence-selector .selector-container .steps-list .step-card {
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
  background-color: #ffffff;
  transition: border 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  outline: none;
}
.sequence-selector .selector-container .steps-list .step-card .step-number {
  color: #374151;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sequence-selector .selector-container .steps-list .step-card .step-number span {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  margin-left: 6px;
}
.sequence-selector .selector-container .steps-list .step-card .step-number .recommended-chip {
  padding: 4px 6px;
  border: 1px solid #6ee7b7;
  border-radius: 12px;
  background-color: #e6f8ef;
  color: #059367;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
}
.sequence-selector .selector-container .steps-list .step-card .step-description {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.sequence-selector .selector-container .steps-list .step-card:hover {
  border-color: #1d4ed8;
}
.sequence-selector .selector-container .steps-list .step-card.selected {
  border-color: #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
  background: #eff6ff;
}
.sequence-selector .selector-container .steps-list .step-card.selected .step-number,
.sequence-selector .selector-container .steps-list .step-card.selected span {
  color: #1d4ed8;
}
.sequence-selector .selector-container .suggestion-box {
  padding: 4px 8px;
  border: 1px solid #e0e7ff;
  border-radius: 4px;
  background-color: #eef2ff;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.sequence-selector .selector-container .suggestion-box span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.chip-input-conatiner .chip-container {
  padding: 6px 16px;
  border-radius: 0.25rem;
  border: 1px solid #d1d5db;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px;
  max-height: 112px;
  overflow-y: auto;
}
.chip-input-conatiner .chip-container.disabled {
  background-color: #f5f5f5 !important;
}
.chip-input-conatiner .chip-container.focused {
  max-height: 112px;
  overflow-y: auto;
  min-height: 32px;
  padding: 6px 16px;
}
.chip-input-conatiner .chip-container.focused .bs-input-affix-wrapper {
  display: flex;
  flex: 1;
}
.chip-input-conatiner .chip-container.error {
  border: 1px solid #b91c1c;
}
.chip-input-conatiner .chip-container.error:hover {
  border: 1px solid #b91c1c;
}
.chip-input-conatiner .chip-container.error:focus-within {
  border: 1px solid #b91c1c;
  box-shadow: none;
}
.chip-input-conatiner .chip-container:hover {
  border-color: #1d4ed8;
}
.chip-input-conatiner .chip-container:active, .chip-input-conatiner .chip-container:focus-within {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.chip-input-conatiner .chip-container .prospect-filters-text-input-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.chip-input-conatiner .chip-container .prospect-filters-text-input-pills input {
  outline: none;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
  width: 150px;
  flex: 1;
}
.chip-input-conatiner .chip-container .prospect-filters-text-input-pills .shd-pills {
  height: 22px;
  padding: 0px 8px;
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.chip-input-conatiner .chip-container .prospect-filters-text-input-pills .shd-pills .pills-label {
  color: #1f2937;
  line-height: 1rem;
  font-size: 12px;
  font-weight: 500;
}
.chip-input-conatiner .chip-container .prospect-filters-text-input-pills .shd-pills .pills-close {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
}
.chip-input-conatiner .chip-container .bs-input-affix-wrapper {
  padding: 0;
  border: none;
  display: none;
  height: 20px;
  line-height: 20px;
}
.chip-input-conatiner .chip-container .bs-input-affix-wrapper:hover, .chip-input-conatiner .chip-container .bs-input-affix-wrapper:active, .chip-input-conatiner .chip-container .bs-input-affix-wrapper:focus, .chip-input-conatiner .chip-container .bs-input-affix-wrapper:focus-within {
  border: none;
  outline: none;
  box-shadow: none;
}
.chip-input-conatiner .prospect-filters-text-input-error-message span {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #b91c1c;
  padding-top: 4px;
  margin: 0;
}

.email-sequence-editor {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.email-sequence-editor .sequence-scroll-area {
  overflow-y: auto;
}
.email-sequence-editor .sequence-footer {
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  text-align: right;
}
.email-sequence-editor .sequence-footer .generate-btn {
  background: #2563eb;
  color: #ffffff;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  font-weight: 600;
}

.accordion-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 12px;
  background-color: #ffffff;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.accordion-item .accordion-header {
  outline: none;
  padding: 12px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s ease;
}
.accordion-item .accordion-header.expanded {
  padding: 12px 12px 0px 12px;
}
.accordion-item .accordion-header span {
  color: #374151;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.accordion-item .accordion-header .chevron-icon {
  transition: transform 0.3s ease;
}
.accordion-item .accordion-header .chevron-icon.open {
  transform: rotate(180deg);
}
.accordion-item .accordion-content {
  padding: 0 12px 12px 12px;
}
.accordion-item .accordion-content .option-block {
  margin-bottom: 8px;
}
.accordion-item .accordion-content .option-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.accordion-item .accordion-content .option-row .bs-checkbox-wrapper {
  display: flex !important;
  align-self: end;
}
.accordion-item .accordion-content .option-row .bs-checkbox-wrapper:hover ~ .option-label {
  color: #1d4ed8;
}
.accordion-item .accordion-content .option-row:not(:first-child) {
  margin-top: 8px;
}
.accordion-item .accordion-content .option-row .bs-checkbox-wrapper {
  line-height: 16px;
}
.accordion-item .accordion-content .option-row .bs-checkbox-wrapper .bs-checkbox-inner {
  border-radius: 4px;
}
.accordion-item .accordion-content .option-row .bs-checkbox {
  outline: none;
  margin-left: 4px;
}
.accordion-item .accordion-content .option-row .option-label {
  color: #374151;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.accordion-item .accordion-content .option-row .delete-icon {
  padding: 2px;
  cursor: pointer;
  margin-left: 8px;
}
.accordion-item .accordion-content .option-row .delete-icon svg {
  display: flex;
}
.accordion-item .accordion-content .option-row.isEditing {
  background-color: #f9fafb;
}
.accordion-item .accordion-content .option-row .bs-input-affix-wrapper {
  background-color: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
  font-size: 12px;
  box-shadow: none;
}
.accordion-item .accordion-content .option-row .bs-input-affix-wrapper .bs-input {
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  font-size: 12px;
}
.accordion-item .accordion-content .option-row.has-error {
  border: 1px solid #b91c1c;
  border-radius: 2px;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.accordion-item .accordion-content .field-error {
  color: #b91c1c;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  margin-top: 4px;
  margin-bottom: 0;
}
.accordion-item .accordion-content .add-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 8px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  gap: 4px;
  max-width: fit-content;
  padding: 2px 0px;
}
.accordion-item .accordion-content .add-button:hover {
  color: #1d4ed8;
}
.accordion-item .accordion-content .add-button.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.card-container {
  outline: none;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 12px;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
  position: relative;
  background: #ffffff;
}
.card-container + .card-container {
  margin-top: 12px;
}
.card-container:hover {
  border-color: #e5e7eb;
  background-color: #f9fafb;
}
.card-container.selected {
  border-color: #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.card-container .card-top-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-container .card-top-section .card-top-section-left {
  display: flex;
  gap: 12px;
  flex: 1;
  margin-right: 12px;
}
.card-container .card-top-section .card-top-section-left .radio-wrapper {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  outline: none;
}
.card-container .card-top-section .card-top-section-left .radio-wrapper .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 4px;
}
.card-container .card-top-section .card-top-section-left .radio-wrapper .bs-input-affix-wrapper {
  padding: 0 !important;
  border: none !important;
  cursor: pointer;
  background: transparent;
  display: flex;
  line-height: 16px;
}
.card-container .card-top-section .card-top-section-left .radio-wrapper .bs-input-affix-wrapper .bs-input {
  display: flex;
  width: 16px;
  height: 16px;
  accent-color: #1d4ed8;
}
.card-container .card-top-section .card-top-section-left .radio-wrapper .bs-input-affix-wrapper:focus-within {
  box-shadow: none;
}
.card-container .card-top-section .card-top-section-left .content {
  flex: 1;
}
.card-container .card-top-section .card-top-section-left .content .title {
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 4px;
}
.card-container .card-top-section .card-top-section-left .content .description {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.card-container .card-top-section .card-top-section-right {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.card-container .card-top-section .card-top-section-right .chevron-icon {
  outline: none;
  cursor: pointer;
  color: #6b7280;
  transition: color 0.2s ease;
  padding-top: 2px;
  padding-bottom: 2px;
}
.card-container .card-top-section .card-top-section-right .chevron-icon:hover {
  color: #1f2937;
}
.card-container .card-top-section .card-top-section-right .chevron-icon svg {
  display: block;
}
.card-container .card-top-section .card-top-section-right .delete-icon {
  padding: 2px;
}
.card-container .card-top-section .card-top-section-right .delete-icon:hover {
  background-color: #fef2f2;
}
.card-container .card-top-section .card-top-section-right .delete-icon:hover svg {
  color: #b91c1c;
}
.card-container .card-top-section .card-top-section-right .delete-icon svg {
  color: #9ca3af;
  display: block;
}
.card-container .card-top-section .card-top-section-right .chevron-icon.open {
  transform: rotate(180deg);
}
.card-container .form-section {
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  max-height: 0;
  opacity: 0;
  transform: scaleY(0.95);
  transform-origin: top;
}
.card-container .form-section.show {
  max-height: 270px;
  opacity: 1;
  transform: scaleY(1);
}
.card-container .form-section.hide {
  max-height: 0;
  opacity: 0;
  transform: scaleY(0.95);
}
.card-container .form-section .bs-input-affix-wrapper:focus,
.card-container .form-section .bs-input-affix-wrapper:focus-within {
  box-shadow: none !important;
}
.card-container .form-section .input-label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin-top: 12px;
  margin-bottom: 4px;
  display: block;
}
.card-container .form-section .input-field-textarea {
  margin-top: 8px;
}
.card-container .form-section textarea {
  display: flex;
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  resize: none;
  height: 7rem;
  padding: 6px 16px;
}
.card-container .form-section textarea:hover {
  border-color: #346aff;
}
.card-container .form-section textarea:focus-within {
  border-color: #346aff;
  outline: none;
}
.card-container .form-section textarea::placeholder {
  color: #9ca3af;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.card-container .form-section .field-error {
  color: #b91c1c;
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 0px;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}

.card-container.expanded:hover {
  background-color: transparent;
}

.card-container.error {
  border-color: #b91c1c !important;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}

.input-field.bs-input-affix-wrapper {
  padding: 6px 16px;
  border: 1px solid #d1d5db;
  line-height: 20px;
}
.input-field input {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.input-field.error,
textarea.input-field.error {
  border-color: #b91c1c !important;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}

.email-sequence-card-wrapper .email-sequence-card {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden;
}
.email-sequence-card-wrapper .email-sequence-card.error {
  border-color: #b91c1c;
}
.email-sequence-card-wrapper .email-sequence-card.expanded {
  border-color: #1d4ed8;
}
.email-sequence-card-wrapper .email-sequence-card.expanded-error {
  border-color: #b91c1c;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section {
  outline: none;
  padding: 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section:hover {
  background-color: #f9fafb;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .day-with-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .day-with-icon .divider {
  width: 0.125rem;
  height: 1rem;
  margin: 0px 10px;
  background: #d1d5db;
  border-radius: 0.0625rem;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .day-with-icon .icon {
  width: 18px;
  height: 18px;
  padding: 3.27px;
  border-radius: 3.27px;
  background-color: #4f8ff7;
  color: #fff;
  margin-right: 1rem;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .day-with-icon span {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .icon-wrap {
  display: flex;
  gap: 8px;
  align-items: center;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .icon-wrap .ai-trigger-wrapper {
  display: flex;
  position: relative;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .icon-wrap .ai-trigger-wrapper .twinkle-icon-wrapper {
  display: flex;
  padding: 1px;
  color: #6b7280;
  cursor: pointer;
  transition: color 0.2s;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .icon-wrap .ai-trigger-wrapper .twinkle-icon-wrapper:hover {
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 13.02%, rgba(29, 78, 216, 0.05) 93.65%);
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .icon-wrap .ai-trigger-wrapper .twinkle-icon-wrapper.no-hover {
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 13.02%, rgba(29, 78, 216, 0.05) 93.65%);
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section .icon-wrap .ai-trigger-wrapper .disabled-stars {
  display: flex;
  padding: 1px;
  cursor: not-allowed;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section.is-expanded {
  border-bottom: 1px solid #e5e7eb;
  outline: none;
}
.email-sequence-card-wrapper .email-sequence-card .card-top-section.is-expanded:hover {
  background-color: transparent;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section {
  padding: 8px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.75rem;
  background-color: white;
  border: 0.0625rem solid #d1d5db;
  box-sizing: border-box;
  border-radius: 0.25rem;
  position: relative;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .single-line-editor-input {
  width: 100%;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .single-line-editor-input .email-modal-input-wrapper {
  padding: 4px 8px;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper {
  overflow: hidden;
  width: 100%;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box {
  min-height: 6.25rem;
  display: inline;
  align-items: center;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container {
  min-height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding: 0px;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper {
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  max-height: 20px;
  width: 100%;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div {
  position: absolute;
  width: 100%;
  display: inline;
  white-space: nowrap;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .ai-generated-subject-loading {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 8px 0 66px;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .ai-generated-subject-loading .text-skeletons-container {
  line-height: 24px !important;
  background-color: white;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper.title-input-wrapper {
  margin-bottom: 1rem;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper.input-with-error {
  border: 1px solid #b91c1c;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper.input-with-error.title-input-wrapper {
  margin-bottom: 0;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-label {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #6b7280;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .label-for-preheader {
  min-width: 4.5rem;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-divider {
  width: 0.125rem;
  height: 1.25rem;
  margin: 0px 0.5rem;
  background: #e5e7eb;
  border-radius: 0.0625rem;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box {
  height: 1.25rem;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  align-items: center;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box:hover, .email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box:focus-within {
  border: none;
  border-color: transparent;
  border-right-width: 0;
  box-shadow: none;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box input {
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #1f2937;
  background-color: transparent;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box input::placeholder {
  color: #9ca3af;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box input:disabled {
  opacity: 0.5;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box.title-input input {
  font-weight: 500;
  color: #1f2937;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .emoji-icon,
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .add-merge-tag-option-container,
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .spintax-icon {
  cursor: not-allowed;
  color: #4b5563;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .emoji-icon .merge-tag-icon,
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .add-merge-tag-option-container .merge-tag-icon,
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper .email-modal-input-box.bs-input-affix-wrapper-disabled .spintax-icon .merge-tag-icon {
  cursor: not-allowed;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .email-modal-input-wrapper.input-with-error {
  border: 1px solid #b91c1c;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .text-editor {
  color: #4b5563;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .text-editor .editor {
  background-color: #fff;
  border: none;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .text-editor .editor .toolbar-container {
  display: none;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .text-editor .editor .editor-editable-content-container {
  padding: 0px;
  margin-top: 8px;
  min-height: 272px;
  max-height: 272px;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .text-editor .editor:focus-within {
  box-shadow: none;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .body-textarea {
  padding: 8px;
  border: none;
  outline: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  resize: none;
  color: #4b5563;
  margin-top: 10px;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .error-message {
  display: flex;
  gap: 8px;
  color: #b91c1c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background: #fee2e2;
  padding: 8px 15px;
  border-top: 1px solid #fecaca;
  bottom: 0;
  width: 100%;
  left: 0;
  position: absolute;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .error-message .error-content {
  display: flex;
  gap: 8px;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .error-message .error-content .description {
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  width: 340px;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .error-message .close-icon {
  display: flex;
  width: 100%;
  justify-content: end;
  top: 4px;
  right: 6px;
  background: transparent;
  border: none;
  padding: 0;
  color: #b91c1c;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .error-message .close-icon svg {
  cursor: pointer;
}
.email-sequence-card-wrapper .email-sequence-card .card-body-section .error-message .close-icon:hover {
  opacity: 0.8;
}
.email-sequence-card-wrapper:not(:last-child) {
  margin-bottom: 4px;
}
.email-sequence-card-wrapper .input-error-message {
  margin-bottom: 0;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 4px;
}

.custom-ai-popover {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  padding: 8px 8px 6px 8px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0px 8px 24px 0px rgba(4, 21, 76, 0.32);
  margin-top: 6px;
  outline: none;
  width: 405px;
  height: 107px;
  display: flex;
  flex-direction: column;
}
.custom-ai-popover.error {
  border-color: #b91c1c;
}
.custom-ai-popover .ai-textarea {
  width: 389px;
  font-size: 14px;
  border: none;
  resize: none;
  outline: none;
  color: #1f2937;
  flex: 1;
}
.custom-ai-popover .ai-textarea::placeholder {
  color: #9ca3af;
}
.custom-ai-popover .popover-footer {
  display: flex;
  align-items: flex-end;
  margin-right: 4px;
  margin-bottom: 4px;
}
.custom-ai-popover .popover-footer .error-message {
  color: #b91c1c;
  font-size: 12px;
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.custom-ai-popover .popover-footer .send-button {
  margin-left: auto;
  border-radius: 4px;
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  border: none;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  transition: opacity 0.2s ease;
}
.custom-ai-popover .popover-footer .send-button:hover {
  filter: brightness(1.15);
}
.custom-ai-popover .popover-footer .send-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.custom-ai-popover .popover-footer .send-button svg {
  fill: currentColor;
}

.ai-generated-body-loading > .text-editor-skeleton-overlay-container {
  position: relative !important;
}
.ai-generated-body-loading > .text-editor-skeleton-overlay-container .ai-variant-skeleton-content {
  padding: 8px 0px;
}
.ai-generated-body-loading > .text-editor-skeleton-overlay-container .tooltip-spacer {
  display: none !important;
}

.ai-seq-close-confirmation-modal .modal-content {
  min-height: 15.0625rem !important;
  max-height: 15.0625rem !important;
  max-width: 28.8125rem !important;
}
.ai-seq-close-confirmation-modal .modal-content .modal-content-container {
  max-height: 15.0625rem !important;
}
.ai-seq-close-confirmation-modal .modal-content .modal-content-container .modal-footer {
  margin: 0px 1.5rem;
  padding: 0px;
  min-height: 4.5rem;
  max-height: 4.5rem;
}
.ai-seq-close-confirmation-modal .modal-content .modal-content-container .modal-footer .bs-modal-footer-action-buttons {
  margin: 0px !important;
}
.ai-seq-close-confirmation-modal .modal-content .modal-content-container .modal-footer .bs-modal-footer-action-buttons .ai-seq-close-modal-discard-btn {
  border: 1px solid #e5e7eb;
  color: #6b7280;
  height: 2rem;
}
.ai-seq-close-confirmation-modal .modal-content .modal-content-container .modal-footer .bs-modal-footer-action-buttons .ai-seq-close-modal-confirm-btn {
  background: #1d4ed8;
  border-radius: 4px;
  outline: none;
  padding: 6px 16px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  height: 2rem;
}
.ai-seq-close-confirmation-modal .close-modal-conatiner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}
.ai-seq-close-confirmation-modal .close-modal-conatiner .close-modal-header {
  display: flex;
  gap: 10px;
  text-wrap: nowrap;
}
.ai-seq-close-confirmation-modal .close-modal-conatiner .close-modal-header span {
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.ai-seq-close-confirmation-modal .close-modal-conatiner .close-modal-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ai-seq-close-confirmation-modal .close-modal-conatiner .close-modal-text span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.ai-error-response-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  gap: 8px;
  padding: 0px 0px 0px 48px;
}
.ai-error-response-container.ai-seq-generator-modal-container__content-steps {
  padding: 0;
}
.ai-error-response-container .ai-error-response-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ai-error-response-container .ai-error-response-header span {
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.ai-error-response-container span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.ai-error-response-container .ai-error-response-btn {
  padding-top: 16px;
}
.ai-error-response-container .ai-error-response-btn .ai-error-response-refresh-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  gap: 8px;
  background-color: #1d4ed8;
  border-radius: 4px;
  width: 104px;
  height: 28px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border: none;
  outline: none;
}
.ai-error-response-container .ai-error-response-btn .ai-error-response-refresh-btn .spinner-icon {
  height: 18px;
  width: 18px;
}
.ai-error-response-container .ai-error-response-btn .ai-error-response-refresh-btn:hover {
  background-color: #1d4ed8;
}

.ai-seq-generator-modal.expanded-modal .modal-content {
  width: 50%;
  transform: translateX(0);
}
.ai-seq-generator-modal.expanded-modal-sec .modal-content {
  transition: width 2s ease, transform 2s ease;
  width: 100%;
  transform: translateX(0);
}
.ai-seq-generator-modal .modal-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1232px;
  width: 90%;
}
.ai-seq-generator-modal .modal-content {
  overflow: hidden;
  min-height: 100% !important;
}
.ai-seq-generator-modal .bs-modal-body {
  padding: 0px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0px;
  height: 100%;
  overflow: hidden;
  background-color: #f9fafb;
  transition: width 0.5s ease;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container.fully-expanded {
  width: 100%;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__header {
  padding: 8px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  border-radius: 8px 8px 0px 0px;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__header-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__header-text .ai-3-star-animated-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__header-icon {
  cursor: pointer;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__content {
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: nowrap;
  flex: 1;
  overflow: hidden;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__content-chat {
  overflow: hidden;
  padding-bottom: 8px;
  width: 50%;
  transition: width 2s ease, flex 2s ease;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__content-chat.visible-ai-modal {
  width: 100%;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__content-steps {
  position: relative;
  flex: 1;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 8px;
  position: relative;
  box-shadow: 0px 2px 6px 0px rgba(191, 62, 211, 0.1215686275);
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  height: auto;
  opacity: 0;
  transform: translateX(0px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
}
.ai-seq-generator-modal .ai-seq-generator-modal-container__content-steps.visible-steps {
  transform: translateX(0);
  pointer-events: auto;
  opacity: 1;
}

.score-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.5rem;
  width: 2rem;
  height: 1.5rem;
  border: 1px solid transparent;
  border-radius: 20px;
}
.score-badge span {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.score-badge.poor {
  background: #fef2f2;
  border-color: #ef4444;
}
.score-badge.poor span {
  color: #ef4444;
}
.score-badge.average {
  background: #fffbeb;
  border-color: #f59e0b;
}
.score-badge.average span {
  color: #f59e0b;
}
.score-badge.excellent {
  background: #ecfdf5;
  border-color: #10b981;
}
.score-badge.excellent span {
  color: #10b981;
}

.score-badge-link {
  text-decoration: none;
}
.score-badge-link:hover {
  text-decoration: none;
}

.email-input-and-file-upload-container {
  width: 100%;
  height: 100%;
}
.email-input-and-file-upload-container .email-input-and-file-upload {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  max-height: 312px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input {
  padding: 24px 0px 24px 24px;
  width: 50%;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .email-account-input-container {
  padding-right: 24px;
  border-right: 1px solid #e5e7eb;
  position: relative;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .email-account-input-title {
  line-height: 32px;
  color: #1f2937;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  height: 32px;
  margin-bottom: 16px;
  white-space: nowrap;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container {
  display: flex;
  width: 100%;
  min-height: 160px;
  overflow-y: auto;
  padding: 8px 16px 6px 16px;
  gap: 6px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  cursor: text;
  outline: none;
  max-height: 160px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container:hover {
  border: 1px solid #1d4ed8;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container.emails-and-domains-input--container.error {
  border: 1px solid #b91c1c;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container.emails-and-domains-input--container.error:focus-within {
  box-shadow: none;
  border-color: #b91c1c;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container .emails-and-domains-input--pills {
  display: flex;
  align-self: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-gap: 0.375rem;
  gap: 4px;
  width: 100%;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container .emails-and-domains-input--pills .shd-pills--md {
  padding: 0px 8px;
  gap: 8px;
  border: 1px solid #d1d5db;
  background: #f3f4f6;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container .emails-and-domains-input--pills .shd-pills--md .pills-label {
  line-height: 16px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container .emails-and-domains-input--pills .shd-pills--md .pills-close {
  margin: 0;
  width: 14px;
  height: 14px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container .emails-and-domains-input--input {
  border: none;
  outline: none;
  width: 100%;
  padding: 0;
  background: #ffffff;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container .emails-and-domains-input--input::placeholder {
  color: #9ca3af;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container .emails-and-domains-input--count {
  display: flex;
  justify-content: end;
  align-self: end;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  position: sticky;
  top: 126px;
  padding: 0px 4px;
  border-radius: 32px;
  background: #f9fafb;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container.email-input-disabled {
  cursor: not-allowed;
  outline: none;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container.email-input-disabled:hover {
  border: 1px solid #d1d5db;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .emails-and-domains-input--container.email-input-disabled:focus-within {
  outline: none;
  border: 1px solid #d1d5db;
  box-shadow: none;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .email-input-btn {
  background: #1d4ed8;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.email-input-and-file-upload-container .email-input-and-file-upload .email-account-input .email-input-btn .email-input-btn-loader {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-right-color: transparent;
}
.email-input-and-file-upload-container .email-input-and-file-upload .emails-and-domains-input--helper-wrapper {
  line-height: 12px;
  display: flex;
  padding: 4px 0px 8px 0px;
  min-height: 24px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .emails-and-domains-input--helper-wrapper .emails-and-domains-input--error-msg {
  color: #b91c1c;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .shd-button span {
  gap: 8px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container {
  padding: 24px;
  width: 100%;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-title {
  display: flex;
  justify-content: end;
  align-items: center;
  line-height: 32px;
  padding-bottom: 16px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .email-credits {
  max-height: 32px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  padding: 4px 12px;
  border: 1px solid #d1d5db;
  color: #1f2937;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .email-credits span {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 20px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .email-credits span .email-diamond-icon {
  color: #1d4ed8;
  align-self: center;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module {
  border: 1px dashed #9ca3af;
  border-radius: 4px;
  background: #f9fafb;
  padding: 16px 100px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module:hover {
  border-color: #1d4ed8;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module.drag-drop-module-select {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module.drag-drop-module-error {
  background: #fef2f2;
  border: 1px solid #fecaca;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .drag-drop-module-pre-select {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .shd-drag-and-drop {
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .shd-drag-and-drop .pre-select {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .shd-drag-and-drop .pre-select .pre-select-tagline {
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .shd-drag-and-drop .pre-select .pre-select-content {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 0px 12px 0px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .shd-drag-and-drop .pre-select .file-uploader {
  width: 6rem;
  height: 2rem;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .shd-drag-and-drop .pre-select .file-uploader :hover {
  text-decoration-color: #1d4ed8;
  text-decoration: underline;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .shd-drag-and-drop .pre-select .file-uploader .choose-file {
  height: calc(100% + 2px);
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: #1d4ed8;
  justify-content: center;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .shd-drag-and-drop .pre-select .file-uploader input {
  display: none;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .file-selector-input--stage-content .icon-wrapper {
  margin-bottom: 4px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .file-selector-input--stage-content .filename {
  padding: 4px 8px;
  margin-bottom: 4px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .post-select {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .post-select .post-select-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .post-select .post-select-icon-wrapper img {
  width: 40px;
  height: 40px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .post-select .post-select-filename {
  color: #1f2937;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px;
  display: block;
  align-items: center;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  text-align: center;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .post-select .post-select-success {
  display: none;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .post-select .post-select-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .drag-drop-module .post-select .csv-error-message {
  color: #1f2937;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .file-upload-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .file-upload-footer .file-upload-sample-file-container {
  display: flex;
  color: #1d4ed8;
  align-items: center;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .file-upload-footer .file-upload-sample-file-container a {
  color: #1d4ed8;
  text-decoration: none;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .file-upload-footer .file-upload-sample-file-container .file-upload-sample-file-download {
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 2px 8px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .file-upload-footer .file-upload-sample-file-container :hover {
  text-decoration: underline;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .file-upload-footer .file-upload-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .file-upload-footer .file-upload-btn .cancel-btn {
  background: #ffffff;
  border: 1px solid #d9d9d9 !important;
  color: #595959 !important;
  line-height: 24px !important;
  padding: 4px 26px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .file-upload-footer .file-upload-btn .next-btn {
  color: #ffffff;
  width: 100px;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .skeleton-container {
  position: relative;
}
.email-input-and-file-upload-container .email-input-and-file-upload .drag-drop-file-container .skeleton-container span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.email-input-and-file-upload-container .email-verified-icon-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 0px 0px 0px;
  width: 100%;
  height: 60%;
}
.email-input-and-file-upload-container .email-verified-icon-content .email-verified-title {
  color: #1f2937;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding-top: 24px;
}
.email-input-and-file-upload-container .email-verified-icon-content .email-verified-content {
  color: #6b7280;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 16px;
}
.email-input-and-file-upload-container .pagination-accordion-table-container .shd-table--pagination {
  bottom: 0px;
}

.file-upload-module-container .map-field-info {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #fef3c7;
  background: #fffbeb;
  margin: 16px 0px 20px 0px;
}
.file-upload-module-container .map-field-info span {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.file-upload-module-container .map-field-info .alert-circle-icon {
  color: #d97706;
}
.file-upload-module-container .email-credits {
  display: flex;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 25px;
  border-radius: 4px;
  padding: 4px 12px;
  border: 1px solid #d1d5db;
}
.file-upload-module-container .email-credits .email-diamond-icon {
  color: #1d4ed8;
  align-self: center;
}
.file-upload-module-container .modal-dialog {
  display: flex;
  justify-content: center;
}
.file-upload-module-container .modal-dialog .modal-content {
  min-width: 720px;
  max-height: 100%;
  border: none !important;
}
.file-upload-module-container .modal-dialog .modal-content .shd-modal--header {
  padding: 18px 24px !important;
  border-bottom: 0.0625rem solid #e5e7eb !important;
}
.file-upload-module-container .modal-dialog .modal-content .shd-modal--header .modal-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.file-upload-module-container .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
}
.file-upload-module-container .modal-dialog .modal-content .modal-body .import-stage-tabs--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin: 1.25rem 1.5rem 0 1.5rem;
  height: 2.5rem;
}
.file-upload-module-container .modal-dialog .modal-content .modal-body .import-stage-tabs--container .import-stage-tabs--tab {
  width: 100%;
  min-width: 166px;
  max-width: 175px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 8px 16px;
}
.file-upload-module-container .modal-dialog .modal-content .modal-body .import-stage-tabs--container .import-stage-tabs--tab.disabled {
  cursor: not-allowed;
}
.file-upload-module-container .modal-dialog .modal-content .modal-body .import-stage-tabs--container .import-stage-tabs--tab.disabled p {
  margin: 0;
  color: #6b7280;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}
.file-upload-module-container .modal-dialog .modal-content .modal-body .import-stage-tabs--container .import-stage-tabs--tab.selected {
  background: #eff6ff;
}
.file-upload-module-container .modal-dialog .modal-content .modal-body .import-stage-tabs--container .import-stage-tabs--tab.selected p {
  color: #1d4ed8;
  font-weight: 600;
  margin: 0;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.25rem;
}
.file-upload-module-container .modal-dialog .modal-content .modal-body .import-stage-tabs--icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 24px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content {
  flex: 1 1;
  border-radius: 4px;
  padding: 0px 24px 0px 24px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-field-text .map-field-modal-footer .review-section-container {
  margin: 0 !important;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-field-text .map-field-modal-footer .review-section-container .review-section-title-container {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 20px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-field-text .map-field-modal-footer .review-section-container .email-verification-desc-container {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-top: 16px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-field-text .map-field-modal-footer .review-section-container .email-verification-desc-container p {
  margin: 0;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-field-text .map-field-modal-footer .review-section-container .email-verification-desc-container a {
  display: none;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-field-text .map-field-modal-footer.map-field-info-banner .review-section-container .email-verification-desc-container {
  padding-bottom: 20px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list {
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-height: 256px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-header {
  display: flex;
  justify-content: space-between;
  background-color: #f8f9fa;
  color: #4b5563;
  font-weight: 600;
  padding: 10px 24px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-header .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: space-between;
  width: 42.5%;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-footer .container .map-fields-config-wrapper {
  display: none;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content {
  flex: 1 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 20px 25px;
  gap: 16px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content .map-list-item {
  display: flex;
  align-items: center;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content .map-list-item .map-list-item-child-left {
  flex: 1 1;
  display: flex;
  color: #1f2937;
  overflow: hidden;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content .map-list-item .map-list-item-child-left .csv-header-label {
  flex: 3 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 49%;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content .map-list-item .map-list-item-child-left .csv-row-value {
  flex: 3 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 201px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content .map-list-item .map-list-item-child-left .csv-row-value .sh-check-o {
  display: none;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content .map-list-item .map-list-item-child-right {
  display: flex;
  align-items: center;
  width: 13rem;
  justify-content: flex-end;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content .map-list-item .map-list-item-child-right .map-list-item-remove-icon-wrapper {
  padding: 5px;
  margin-right: 0.5rem;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .map-fields-content .map-list .map-list-content .map-list-item .map-list-item-child-right .bs-select-box {
  width: 10rem;
  color: #1f2937;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .import-contact-stage-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-top: 0.0625rem solid #e5e7eb;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .import-contact-stage-footer--right {
  display: flex;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  height: 100%;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .import-contact-stage-footer--right .shd-button {
  min-width: 6.25rem;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .import-contact-stage-footer--right .shd-button span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.file-upload-module-container .modal-dialog .modal-content .map-fields .import-contact-stage-footer--right .shd-button .map-field-verify-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-right-color: transparent;
}

.transfer-overlay .transfer-container .transfer-body .transfer-content {
  height: 100%;
}

@media screen and (max-width: 870px) {
  .email-input-and-file-upload-container .email-input-and-file-upload {
    display: block;
    max-height: 100%;
  }
  .email-input-and-file-upload-container .email-input-and-file-upload .email-account-input {
    width: 100%;
  }
}
.pagination-accordion-table-container {
  padding: 0px 24px 24px 24px;
}
.pagination-accordion-table-container.no-result-found {
  background: #f9fafb;
  display: flex;
  flex-direction: column;
  height: 65.7%;
}
.pagination-accordion-table-container .no-search-result {
  margin: 0;
  height: 100%;
}
.pagination-accordion-table-container .pagination-table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0px 16px 0px;
}
.pagination-accordion-table-container .pagination-table-header span {
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.pagination-accordion-table-container .pagination-table-header .skeleton-show {
  border-radius: 4px;
  background: #f9fafb;
  width: 216px;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 8px;
}
.pagination-accordion-table-container .pagination-table-contaier thead tr th {
  border-bottom: 0px;
  padding: 12px 16px 12px 16px;
  border: 1px solid #f3f4f6;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}
.pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(1) {
  width: 25%;
  min-width: 200px;
}
.pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(2) {
  width: 20%;
  min-width: 150px;
}
.pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(3) {
  width: 35%;
  min-width: 250px;
}
.pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(4) {
  width: 15%;
  min-width: 120px;
}
.pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(5) {
  width: 5%;
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td {
  border: 1px solid #f3f4f6;
  padding: 12px 16px 12px 16px;
  vertical-align: middle;
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td span .disabled {
  cursor: not-allowed;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td:nth-child(1) {
  max-width: 200px;
  min-width: 200px;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td:nth-child(2) {
  width: 20%;
  min-width: 150px;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td:nth-child(3) {
  width: 35%;
  min-width: 250px;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td:nth-child(4) {
  width: 15%;
  min-width: 120px;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td:nth-child(5) {
  width: 5%;
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .pagination-table-filename {
  display: block;
  width: 90%;
  line-height: 18px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .email-percentage-conatiner {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9ca3af;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .email-percentage-conatiner .email-valid-percentage {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #1f2937;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .email-percentage-conatiner .table-email-stats-count {
  display: flex;
  align-items: center;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .email-percentage-conatiner .table-email-stats-count .email-stats-count {
  display: flex;
  align-items: center;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .accordion-progress-bar {
  width: 100%;
  min-width: 200px;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .accordion-progress-bar .multi-progress-container {
  height: 8px;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .pagination-accordion-export-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .pagination-accordion-export-button .action-btn--export.icon-only:hover {
  background-color: #f9fafb !important;
  color: #4b5563 !important;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .pagination-accordion-export-button .action-btn--export.icon-only .icon-left .sh-download:before {
  color: #4b5563 !important;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .pagination-accordion-export-button .action-btn--export.icon-only .icon-left .sh-download:before :hover {
  border: 1px solid #4b5563;
  background-color: #ffffff;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .pagination-accordion-export-button.disabled {
  position: relative;
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .pagination-accordion-export-button.disabled::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: transparent;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .multi-progress-container {
  cursor: pointer;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .accordion-failed {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  gap: 4px;
  padding: 4px 6px;
  background: #fef2f2;
  border-radius: 100px;
  cursor: pointer;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr td .accordion-failed span {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.pagination-accordion-table-container .pagination-table-contaier tbody tr:hover {
  background: #f9fafb;
}

.pagination-accordion-tooltips.tooltip .tooltip-inner {
  padding: 8px;
  line-height: 16px;
  white-space: pre-wrap;
}
.pagination-accordion-tooltips.disabled {
  display: none;
}

.invalid-email-popover.tooltip .tooltip-inner {
  padding: 0px;
  max-width: max-content;
  border-radius: 0;
  background: #ffffff;
}

.progress-overlay-popover.bs-popover-inner {
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}
.progress-overlay-popover.popover {
  max-width: 310px;
  background: none;
}
.progress-overlay-popover .arrow {
  display: none;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: 3px 8px 24px -6px rgba(15, 34, 67, 0.16);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover {
  display: flex;
  align-items: center;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content {
  display: flex;
  align-items: center;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  width: 190px;
  padding-left: 8px;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .progress-percentage, .progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .progress-percentage-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  width: 80px;
  max-height: 18px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .progress-percentage span, .progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .progress-percentage-child span {
  font-size: 12px;
  font-weight: 400;
  color: #6b7280;
  padding: 0;
  line-height: 18px;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .progress-percentage-child {
  padding-left: 3px;
  width: 80px;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .progress-popover-label {
  padding-left: 11px;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .valid-icon, .progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .invalid-icon, .progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .risky-icon {
  width: 3px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #34d399;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .invalid-icon {
  background: #f87171;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-main-content .risky-icon {
  background: #fbbf24;
}
.progress-overlay-popover .popover-body .bs-popover-content .bs-popover-inner-content .progress-popover-container .progress-popover .progress-popover-child-container .progress-popover-child {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 4px;
  background: #f9fafb;
  padding: 8px 0px;
}

@media screen and (max-width: 1285px) {
  .pagination-accordion-table-container .table-wrapper {
    overflow-x: auto;
  }
  .pagination-accordion-table-container .pagination-table-contaier {
    table-layout: fixed;
    width: 100%;
    min-width: 100%;
  }
  .pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(1) {
    width: 200px;
    min-width: 200px;
  }
  .pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(2) {
    width: 150px;
    min-width: 150px;
  }
  .pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(3) {
    width: 250px;
    min-width: 250px;
  }
  .pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(4) {
    width: 120px;
    min-width: 120px;
  }
  .pagination-accordion-table-container .pagination-table-contaier thead tr th:nth-child(5) {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
  }
  .pagination-accordion-table-container .pagination-table-contaier tbody tr td .pagination-table-filename {
    width: 100%;
  }
  .pagination-accordion-table-container .pagination-table-contaier tbody tr td .multi-progress-container {
    width: 100%;
  }
}
.email-verifier-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.diagnose-email-sending-guide-modal-title {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 !important;
}

.diagnose-email-sending-guide-modal-title-description {
  font-size: 12px;
  font-weight: 400;
  color: #4b5563;
  margin: 0 !important;
}

.diagnose-email-sending-guide-modal-body {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status {
  width: 420px !important;
  height: 580px !important;
  overflow-y: auto;
  padding: 12px 10px 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status h5 {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #e8eff5;
  border-radius: 8px;
  min-height: 52px;
  background-color: #fafafa;
  box-shadow: 1px 1px 1px 0 #e4e8f0;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item .status-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item .status-label {
  font-size: 12px;
  font-weight: 400;
  color: #4b5563;
  flex: 1;
  margin-left: 4px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item .status-count {
  font-size: 12px;
  font-weight: 600;
  color: black;
  border-radius: 4px;
  text-align: center;
  flex-shrink: 0;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-green .status-icon {
  color: #52c41a;
  background-color: #ebfcf1;
  width: 26px;
  height: 22px;
  border-radius: 13px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-green .status-count-green {
  color: black;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-red .status-icon {
  color: #ff4d4f;
  background-color: #fff2f2;
  width: 26px;
  height: 22px;
  border-radius: 13px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-red .status-count-red {
  color: #ff4d4f;
  background: #fff2f2;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-yellow .status-icon {
  color: #facc16;
  background-color: #fffde8;
  width: 26px;
  height: 22px;
  border-radius: 13px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-yellow .status-count-yellow {
  color: #facc16;
  background: #fffde8;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-blue .status-icon {
  color: #1890ff;
  background-color: #f0f6ff;
  width: 26px;
  height: 22px;
  border-radius: 13px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-blue .status-count-blue {
  color: #1890ff;
  background: #f0f6ff;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-default .status-icon {
  color: #4b5563;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-default .status-count-default {
  color: #1d4ed8;
  background: #daeafd;
  border: 1px solid #e8eff5;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity {
  height: 580px;
  overflow-y: auto;
  padding: 12px 18px 12px 4px;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity h5 {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container {
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: stretch;
  border-radius: 10px;
  border: 1px solid #d8e0eb;
  background: #fafafa;
  box-shadow: 1px 1px 1px 0 #ebeef2;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right {
  flex: 1;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-step-item-value {
  font-size: 16px;
  font-weight: 600;
  background: #1878f2;
  padding: 8px 12px;
  border-radius: 16px;
  color: white;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
  align-items: start;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item-label {
  font-size: 12px;
  font-weight: 400;
  color: #4b5563;
  margin: 0;
  line-height: 18px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item-value {
  font-size: 1rem;
  font-weight: 700;
  color: black;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-container-horizontal-steps-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 12px 12px 3px 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item-success-value {
  display: flex;
  gap: 2px;
  padding: 6px 12px 12px 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item-success-value .active-steps-card-info-right-item-success-value-text {
  font-size: 12px;
  font-weight: 500;
  color: #05966b;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-container-horizontal-overall-status-item {
  padding: 6px 12px;
  width: 100%;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-error-item {
  display: flex;
  gap: 4px;
  align-items: start;
  padding: 8px;
  border-radius: 8px;
  border-top: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-right: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-bottom: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-left: 4px solid rgba(245, 34, 45, 0.1019607843);
  background-color: #fff2f2;
  margin-bottom: 6px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-error-item ul {
  padding-left: 4px;
  margin: 0 !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-error-item {
  gap: 6px !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-error-item .active-steps-card-info-right-item-error-value {
  font-weight: 400 !important;
  font-size: 12px;
  list-style-type: none;
  padding-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #202020;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-warning-item {
  display: flex;
  gap: 4px;
  align-items: start;
  padding: 8px;
  border-radius: 8px;
  border-top: 1px solid #fff3c7;
  border-right: 1px solid #fff3c7;
  border-bottom: 1px solid #fff3c7;
  border-left: 4px solid #fff3c7;
  background-color: #fffde8;
  margin-bottom: 6px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-warning-item ul {
  padding-left: 4px;
  margin: 0 !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-warning-item {
  gap: 6px !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-warning-item .active-steps-card-info-right-item-warning-value {
  font-weight: 400 !important;
  font-size: 12px;
  list-style-type: none;
  padding-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #202020;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .diagnose-email-sending-guide-activity-no-issues {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .diagnose-email-sending-guide-activity-item-no-issues-value {
  font-size: 12px;
  font-weight: 500;
  color: #4b5563;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .diagnose-email-sending-guide-activity-item-no-issues-value-icon {
  width: 80px;
  height: 80px;
}

.diagnose-email-sending-guide-activity-error-item {
  display: flex;
  gap: 4px;
  align-items: start;
  padding: 8px;
  border-radius: 10px;
  border-top: 1px solid #fad2d2;
  border-right: 1px solid #fad2d2;
  border-bottom: 1px solid #fad2d2;
  border-left: 4px solid #fad2d2;
  background-color: #fff2f2;
  margin-bottom: 6px;
}
.diagnose-email-sending-guide-activity-error-item ul {
  padding-left: 4px;
  margin: 0 !important;
}
.diagnose-email-sending-guide-activity-error-item {
  gap: 18px;
}
.diagnose-email-sending-guide-activity-error-item .diagnose-email-sending-guide-activity-item-error-value {
  font-size: 12px;
  list-style-type: disc;
  color: #202020;
  margin: 0 !important;
  padding: 0 !important;
}

.diagnose-email-sending-guide-activity-warning-item {
  display: flex;
  gap: 4px;
  align-items: start;
  padding: 8px;
  border-radius: 10px;
  border-top: 1px solid #fff3c7;
  border-right: 1px solid #fff3c7;
  border-bottom: 1px solid #fff3c7;
  border-left: 4px solid #fff3c7;
  background-color: #fffde8;
  margin-bottom: 6px;
}
.diagnose-email-sending-guide-activity-warning-item ul {
  padding-left: 4px;
  margin: 0 !important;
}
.diagnose-email-sending-guide-activity-warning-item {
  gap: 18px;
}
.diagnose-email-sending-guide-activity-warning-item .warning-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: black;
  background-color: #facc16;
  padding: 0px 10px;
  width: fit-content;
  margin-bottom: 4px;
  border-radius: 12px;
}
.diagnose-email-sending-guide-activity-warning-item .diagnose-email-sending-guide-activity-item-warning-value {
  font-weight: 400 !important;
  font-size: 12px;
  list-style-type: disc;
  color: #202020;
  margin: 0 !important;
  padding: 0 !important;
}

.icon-list-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.floatLabelAboveBoxContainer {
  position: relative;
}

.float-label-above-box-warning {
  position: absolute;
  top: -16px;
  left: 0;
  font-size: 10px;
  padding: 0 4px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px 4px 0 0 !important;
  background-color: #fff7e6;
  color: #d97604;
  border-left: 1px solid #fff3c7;
  border-top: 1px solid #fff3c7;
  border-right: 1px solid #fff3c7;
}

.float-label-above-box-error {
  position: absolute;
  top: -16px;
  left: 0;
  font-size: 10px;
  padding: 0 4px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px 4px 0 0 !important;
  background-color: #fff1f0;
  color: #f5222d;
  border-left: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-top: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-right: 1px solid rgba(245, 34, 45, 0.1019607843);
}

.diagnose-email-sending-guide-divider,
.diagnose-email-sending-guide-divider-2 {
  height: 1px;
  width: 100%;
  background: #d8e0eb;
}

.diagnose-email-sending-guide-divider {
  margin-top: 5px;
}

.diagnose-email-sending-guide-divider-2 {
  margin: 4px 0;
}

.diagnose-email-sending-guide-custom-small-modal {
  max-width: 1100px !important;
  max-height: 90vh !important;
}
.diagnose-email-sending-guide-custom-small-modal .modal-header {
  align-items: start !important;
}
.diagnose-email-sending-guide-custom-small-modal .modal-header .modal-title {
  padding: 12px 0 8px 0 !important;
}
.diagnose-email-sending-guide-custom-small-modal .modal-body {
  padding: 12px !important;
}

.refresh-icon {
  color: #6b7280;
}
.refresh-icon:hover {
  color: #1d4ed8;
}

.enrich-own-prompt-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px 24px 16px;
  height: 100%;
  overflow-y: auto;
}
.enrich-own-prompt-container.enrich-prompt {
  padding: 0;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
  padding: 6px 12px;
  height: auto;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input.is-invalid {
  border: 1px solid #b91c1c;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input.is-invalid:hover {
  border: 1px solid #b91c1c;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input:hover {
  border-color: #1d4ed8;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .error-message {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #b91c1c;
  margin: 0;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-own-prompt-label {
  margin-bottom: 0;
  color: #6b7280;
  font-weight: 600;
  line-height: 16px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-own-prompt-label label {
  margin-bottom: 0;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .help-logo {
  cursor: pointer;
  color: #6b7280;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .help-logo:hover {
  color: #1d4ed8;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-own-prompt-label-instruction {
  display: flex;
  align-items: center;
  gap: 4px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container span {
  color: #4b5563;
  font-weight: 400;
  line-height: 12px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .header-info-circle-icon {
  color: #9ca3af;
  cursor: pointer;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .header-info-circle-icon:hover {
  color: #6b7280;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .credits-capsule {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .credits-capsule span {
  font-size: 12px;
  white-space: nowrap;
  color: #4b5563;
  font-weight: 400;
  line-height: 12px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .browse-template {
  color: #1d4ed8;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .browse-template:hover {
  text-decoration: underline;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-prospect-with-ai {
  color: #9ca3af;
  font-size: 12px;
  line-height: 20px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-prompt-merge-tag {
  border-radius: 25px;
  background: #f3f4f6;
  width: 20px;
  height: 20px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-prompt-merge-tag:hover {
  background: #eff6ff;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-prompt-merge-tag:hover img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(78%) saturate(2878%) hue-rotate(216deg) brightness(104%) contrast(97%);
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-prompt-merge-tag.dropdown-open {
  background: #eff6ff;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container .enrich-prompt-merge-tag.dropdown-open img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(78%) saturate(2878%) hue-rotate(216deg) brightness(104%) contrast(97%);
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-label-container.prompt-merge-tag-editor {
  justify-content: space-between;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .bs-select-box {
  padding: 6px 12px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input-skeleton-column {
  border-radius: 4px;
  border: 1px solid #d1d5db;
  padding: 6px 12px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input-skeleton-column span {
  height: 18px;
  display: flex;
  align-items: center;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input-skeleton-column .skeleton {
  background: linear-gradient(108deg, rgba(219, 191, 242, 0.1) -5.01%, rgba(230, 230, 230, 0.1) 2.31%, rgba(157, 84, 219, 0.1) 66.84%, rgba(29, 78, 216, 0.1) 114.32%);
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input-skeleton {
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  min-height: 320px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input-skeleton span {
  height: 20px;
  display: block;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-own-prompt-input-skeleton .skeleton {
  background: linear-gradient(108deg, rgba(219, 191, 242, 0.1) -5.01%, rgba(230, 230, 230, 0.1) 2.31%, rgba(157, 84, 219, 0.1) 66.84%, rgba(29, 78, 216, 0.1) 114.32%);
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-ai-options-skeleton {
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-ai-options-skeleton .icon-ai-skeleton {
  display: flex;
  gap: 8px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-ai-options-skeleton .icon-ai-skeleton .skeleton {
  background: linear-gradient(108deg, rgba(219, 191, 242, 0.1) -5.01%, rgba(230, 230, 230, 0.1) 2.31%, rgba(157, 84, 219, 0.1) 66.84%, rgba(29, 78, 216, 0.1) 114.32%);
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-ai-options-skeleton .skeleton {
  background: linear-gradient(108deg, rgba(219, 191, 242, 0.1) -5.01%, rgba(230, 230, 230, 0.1) 2.31%, rgba(157, 84, 219, 0.1) 66.84%, rgba(29, 78, 216, 0.1) 114.32%);
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-output-format-skeleton {
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-output-format-skeleton .skeleton {
  background: linear-gradient(108deg, rgba(219, 191, 242, 0.1) -5.01%, rgba(230, 230, 230, 0.1) 2.31%, rgba(157, 84, 219, 0.1) 66.84%, rgba(29, 78, 216, 0.1) 114.32%);
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .ai-model {
  justify-content: space-between;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .bs-select-box {
  padding: 6px 12px;
  color: #1f2937;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .bs-select-box .bs-select-box-icon-wrapper {
  color: #6b7280;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .bs-select-box .bs-select-box-text .column-name {
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor {
  position: relative;
  cursor: text;
  border: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor:hover {
  border: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor.error {
  border: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor:focus-within {
  box-shadow: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .toolbar-container {
  height: 0;
  border: none;
  width: 0%;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .toolbar-container .toolbar-extra-btn {
  display: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container {
  padding: 0;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  position: relative;
  min-height: 368px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content-wrapper {
  padding: 12px;
  max-height: 368px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container.error-class {
  border: 1px solid #f5222d;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container:hover.error-class {
  border: 1px solid #f5222d;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container:hover {
  border: 1px solid #1d4ed8;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content {
  height: 100%;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: #9ca3af;
  font-weight: 400;
  font-size: 14px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content div .variable-tag-chip-container {
  background-color: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content div .variable-tag-chip-container .variable-tag-chip {
  color: #3b82f6 !important;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container textarea {
  display: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .tox {
  min-height: 320px;
  border: none;
  resize: vertical;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .tox .tox-editor-container {
  border-radius: 4px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .tox .tox-statusbar {
  border: none;
  border-radius: 4px;
  height: 0;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .tox .tox-statusbar .tox-statusbar__text-container {
  display: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .simple-input-count-container {
  width: max-content;
  padding: 8px 12px 8px 12px;
  position: absolute;
  bottom: 0;
  right: 0px;
  display: flex;
  justify-content: end;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .simple-input-count-container .simple-input-count {
  padding: 0 4px;
  align-items: center;
  border-radius: 32px;
  background: #f3f4f6;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .editor-editable-content-container .simple-input-errors .error-message {
  color: #b91c1c;
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .alert-component .danger-alert {
  background: #fff !important;
  padding: 0;
  border: none;
  margin-top: 1px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .alert-component .danger-alert .alert-body .icon-div {
  display: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .alert-component .danger-alert .alert-body .content-div {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #b91c1c;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .shd-alert {
  padding: 0;
  border: none;
  background: #fff;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .shd-alert .shd-alert--icon {
  display: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .enrich-prompt-merge-tag-editor .shd-alert .shd-alert--text .shd-alert--description {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #b91c1c;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format {
  min-height: 150px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format .custom-output-format-input {
  border: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  resize: none;
  min-height: 108px;
  overflow-y: auto;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format .custom-output-format-input::placeholder {
  color: #9ca3af;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format .custom-output-format-input:focus {
  box-shadow: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format:hover {
  border: 1px solid #1d4ed8;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format:has(.custom-output-format-input:focus) {
  border: 1px solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format .enrich-own-prompt-custom-format-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 12px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format .enrich-own-prompt-custom-format-footer .enrich-prompt-custom-format-type {
  display: flex;
  align-items: center;
  gap: 8px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format .enrich-own-prompt-custom-format-footer .enrich-prompt-custom-format-type .custom-format-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #9ca3af;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format .enrich-own-prompt-custom-format-footer .enrich-prompt-custom-format-type .custom-output-dropdown {
  background: #f3f4f6;
  padding: 6px;
  border-radius: 4px;
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .enrich-own-prompt-custom-format .enrich-own-prompt-custom-format-footer .simple-input-count-container .simple-input-count {
  padding: 0 4px;
  align-items: center;
  border-radius: 32px;
  background: #f3f4f6;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .input-error {
  border: 1px solid #b91c1c;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .input-error:hover {
  border: 1px solid #b91c1c;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container.custom-output-format .input-error:focus-within {
  border: 1px solid #b91c1c !important;
  box-shadow: 0px 0px 0px 2px #fee2e2 !important;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .custom-output-format-error {
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  color: #b91c1c;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-column-name-input {
  height: auto;
  padding: 6px 12px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  background: none;
  color: #bfbfbf;
  background: #f5f5f5;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-column-name-input:hover {
  cursor: not-allowed;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .select-column-name-input:focus {
  border: 1px solid #ced4da;
  box-shadow: none;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .auto-suggest-input-error {
  border: 1px solid #b91c1c;
  box-shadow: 0px 0px 0px 2px #fee2e2;
  border-radius: 4px;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .auto-suggest-input-error:hover {
  border: 1px solid #b91c1c;
}
.enrich-own-prompt-container .enrich-own-prompt-content-container .auto-suggest-input-error:focus-within {
  border: 1px solid #b91c1c;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}

.credits-popover {
  box-shadow: 0px 0px 20px 0px rgba(0, 13, 56, 0.1215686275);
}
.credits-popover .arrow {
  transform: translate(200px, 0px);
}
.credits-popover.bs-popover-inner {
  padding: 0px;
}
.credits-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.credits-popover .credits-popover-content {
  display: flex;
  padding: 8px 16px;
  gap: 8px;
}
.credits-popover .credits-popover-content .credits-popover-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
}
.credits-popover .credits-popover-content .credits-popover-text .title {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.credits-popover .credits-popover-content .credits-popover-text .learn-more {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  width: max-content;
}
.credits-popover .credits-popover-content .credits-popover-text .learn-more:hover {
  text-decoration: underline;
}
.credits-popover .credits-popover-content .cross-icon {
  cursor: pointer;
}
.credits-popover .credits-popover-content .cross-icon:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}

.custom-output-dropdown-select-container.bs-popover-inner {
  padding: 0;
}
.custom-output-dropdown-select-container .arrow {
  display: none;
}
.custom-output-dropdown-select-container .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.custom-output-dropdown-select-container .popover-body .bs-popover-content .bs-popover-inner-content .custom-output-dropdown-select {
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.custom-output-dropdown-select-container .popover-body .bs-popover-content .bs-popover-inner-content .custom-output-dropdown-select .custom-output-dropdown-select-single-content {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #374151;
  padding: 4px 10px;
  width: 98px;
}
.custom-output-dropdown-select-container .popover-body .bs-popover-content .bs-popover-inner-content .custom-output-dropdown-select .custom-output-dropdown-select-single-content.active {
  background-color: #eff6ff;
}

.transfer-overlay.select-ai-options {
  padding: 0;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body {
  margin-top: 4px;
  padding: 8px 0 8px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-search {
  padding: 6px 12px;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  height: 2rem;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-search .transfer-search-input > span {
  margin-right: 0 !important;
  padding-right: 8px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  height: 40px;
  width: 100%;
  background-color: #f9fafb;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header .ai-modal-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header .ai-modal-header .globe-icon {
  color: #374151;
  display: flex;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header .ai-modal-header .ai-modal-header-title {
  font-size: 14px;
  color: #1f2937;
  font-weight: 500;
  line-height: 20px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header .ai-modal-header .header-info-circle-icon {
  color: #9ca3af;
  cursor: pointer;
  display: flex;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header .ai-modal-header .header-info-circle-icon:hover {
  color: #6b7280;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header .ai-modal-switch .switchToggle {
  display: flex;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header .ai-modal-switch .switchToggle input:checked + label {
  background: #1d4ed8;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-custom-header .ai-modal-switch .switchToggle label {
  margin: 0;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits {
  display: flex;
  gap: 8px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .modal-recommended {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .modal-recommended .recommended {
  font-size: 10px;
  color: #059367;
  font-weight: 500;
  line-height: 10px;
  background-color: #e6f8ef;
  border: 1px solid #6ee7b7;
  border-radius: 12px;
  padding: 4px 6px;
  white-space: nowrap;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .ai-modal-label {
  font-size: 14px;
  color: #1f2937;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .recommended-modal {
  font-size: 14px;
  color: #1f2937;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: clamp(100px, 7.5vw, 140px);
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .ai-credit-capsule {
  padding: 4px;
  height: 20px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .ai-credit-capsule .ai-credit-capsule-text {
  font-size: 12px;
  white-space: nowrap;
  color: #4b5563;
  font-weight: 400;
  line-height: 12px;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-description {
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li:hover .credits-capsule,
.transfer-overlay.select-ai-options .transfer-container .transfer-body .transfer-content .transfer-list div li.active .credits-capsule {
  background: #fff;
}

.transfer-overlay.select-column-name {
  padding: 0;
}
.transfer-overlay.select-column-name .transfer-container .transfer-body {
  margin-top: 4px;
  padding: 8px 0;
}
.transfer-overlay.select-column-name .transfer-container .transfer-body .transfer-search {
  padding: 6px 12px;
}
.transfer-overlay.select-column-name .transfer-container .transfer-body .transfer-content .transfer-list div li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.transfer-overlay.select-column-name .transfer-container .transfer-body .transfer-content .transfer-list div li .column-name-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.transfer-overlay.select-column-name .transfer-container .transfer-body .transfer-content .transfer-list div li .column-name {
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transfer-overlay.select-column-name .transfer-container .transfer-body .transfer-content .transfer-list div li img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}

.transfer-overlay.select-output-format {
  padding: 0;
}
.transfer-overlay.select-output-format .transfer-container .transfer-body {
  margin-bottom: 4px;
  padding: 8px 0;
}
.transfer-overlay.select-output-format .transfer-container .transfer-body .transfer-content .transfer-list div li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.transfer-overlay.select-output-format .transfer-container .transfer-body .transfer-content .transfer-list div li .output-format-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.transfer-overlay.select-output-format .transfer-container .transfer-body .transfer-content .transfer-list div li img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}

.applied-conditions-chips {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.applied-conditions-chips .applied-conditions-chip {
  border: none;
  outline: none;
  border-radius: 100px;
  background: #dbeafe;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 2px 8px;
  height: 20px;
  display: flex;
  align-items: center;
}

.ai-column-drawer-modal {
  display: flex;
  max-width: max-content;
  max-height: calc(100% - 50px);
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
}
.ai-column-drawer-modal img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}
.ai-column-drawer-modal.opening {
  animation-name: ai-column-drawer-modal-opening;
  animation-duration: 0.5s;
  animation-timing-function: ease;
}
.ai-column-drawer-modal.closing {
  animation-name: moveLeft;
  animation-duration: 0.6s;
  animation-timing-function: ease;
}
@keyframes ai-column-drawer-modal-opening {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
.ai-column-drawer-modal .modal-dialog .modal-content {
  border: none !important;
}
.ai-column-drawer-modal.modal {
  left: auto;
  top: 50px;
  right: 0;
  z-index: 9;
}
.ai-column-drawer-modal ::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.4375rem;
}
.ai-column-drawer-modal ::-webkit-scrollbar-track {
  background: #ffffff;
}
.ai-column-drawer-modal ::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 0.25rem;
}
.ai-column-drawer-modal .modal-dialog {
  height: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  border-radius: 1.25rem;
}
.ai-column-drawer-modal .modal-content {
  height: 100%;
  max-height: 100%;
  border: 0;
  border-radius: 0;
}
.ai-column-drawer-modal .modal-header {
  display: flex;
  flex: 1;
  padding: 1.875rem 1.875rem;
  max-height: 2.5rem;
  min-height: 2rem;
}
.ai-column-drawer-modal .modal-body {
  height: 27.3rem;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 3rem) !important;
  padding: 0 !important;
}
.ai-column-drawer-modal .shd-modal--divider {
  display: none;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  transition: all 2s ease-in-out;
  display: flex;
  flex-direction: column;
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.12) -49.13%, rgba(157, 84, 219, 0.12) 12.25%, rgba(29, 78, 216, 0.12) 93.65%), #ffffff;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation, .ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease-in-out;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation img,
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation span, .ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation img,
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation span {
  transition: all 0.1s ease-in-out;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-column-drawer-content, .ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content {
  width: 100%;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% - 156px);
  padding: 24px 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.7s ease-in-out;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation {
  top: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation img {
  width: 40px;
  margin-bottom: 12px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation span {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation .animation-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation .animation-content .ai-column-animation-container {
  position: relative;
  top: 50%;
  left: 0;
  width: max-content;
  height: 84px;
  transition: top 0.7s ease-in-out, transform 0.7s ease-in-out, height 0.7s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation .animation-content .ai-3-star-animated-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.intro .ai-columns-drawer-animation .animation-content .ai-column-animated-text {
  width: 12rem;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation {
  height: 156px;
  display: flex;
  flex-direction: column;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation .close-icon {
  padding: 15px 15px 0px 0px;
  justify-content: flex-end;
  display: flex;
  align-self: end;
  margin: 14px 14px 0px 0px;
  padding: 2px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation .close-icon:hover {
  border-radius: 4px;
  background: #ddd6fe;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation .animation-content {
  width: 100%;
  height: 100%;
  padding: 6px 40px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation .animation-content .ai-column-animation-container {
  position: relative;
  top: 0;
  left: 0;
  width: max-content;
  height: 24px;
  transition: top 0.7s ease-in-out, transform 0.7s ease-in-out, height 0.7s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation .animation-content .ai-3-star-animated-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation .animation-content .ai-column-animated-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  width: 12rem;
  background: linear-gradient(114deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation .animation-content .ai-column-drawer-text {
  color: #6b7280;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0;
  animation: ai-column-drawer-text-animation 0.2s ease-in 0.9s forwards;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-columns-drawer-animation .animation-content .ai-column-drawer-text.do-not-animate {
  opacity: 1;
  animation: none;
}
@keyframes ai-column-drawer-text-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content {
  transform: translateY(0);
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .enrich-option-container {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid #ddd6fe;
  border-radius: 8px;
  padding: 20px;
  gap: 36px;
  cursor: pointer;
  margin-bottom: 16px;
  position: relative;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .enrich-option-container:hover {
  background: linear-gradient(113.67deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 12.25%, rgba(29, 78, 216, 0.05) 93.65%);
  border-top: 1px solid;
  border: 1px solid #1d4ed8;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .enrich-option-container .enrichment-title-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .enrich-option-container .enrichment-title-container .enrichment-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #1f2937;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .enrich-option-container .enrichment-title-container .enrichment-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .enrich-option-container .enrichment-navlink-container {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .enrich-option-container .enrichment-navlink-container .enrichment-navlink-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .enrich-option-container .enrichment-image {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 75px;
  object-fit: contain;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section {
  display: flex;
  gap: 10px;
  background: #eef2ff;
  border: 1px solid #e0e7ff;
  border-radius: 4px;
  padding: 8px 12px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section .what-to-choose {
  display: flex;
  align-items: center;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section .what-to-choose-title-container {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section .what-to-choose-title-container .what-to-choose {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section .learn-more-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section .learn-more-text .what-to-choose-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section .learn-more-text .what-to-choose-description {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f2937;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section .learn-more-text .what-to-choose-description .learn-more {
  font-weight: 500;
  color: #1d4ed8;
  cursor: pointer;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container.expanded .ai-column-drawer-content .learn-more-section .learn-more-text .what-to-choose-description .learn-more:hover {
  text-decoration: underline;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container .skeleton .skeleton-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container .skeleton .skeleton-header .skeleton-title {
  width: 200px;
  height: 20px;
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  border-radius: 4px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container .skeleton .skeleton-header .skeleton-icon {
  width: 24px;
  height: 24px;
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  border-radius: 4px;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container .skeleton.templates-options-container {
  border: none !important;
  background: white;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container .skeleton.templates-options-container .skeleton-image {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background: var(--purple-50, #f5f3ff);
  animation: pulse 1.5s ease-in-out infinite;
  flex-shrink: 0;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container .skeleton.templates-options-container .skeleton-text-short {
  width: 120px;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(108deg, rgba(219, 191, 242, 0.1) -5.01%, rgba(230, 230, 230, 0.1) 2.31%, rgba(157, 84, 219, 0.1) 66.84%, rgba(29, 78, 216, 0.1) 114.32%);
  animation: pulse 1.5s ease-in-out infinite;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container .skeleton.templates-options-container .skeleton-text-long {
  width: 236px;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(108deg, rgba(219, 191, 242, 0.1) -5.01%, rgba(230, 230, 230, 0.1) 2.31%, rgba(157, 84, 219, 0.1) 66.84%, rgba(29, 78, 216, 0.1) 114.32%);
  animation: pulse 1.5s ease-in-out infinite;
}
.ai-column-drawer-modal .ai-columns-drawer-main-container .skeleton.templates-options-container:hover {
  background: white !important;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.ai-column-drawer-modal .template-header-container {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #eee;
}
.ai-column-drawer-modal .template-header-container .star-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-column-drawer-modal .template-header-container .template-header {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ai-column-drawer-modal .template-header-container .template-header .left-arrow {
  transform: rotate(180deg);
  cursor: pointer;
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}
.ai-column-drawer-modal .template-header-container .template-header .left-arrow:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}
.ai-column-drawer-modal .template-header-container .template-header .ai-title {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ai-column-drawer-modal .template-header-container .template-header .web-searched-credits {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 20px;
}
.ai-column-drawer-modal .template-header-container .template-header .web-searched-credits .ai-credit-capsule {
  height: 20px;
  padding: 4px 6px;
}
.ai-column-drawer-modal .template-header-container .template-header .use-template {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 0;
  height: auto;
  border: none;
  box-shadow: none;
}
.ai-column-drawer-modal .template-header-container .template-header .use-template .use-tem-text {
  font-weight: 500;
  color: #6b7280;
  flex-shrink: 0;
}
.ai-column-drawer-modal .template-header-container .template-header .use-template .use-template-title {
  flex: 1;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-column-drawer-modal .template-header-container .template-header .template-header-back-btn {
  background: none;
  padding: 0;
  max-height: 20px;
  min-width: 20px;
}
.ai-column-drawer-modal .template-header-container .template-header .template-header-back-btn:hover {
  background: none;
  background-color: #f8f9fa;
}
.ai-column-drawer-modal .template-header-container .template-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-column-drawer-modal .template-header-container .template-header-right .template-header-credit-capsule {
  padding: 4px;
  height: 20px;
  gap: 2px;
  border-color: #ddd6fe;
}
.ai-column-drawer-modal .template-header-container .template-header-right .template-header-credit-capsule:hover {
  background: linear-gradient(113.67deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 12.25%, rgba(29, 78, 216, 0.05) 93.65%);
}
.ai-column-drawer-modal .template-header-container .template-header-right .template-header-credit-capsule .disabled {
  cursor: not-allowed;
}
.ai-column-drawer-modal .template-header-container .template-header-right .template-header-credit-capsule .disabled:hover {
  background: none;
}
.ai-column-drawer-modal .template-header-container .template-header-right .template-header-credit-capsule .ai-credit-capsule-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  background: linear-gradient(113.67deg, #eb4ce6 -49.13%, #9d54db 12.25%, #1d4ed8 93.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-column-drawer-modal .template-header-container .template-header-right .template-header-credit-capsule.disabled {
  cursor: not-allowed;
}
.ai-column-drawer-modal .template-header-container .template-header-right .template-header-credit-capsule.disabled:hover {
  background: none;
}
.ai-column-drawer-modal .template-header-container .template-header-right .cross-icon-container {
  display: flex;
}
.ai-column-drawer-modal .template-header-container .template-header-right .copy-icon-container {
  display: flex;
  cursor: pointer;
}
.ai-column-drawer-modal .template-header-container .template-header-right .copy-icon-container:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}
.ai-column-drawer-modal .template-header-container .template-header-right .help-logo-container {
  display: flex;
  cursor: pointer;
}
.ai-column-drawer-modal .template-header-container .template-header-right .help-logo-container .help-logo {
  cursor: pointer;
  color: #6b7280;
}
.ai-column-drawer-modal .template-header-container .template-header-right .help-logo-container .help-logo:hover {
  color: #1d4ed8;
}
.ai-column-drawer-modal .template-header-container .template-header-right .help-logo-container .help-logo:focus {
  color: #1d4ed8;
  outline: none;
}
.ai-column-drawer-modal .template-header-container .template-header-right .cross-icon-header {
  cursor: pointer;
  color: #6b7280 !important;
}
.ai-column-drawer-modal .template-header-container .template-header-right .cross-icon-header:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
  cursor: pointer;
}
.ai-column-drawer-modal .template-footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  border-top: 1px solid #f3f4f6;
  gap: 8px;
}
.ai-column-drawer-modal .template-footer-container .save-as-template {
  background: none;
  padding: 0;
}
.ai-column-drawer-modal .template-footer-container .save-as-template:not(.shd-button:disabled):hover span {
  background: none;
  color: #1d4ed8;
}
.ai-column-drawer-modal .template-footer-container .save-as-template:not(.shd-button:disabled):hover .template-plus-icon {
  color: #1d4ed8;
}
.ai-column-drawer-modal .template-footer-container .save-as-template span {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 4px;
  background: none;
  border: none;
}
.ai-column-drawer-modal .template-footer-container .save-as-template span .template-plus-icon {
  color: #6b7280;
}
.ai-column-drawer-modal .template-footer-container .save-as-template span span {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview {
  background: none;
  padding: 6px 16px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  max-height: 32px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview .preview-icon {
  width: 16px;
  height: 16px;
  color: #6b7280;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview span {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview:not(.shd-button--disabled):hover {
  border: 1px solid #bfdbfe;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview:not(.shd-button--disabled):hover .preview-icon {
  color: #1d4ed8;
  font-weight: 500;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview:not(.shd-button--disabled):hover span {
  color: #1d4ed8;
  font-weight: 500;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-custom .btn-solid-primary:disabled {
  opacity: 0.35;
  color: #ffffff;
  background-color: #0137fc;
  border-color: #0137fc;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom {
  margin-top: 0 !important;
  padding: 8px 0;
  min-width: 368px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom {
  padding: 8px 16px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom:hover {
  background: #eff6ff;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom:hover .credits {
  background-color: #fff;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1f2937;
  margin: 0;
  width: 100%;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom span .save-dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom span .save-dropdown-item .save-credits {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom span .save-dropdown-item .save-credits .total-prospects {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #4b5563;
  padding: 2px 6px;
  background-color: #e5e7eb;
  border-radius: 4px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom span .save-dropdown-item .save-option {
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
  line-height: 20px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom span .save-dropdown-item .credits {
  padding: 4px 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .dropdown-menu-custom .dropdown-item-custom span .save-dropdown-item .credits .credits-amount {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #4b5563;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview.open {
  border: 1px solid #bfdbfe;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview.open .preview-icon {
  color: #1d4ed8;
  font-weight: 500;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .template-preview.open span {
  color: #1d4ed8;
  font-weight: 500;
}
.ai-column-drawer-modal .template-footer-container .template-preview-container .save-template-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 16px;
}
.ai-column-drawer-modal .template-footer-container.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}
.ai-column-drawer-modal .search-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: left;
  gap: 8px;
  padding: 12px 16px;
}
.ai-column-drawer-modal .search-dropdown .search-input-container {
  width: 100%;
}
.ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input {
  padding: 5px 12px;
  display: flex;
  align-items: center;
  max-width: 25rem;
}
.ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input .input-icons-left {
  margin: 0 !important;
}
.ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input .bs-input-prefix, .ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input .bs-input-suffix {
  color: #9ca3af;
  font-size: 1rem;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input .bs-input-prefix i, .ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input .bs-input-suffix i {
  margin-top: 1px;
}
.ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input .bs-input-prefix {
  padding-right: 8px;
}
.ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input .bs-input-suffix {
  padding-right: 0;
}
.ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input .bs-input {
  color: #1f2937;
  line-height: 20px;
  font-weight: 400;
  flex: 1;
}
.ai-column-drawer-modal .search-dropdown .search-input-container .bs-input-affix-wrapper.search-input:hover {
  border-color: #1d4ed8;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.ai-column-drawer-modal .search-dropdown .vertical-divider {
  height: 32px;
  width: 1px;
  background: #e5e7eb;
}
.ai-column-drawer-modal .search-dropdown .bs-select-box {
  padding: 7px 12px;
  color: #1f2937;
  line-height: 18px;
  font-weight: 500;
}
.ai-column-drawer-modal .search-dropdown .bs-select-box span {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-column-drawer-modal .search-dropdown .bs-select-box .bs-select-box-icon-wrapper {
  color: #6b7280;
  margin: 0;
}
.ai-column-drawer-modal .search-dropdown .bs-select-box:hover {
  border-color: #1d4ed8;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.ai-column-drawer-modal #scrollable-template-list {
  overflow: auto;
  height: 100%;
}
.ai-column-drawer-modal #scrollable-template-list.no-template-active .infinite-scroll-component__outerdiv .infinite-scroll-component {
  overflow: auto;
  height: 100% !important;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv {
  height: 100%;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component {
  overflow: auto;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container {
  padding: 0 16px 20px 16px;
  overflow-y: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .no-template-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: auto;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .no-template-found .no-template-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .no-template-found .no-template-text .no-template-found-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .no-template-found .no-template-text .no-template-found-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6b7280;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template {
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  gap: 20px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header .ai-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header .ai-title .template-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header .web-searched-credits-container {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 20px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header .web-searched-credits-container .web-searched-credits {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header .web-searched-credits-container .ai-credit-capsule {
  height: 20px;
  padding: 4px 6px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header .web-searched-credits-container .delete-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  overflow: hidden;
  transition: width 0.3s ease;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header .web-searched-credits-container .delete-icon-wrapper .delete-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  padding: 2px;
  display: none;
  color: #9ca3af;
  animation: deleteIcon 0.3s ease-in-out forwards;
  cursor: pointer;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-header .web-searched-credits-container .delete-icon-wrapper .delete-icon:hover {
  border-radius: 2px;
  background-color: #fef2f2;
  color: #b91c1c;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .template-body {
  font-size: 12px;
  color: #6b7280;
  line-height: 18px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .properties-capsule {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .properties-capsule .tags {
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .properties-capsule .tags span {
  max-width: 100px;
  height: -webkit-fill-available;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #3b82f6;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 2px 6px;
  border-radius: 2px;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .arrow-gradient {
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template .arrow-gradient .right-arrow {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template:hover {
  cursor: pointer;
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #ede9fe;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template:hover .template-header .web-searched-credits-container .delete-icon-wrapper {
  width: 24px;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template:hover .template-header .web-searched-credits-container .delete-icon {
  display: flex !important;
}
.ai-column-drawer-modal #scrollable-template-list .infinite-scroll-component__outerdiv .infinite-scroll-component .template-container .template:hover .right-arrow {
  opacity: 1;
}

@keyframes moveLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100vw);
  }
}
@keyframes deleteIcon {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.help-popover .arrow {
  transform: translate(125px, 0px);
}
.help-popover.bs-popover-inner {
  padding: 0px;
}
.help-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.help-popover .help-popover-content {
  display: flex;
  padding: 8px 16px;
  gap: 8px;
}
.help-popover .help-popover-content .help-popover-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
}
.help-popover .help-popover-content .help-popover-text .title {
  color: #1f2937;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.help-popover .help-popover-content .help-popover-text .learn-more {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  width: max-content;
}
.help-popover .help-popover-content .help-popover-text .learn-more:hover {
  text-decoration: underline;
}
.help-popover .help-popover-content .cross-icon {
  cursor: pointer;
}
.help-popover .help-popover-content .cross-icon:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}

.ai-credits-tooltip {
  display: none;
}

.bs-popover-inner.hidden-tags-popover {
  padding: 8px 0;
}
.bs-popover-inner.hidden-tags-popover .arrow {
  display: none;
}
.bs-popover-inner.hidden-tags-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.bs-popover-inner.hidden-tags-popover .hidden-tags {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 190px;
  overflow: hidden;
}
.bs-popover-inner.hidden-tags-popover .hidden-tags .tags-star-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 192px;
  gap: 24px;
  padding: 8px 16px;
}
.bs-popover-inner.hidden-tags-popover .hidden-tags .tags-star-icon .tag-popover {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preview-modal {
  padding-right: 22%;
  padding-top: 3vh;
  cursor: not-allowed;
}
.preview-modal .modal-dialog {
  width: 432px;
}
.preview-modal.modal {
  padding-right: 0;
}
.preview-modal .modal-dialog {
  position: fixed;
  bottom: 100px;
  margin: 0;
  width: 432px !important;
  max-width: calc(100% - 32px);
  z-index: 1060;
  transform: none !important;
  display: flex;
  align-items: flex-start !important;
  top: 58px;
}
.preview-modal .modal-dialog .modal-content {
  border-radius: 6px;
  overflow: visible;
  border: none !important;
  cursor: default;
}
.preview-modal .modal-dialog .modal-content .shd-modal--header {
  display: none;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body {
  padding: 0px !important;
  overflow: hidden;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container {
  max-height: 65vh;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-header .modal-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #1f2937;
  width: max-content;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-header .cross-icon {
  cursor: pointer;
  color: #4b5563 !important;
  display: flex;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-header .cross-icon:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body {
  padding: 16px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 1px solid #eee;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 19px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .bs-select-box {
  height: 32px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 12px;
  border: 1px solid #d1d5db;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .bs-select-box:focus {
  border: 1px solid #1d4ed8;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .bs-select-box .bs-select-box-icon-wrapper i {
  color: #6b7280;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .bs-select-box.bs-select-box-disabled {
  background: none;
  opacity: 0.35;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .bs-select-box.bs-select-box-disabled .bs-select-box-icon-wrapper {
  opacity: 0.35;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container {
  display: flex;
  align-items: center;
  width: 4.5rem;
  height: 2rem;
  border-radius: 0.25rem;
  background: #fff;
  box-sizing: border-box;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container .chewron-icon {
  width: 2.25rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
  overflow: hidden;
  border: 1px solid #d1d5db;
  background-color: transparent;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container .chewron-icon svg {
  width: 0.875rem;
  height: 0.875rem;
  color: #1f2937;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container .chewron-icon:first-of-type {
  border-right: none;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container .chewron-icon:last-of-type {
  border-left: none;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container .chewron-icon:hover {
  border-color: #1d4ed8;
  background: #dbeafe;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container .chewron-icon:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container .chewron-divider {
  width: 1px;
  height: 32px;
  background: #d1d5db;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container:hover .chewron-divider {
  background: #1d4ed8;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container.disabled {
  pointer-events: none;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .person-select-container .chewron-container.disabled .chewron-divider {
  background: #d1d5db;
  opacity: 0.35;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .animation-content {
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 12.25%, rgba(29, 78, 216, 0.05) 93.65%);
  padding: 43px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 9px;
  cursor: text;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .animation-content .preview-modal-animation {
  width: 100%;
  height: 100%;
  max-width: 38px;
  max-height: 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: auto;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .animation-content span {
  color: #4b5563;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .generated-preview {
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 12.25%, rgba(29, 78, 216, 0.05) 93.65%);
  min-height: 104px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .generated-preview .preview-modal-no-merge-tag {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 40px;
  color: #1f2937;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .generated-preview .generated-preview-content {
  padding: 16px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transform: translateY(0);
  max-height: 0;
  overflow-y: auto;
  cursor: text;
  animation: stretch 0.8s ease-in-out forwards;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .generated-preview .generated-preview-content .preview-modal-editor {
  background: none;
  border: none;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .generated-preview .generated-preview-content .preview-modal-editor .toolbar-container {
  display: none;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .generated-preview .generated-preview-content .preview-modal-editor .editor-editable-content-container {
  padding: 0;
}
.preview-modal .modal-dialog .modal-content .shd-modal--body.modal-body .preview-modal-container .preview-modal-body .preview-modal-content .generated-preview .generated-preview-content .preview-modal-editor .editor-editable-content-container .editor-editable-content {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--divider {
  display: none;
}
.preview-modal .modal-dialog .modal-content .shd-modal--footer {
  padding: 0px !important;
}
.preview-modal .modal-dialog .modal-content .shd-modal--footer .shd-modal--footer__left .preview-footer {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  max-height: 18px;
  padding: 0 12px 12px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--footer .shd-modal--footer__left .preview-footer span {
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  font-weight: 400;
}
.preview-modal .modal-dialog .modal-content .shd-modal--footer .shd-modal--footer__left .preview-footer .info-circle-container {
  display: flex;
  align-items: center;
}
.preview-modal .modal-dialog .modal-content .shd-modal--footer .shd-modal--footer__left .preview-footer .info-circle-container .info-circle {
  color: #6b7280;
  cursor: pointer;
}
.preview-modal .modal-dialog .modal-content .shd-modal--footer .shd-modal--footer__left .preview-footer .preview-text {
  display: flex;
  align-items: center;
}
.preview-modal .modal-dialog .modal-content .shd-modal--footer .shd-modal--footer__left .preview-footer .credits {
  font-weight: 600;
  cursor: pointer;
  padding-left: 4px;
}
.preview-modal .modal-dialog .modal-content .shd-modal--footer .shd-modal--footer__left .preview-footer .credits:hover {
  text-decoration: underline;
}

@keyframes stretch {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 40vh;
  }
}
.save-as-template-modal .save-as-template-modal-body {
  padding: 24px 24px 0 24px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-header span {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #1f2937;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .rb-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .rb-group .bs-radio-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .rb-group .bs-radio-wrapper .bs-radio + span {
  color: #6b7280;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .rb-group .bs-radio-wrapper-disabled {
  opacity: 0.3;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-name-input {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-name-input .template-name-label {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #6b7280;
  margin: 0;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-name-input .bs-input-affix-wrapper {
  padding: 6px 16px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-name-input .bs-input-affix-wrapper .bs-input {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 4px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-name-input .character-count {
  font-size: 11px;
  color: #6b7280;
  text-align: center;
  margin-top: 4px;
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 12px;
  border-radius: 16px;
  align-self: flex-end;
  max-width: fit-content;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-name-input .is-invalid {
  border: 1px solid #b91c1c;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-description-input {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-description-input .template-description-label {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #6b7280;
  margin: 0;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-description-input .bs-input-affix-wrapper {
  padding: 6px 16px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-description-input .bs-input-affix-wrapper .bs-input {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 4px;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-description-input .character-count {
  font-size: 11px;
  color: #6b7280;
  text-align: center;
  margin-top: 4px;
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 12px;
  border-radius: 16px;
  align-self: flex-end;
  max-width: fit-content;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .template-details .template-description-input .is-invalid {
  border: 1px solid #b91c1c;
  box-shadow: 0px 0px 0px 2px #fee2e2;
}
.save-as-template-modal .save-as-template-modal-body .save-as-template-content .validation-errors .error-message {
  color: #b91c1c;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  margin: 0;
}
.save-as-template-modal .save-as-template-modal-body .bs-input-affix-wrapper:before {
  content: none;
}
.save-as-template-modal .divider-line {
  height: 1px;
  width: 470px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.save-as-template-modal .save-as-template-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.save-as-template-modal .save-as-template-footer .cancel-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  width: 100px;
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.save-as-template-modal .save-as-template-footer .cancel-button:hover {
  background-color: #f8f9fa;
}
.save-as-template-modal .save-as-template-footer .save-template-btn .btn-solid {
  padding: 4px 16px;
  height: 32px;
  background-color: #1d4ed8;
  border: none;
}
.save-as-template-modal .save-as-template-footer .save-template-btn .btn-solid:hover {
  background-color: #1e40af;
}
.save-as-template-modal .save-as-template-footer .save-template-btn .disabled {
  background-color: #1d4ed8;
  opacity: 0.3;
  cursor: not-allowed;
}

.skeleton-template {
  cursor: default !important;
  pointer-events: none;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.skeleton-template .template-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 6px;
  min-height: 18px;
}
.skeleton-template .template-header .star-title {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.skeleton-template .template-header .star-title .skeleton-title {
  width: 138px;
  height: 20px;
  background: #f0f0f0;
  animation: pulse 1.5s ease-in-out infinite;
  border-radius: 3px;
}
.skeleton-template .template-header .star-title .skeleton-icon {
  width: 16px;
  height: 16px;
  background: #f0f0f0;
  animation: pulse 1.5s ease-in-out infinite;
  border-radius: 50%;
  flex-shrink: 0;
}
.skeleton-template .template-header .skeleton-cost {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  height: 20px;
}
.skeleton-template .template-header .skeleton-cost .skeleton-globe {
  width: 16px;
  height: 16px;
  background: #f0f0f0;
  animation: pulse 1.5s ease-in-out infinite;
  border-radius: 100%;
}
.skeleton-template .template-header .skeleton-cost .skeleton-cost-text {
  width: 81px;
  height: 20px;
  background: #f0f0f0;
  animation: pulse 1.5s ease-in-out infinite;
  border-radius: 2px;
}
.skeleton-template .template-body {
  flex: 1;
  min-height: 24px;
}
.skeleton-template .template-body .skeleton-description {
  width: 100%;
  height: 10px;
  background: #f0f0f0;
  animation: pulse 1.5s ease-in-out infinite;
  border-radius: 2px;
  margin-bottom: 4px;
}
.skeleton-template .template-body .skeleton-description::after {
  content: "";
  display: block;
  width: 65%;
  height: 10px;
  background: #f0f0f0;
  animation: pulse 1.5s ease-in-out infinite;
  border-radius: 2px;
  margin-top: 4px;
}
.skeleton-template .properties-capsule {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 18px;
}
.skeleton-template .properties-capsule .skeleton-tags {
  display: flex;
  gap: 4px;
  flex: 1;
}
.skeleton-template .properties-capsule .skeleton-tags .skeleton-tag {
  width: 78px;
  height: 24px;
  background: #f0f0f0;
  animation: pulse 1.5s ease-in-out infinite;
  flex-shrink: 0;
}
.skeleton-template .properties-capsule .skeleton-arrow {
  width: 16px;
  height: 16px;
  background: #f0f0f0;
  animation: pulse 1.5s ease-in-out infinite;
  border-radius: 2px;
  flex-shrink: 0;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/* Welcome header morph animations */
@keyframes stackHold {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes inlinePre {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 12px));
  }
  100% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 12px));
  }
}
@keyframes stackToInlineOut {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 12px));
  }
}
@keyframes inlineEnter {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 12px));
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes iconShrinkMove {
  0% {
    transform: translateX(-8px) scale(1.6);
  }
  60% {
    transform: translateX(-2px) scale(1.1);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@keyframes textSlideIn {
  0% {
    opacity: 0;
    transform: translateX(8px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Single node state keyframes */
@keyframes headerStackedState {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes headerInlineState {
  0% {
    transform: translateY(8px);
    opacity: 0.98;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes iconShrinkMoveOut {
  0% {
    transform: translateX(0) scale(1);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
.existing-prompt-modal .existing-prompt-modal-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.existing-prompt-modal .existing-prompt-modal-container .existing-prompt-modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.existing-prompt-modal .existing-prompt-modal-container .existing-prompt-modal-body .existing-prompt-modal-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 16px 24px 0 24px;
}
.existing-prompt-modal .existing-prompt-modal-container .existing-prompt-modal-body .existing-prompt-modal-title span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.existing-prompt-modal .existing-prompt-modal-container .existing-prompt-modal-body .existing-prompt-modal-title .cross-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.existing-prompt-modal .existing-prompt-modal-container .existing-prompt-modal-body .existing-prompt-modal-title .cross-icon-container .cross-icon {
  display: flex;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.existing-prompt-modal .existing-prompt-modal-container .existing-prompt-modal-body .existing-prompt-modal-title .cross-icon-container .cross-icon:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}
.existing-prompt-modal .existing-prompt-modal-container .existing-prompt-modal-body .existing-prompt-modal-content {
  padding: 16px 24px 0 24px;
  border-top: 1px solid #eee;
}
.existing-prompt-modal .existing-prompt-modal-container .existing-prompt-modal-body .existing-prompt-modal-content span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.existing-prompt-modal .existing-prompt-modal-container .divider-line {
  height: 1px;
  width: 470px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.existing-prompt-modal .existing-prompt-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.existing-prompt-modal .existing-prompt-modal-footer .create-new-button {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.existing-prompt-modal .existing-prompt-modal-footer .create-new-button:hover {
  background-color: #f8f9fa;
}
.existing-prompt-modal .existing-prompt-modal-footer .save-prompt-btn .btn-solid {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.existing-prompt-modal .existing-prompt-modal-footer .save-prompt-btn .btn-solid:hover {
  background-color: #1e40af;
}

.regenerate-popover {
  min-width: 412px;
}
.regenerate-popover.bs-popover-inner {
  border: 1px solid #e5e7eb;
}
.regenerate-popover .arrow {
  display: none;
}
.regenerate-popover.bs-popover-inner {
  padding: 0px;
}
.regenerate-popover .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container {
  padding: 0px 3px 12px 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 164px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title {
  width: 100%;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .loading-placeholder {
  padding-top: 8px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor {
  border: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor:focus-within {
  box-shadow: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .toolbar-container {
  width: 0;
  height: 0;
  border: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .toolbar-container div .toolbar-extra-btn {
  display: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .editor-editable-content-container {
  padding: 0;
  max-height: 116px;
  overflow-x: hidden;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content {
  min-height: 108px;
  padding-top: 8px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div .variable-tag-chip-container {
  background-color: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content div .variable-tag-chip-container .variable-tag-chip {
  color: #3b82f6 !important;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content textarea {
  display: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content .tox {
  border: none;
  max-height: 116px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content .tox .tox-statusbar {
  display: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .editor-editable-content-container .editor-editable-content-wrapper .editor-editable-content .tox .tox-editor-container .tox-sidebar-wrap .tox-edit-area .tox-edit-area__iframe body {
  padding-right: 4px !important;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .enrich-prompt-merge-tag-editor .simple-input-count-container {
  display: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .alert-component .email-content-error {
  padding: 0;
  background: #fff !important;
  border: none !important;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .alert-component .email-content-error .icon-div {
  display: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .alert-component .email-content-error .content-div {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #b91c1c;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .shd-alert {
  padding: 0;
  border: none;
  background: #fff;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .shd-alert .shd-alert--icon {
  display: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .regenerate-popover-title .shd-alert .shd-alert--text .shd-alert--description {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #b91c1c;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .simple-input-errors {
  position: absolute;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-container .simple-input-errors .error-message {
  line-height: 10px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options {
  display: flex;
  align-items: center;
  gap: 8px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .ai-credit-capsule {
  padding: 4px 6px;
  margin-left: 4px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .bs-select-box {
  padding: 0 6px;
  border-radius: 4px;
  border: 1px solid #eee;
  width: 174px;
  height: 24px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .bs-select-box:focus {
  box-shadow: none;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .bs-select-box .bs-select-box-text .ai-modal-selected-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .bs-select-box .bs-select-box-text .ai-modal-selected-option span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 8px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .bs-select-box .bs-select-box-text .ai-modal-selected-option .shd-image-icon {
  width: 16px;
  height: 16px;
  padding: 0 !important;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .bs-select-box .ai-modal-switch {
  color: #6b7280;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .loading-placeholder {
  min-width: 10rem;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-options .loading-placeholder-credits {
  min-width: 60px;
}
.regenerate-popover .regenerate-popover-content .regenerate-popover-footer .ai-chatbox {
  background: none;
  padding: 0;
  padding-right: 9px;
  height: max-content;
}

.body-class-merge {
  font-size: 14px;
  border-radius: 4px;
}

.ai-col-enrichment-no-more-templates {
  font-size: 14px;
  color: #ffffff;
}

.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .credits-limit-exceeded-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .credits-limit-exceeded-modal-content .credits-limit-exceeded-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 24px 0 24px;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .credits-limit-exceeded-modal-content .credits-limit-exceeded-modal-header .header-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .credits-limit-exceeded-modal-content .credits-limit-exceeded-modal-header .header-title span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .credits-limit-exceeded-modal-content .credits-limit-exceeded-modal-header .cross-icon {
  display: flex;
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .credits-limit-exceeded-modal-content .credits-limit-exceeded-modal-header .cross-icon:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .credits-limit-exceeded-modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px 0 24px;
  border-top: 1px solid #eee;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .credits-limit-exceeded-modal-body .credits-limit-exceeded-modal-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-container .divider-line {
  height: 1px;
  width: 470px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-footer .buy-credits-btn {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-footer .buy-credits-btn:hover {
  background-color: #f8f9fa;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-footer .continue-btn .btn-solid {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.credits-limit-exceeded-modal .credits-limit-exceeded-modal-footer .continue-btn .btn-solid:hover {
  background-color: #1e40af;
}

.override-generated-existing-column-modal .override-generated-existing-column-modal-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .override-generated-existing-column-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .override-generated-existing-column-modal-content .override-generated-existing-column-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 24px 0 24px;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .override-generated-existing-column-modal-content .override-generated-existing-column-modal-header .header-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .override-generated-existing-column-modal-content .override-generated-existing-column-modal-header .header-title span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .override-generated-existing-column-modal-content .override-generated-existing-column-modal-header .cross-icon {
  display: flex;
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .override-generated-existing-column-modal-content .override-generated-existing-column-modal-header .cross-icon:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .override-generated-existing-column-modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px 0 24px;
  border-top: 1px solid #eee;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .override-generated-existing-column-modal-body .override-generated-existing-column-modal-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-container .divider-line {
  height: 1px;
  width: 470px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-footer .cancel-btn {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #e5e7eb;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-footer .cancel-btn:hover {
  background-color: #f8f9fa;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-footer .proceed-btn .btn-solid {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.override-generated-existing-column-modal .override-generated-existing-column-modal-footer .proceed-btn .btn-solid:hover {
  background-color: #1e40af;
}

.tox .merge-tag-autocomplete .tox-menu {
  width: 14rem;
  max-height: 221px !important;
  overflow-y: auto;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 2px 2px 16px -3px rgba(4, 21, 76, 0.16), 8px 16px 56px -24px rgba(156, 157, 161, 0.24);
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group {
  padding: 4px 0 12px 0px !important;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item {
  padding: 0 !important;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item .group-header {
  width: calc(100% - 24px);
  padding: 8px 12px 4px 12px;
  color: #9ca3af;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: default;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item .group-header-hidden {
  display: none;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item .tag-item {
  width: calc(100% - 24px);
  padding: 6px 12px;
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item .tag-item.ai-generated-variant::after {
  position: absolute;
  top: 8px;
  right: 2px;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../../../../assets/images/no-result-gradient.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item:hover {
  background-color: transparent !important;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item:hover .tag-item {
  background-color: #eff6ff !important;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item--active {
  background-color: transparent !important;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item--active .tag-item {
  background-color: #eff6ff !important;
}
.tox .merge-tag-autocomplete .tox-menu .tox-collection__group .tox-collection__item--active:hover .tag-item {
  background-color: #eff6ff !important;
}

.discard-unsaved-changes-modal .discard-unsaved-changes-modal-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content .discard-unsaved-changes-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 24px 0 24px;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content .discard-unsaved-changes-modal-header .header-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-content span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 24px 0 24px;
  border-top: 1px solid #eee;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-container .discard-unsaved-changes-modal-body .discard-unsaved-changes-modal-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-container .divider-line {
  height: 1px;
  width: 470px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-footer .cancel-button {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  text-align: center;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-footer .cancel-button:hover {
  background-color: #f8f9fa;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-footer .discard-btn .btn-solid {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.discard-unsaved-changes-modal .discard-unsaved-changes-modal-footer .discard-btn .btn-solid:hover {
  background-color: #1e40af;
}

.person-select .transfer-container {
  border: 1px solid #e5e7eb;
}
.person-select .transfer-container .transfer-body {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.person-select .transfer-container .transfer-body .transfer-search {
  padding: 6px 12px;
  border: 1px solid #f3f4f6;
}
.person-select .transfer-container .transfer-body .transfer-content .transfer-list div li {
  padding: 6px 12px;
}
.person-select .transfer-container .transfer-body .transfer-content .transfer-list div li:has(.person-select-dropdown.disabled):hover {
  background: none;
  cursor: not-allowed;
}
.person-select .transfer-container .transfer-body .transfer-content .transfer-list div li .person-select-dropdown.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.person-select .transfer-container .transfer-body .transfer-content .transfer-list div li .person-select-dropdown .email {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}

.template-select {
  padding: 0;
  min-width: 216px;
}
.template-select .transfer-container {
  margin-top: 4px;
}
.template-select .transfer-container .transfer-body {
  margin-top: 4px;
}
.template-select .transfer-container .transfer-body .transfer-content {
  max-height: 260px;
}
.template-select .transfer-container .transfer-body .transfer-content .transfer-list .active {
  background-color: transparent;
  color: #1d4ed8;
  font-weight: 500;
  line-height: 20px;
}
.template-select .transfer-container .transfer-body .transfer-content .transfer-list li {
  padding: 6px 12px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}

.run-ai-column-conatainer {
  min-width: 293px;
}
.run-ai-column-conatainer.bs-popover-inner {
  padding: 8px 0;
}
.run-ai-column-conatainer .arrow {
  display: none;
}
.run-ai-column-conatainer .popover-body .bs-popover-content {
  padding: 0;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover {
  display: flex;
  flex-direction: column;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .run-settings-divider {
  width: 293px;
  height: 1px;
  background-color: #f3f4f6;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .run-settings-content {
  background: none;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .save-dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  cursor: pointer;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .save-dropdown-item:hover {
  background-color: #eff6ff;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .save-dropdown-item:hover .credits {
  background-color: #fff;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .save-dropdown-item .save-credits {
  display: flex;
  align-items: center;
  gap: 8px;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .save-dropdown-item .save-credits .total-prospects {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #6b7280;
  padding: 2px 6px;
  background-color: #e5e7eb;
  border-radius: 4px;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .save-dropdown-item .save-option {
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
  line-height: 20px;
  white-space: nowrap;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .save-dropdown-item .credits {
  padding: 4px 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.run-ai-column-conatainer .popover-body .bs-popover-content .run-ai-column-popover .save-dropdown-item .credits .credits-amount {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #4b5563;
}

.transfer-overlay.select-ai-options-regenerate {
  padding: 0;
  min-width: 368px;
  padding: 0;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body {
  margin-bottom: 4px;
  padding: 8px 0 8px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-search {
  padding: 6px 12px;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  height: 2rem;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-search .transfer-search-input > span {
  margin-right: 0 !important;
  padding-right: 8px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  height: 40px;
  width: 100%;
  background-color: #f9fafb;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header .ai-modal-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header .ai-modal-header .globe-icon {
  color: #374151;
  display: flex;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header .ai-modal-header .ai-modal-header-title {
  font-size: 14px;
  color: #1f2937;
  font-weight: 500;
  line-height: 20px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header .ai-modal-header .header-info-circle-icon {
  color: #9ca3af;
  cursor: pointer;
  display: flex;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header .ai-modal-header .header-info-circle-icon:hover {
  color: #6b7280;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header .ai-modal-switch .switchToggle {
  display: flex;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header .ai-modal-switch .switchToggle input:checked + label {
  background: #1d4ed8;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-custom-header .ai-modal-switch .switchToggle label {
  margin: 0;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content {
  height: 260px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits {
  display: flex;
  gap: 8px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .modal-recommended {
  display: flex;
  align-items: center;
  gap: 8px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .modal-recommended .recommended {
  font-size: 10px;
  color: #059367;
  font-weight: 500;
  line-height: 10px;
  background-color: #e6f8ef;
  border: 1px solid #6ee7b7;
  border-radius: 12px;
  padding: 4px 6px;
  white-space: nowrap;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits span {
  font-size: 14px;
  color: #1f2937;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .ai-credit-capsule {
  padding: 4px;
  height: 20px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-credits .ai-credit-capsule .ai-credit-capsule-text {
  font-size: 12px;
  white-space: nowrap;
  color: #4b5563;
  font-weight: 400;
  line-height: 12px;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li .ai-credits .ai-modal-content .ai-modal-description {
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li:hover .credits-capsule,
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-list div li.active .credits-capsule {
  background: #fff;
}
.transfer-overlay.select-ai-options-regenerate .transfer-container .transfer-body .transfer-content .transfer-empty {
  margin: 5rem 0;
}

.bs-popover-inner.save-dropdown {
  padding: 0;
  min-width: 368px;
}
.bs-popover-inner.save-dropdown .arrow {
  display: none;
}
.bs-popover-inner.save-dropdown.bs-popover-inner {
  padding: 0px;
}
.bs-popover-inner.save-dropdown .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.bs-popover-inner.save-dropdown .save-dropdown-content {
  padding: 8px 0;
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item {
  padding: 8px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item .save-credits {
  display: flex;
  align-items: center;
  gap: 4px;
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item .save-credits .total-prospects {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #6b7280;
  padding: 2px 6px;
  background-color: #e5e7eb;
  border-radius: 4px;
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item .save-option {
  font-size: 14px;
  font-weight: 400;
  color: #1f2937;
  line-height: 20px;
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item .credits {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 4px 6px;
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item .credits .credits-amount {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #4b5563;
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item .credits:hover {
  background: linear-gradient(114deg, rgba(235, 76, 230, 0.05) -49.13%, rgba(157, 84, 219, 0.05) 13.02%, rgba(29, 78, 216, 0.05) 93.65%);
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item:hover {
  background-color: #eff6ff;
}
.bs-popover-inner.save-dropdown .save-dropdown-content .save-dropdown-item:hover .credits:not(:hover) {
  background-color: #fff;
}

.ai-col-enrichment-delete-template-modal .delete-template-modal-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-container .delete-template-modal-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 24px 24px 0 24px;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-container .delete-template-modal-header .delete-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-container .delete-template-modal-body {
  display: flex;
  gap: 4px;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-container .delete-template-modal-body .delete-template-modal-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
  padding: 0 24px 24px 24px;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-container .delete-template-modal-body .delete-template-modal-text .template-name {
  font-weight: 600;
  color: #374151;
  word-break: break-all;
}
.ai-col-enrichment-delete-template-modal .divider-line {
  height: 1px;
  width: 470px;
  margin: 0 24px;
  background-color: #e5e7eb;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 20px 24px;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-footer .cancel-button {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  padding: 6px 16px;
  cursor: pointer;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-footer .cancel-button:hover {
  background-color: #f8f9fa;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-footer .delete-btn .btn-solid-primary {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
  padding: 6px 16px;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-footer .delete-btn .btn-solid-primary:hover, .ai-col-enrichment-delete-template-modal .delete-template-modal-footer .delete-btn .btn-solid-primary:focus, .ai-col-enrichment-delete-template-modal .delete-template-modal-footer .delete-btn .btn-solid-primary:active, .ai-col-enrichment-delete-template-modal .delete-template-modal-footer .delete-btn .btn-solid-primary.btn-solid-primary:not(:disabled):not(.disabled):active {
  background-color: #991b1b !important;
  border-color: #991b1b !important;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-footer .delete-btn .btn-solid-primary .delete-spinner {
  color: #fff;
  margin-right: 8px;
  width: 14px !important;
  height: 14px !important;
  border-width: 2px !important;
}
.ai-col-enrichment-delete-template-modal .delete-template-modal-footer .delete-btn .btn-solid-primary.disabled {
  background-color: #b91c1c !important;
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

@media only screen and (max-width: 1920px) {
  .ai-column-drawer-modal {
    display: flex;
    max-width: 400px;
  }
  & .preview-modal .modal-dialog {
    right: 408px;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .ai-column-drawer-modal {
    display: flex;
    max-width: 500px;
  }
  & .preview-modal .modal-dialog {
    right: 508px;
  }
}
@media only screen and (min-width: 2560px) {
  .ai-column-drawer-modal {
    display: flex;
    max-width: 600px;
  }
  .ai-column-drawer-modal .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (min-width: 2560px) {
  & .preview-modal .modal-dialog {
    right: 608px;
  }
}
.diagnose-email-sending-guide-modal-title {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 !important;
}

.diagnose-email-sending-guide-modal-title-description {
  font-size: 12px;
  font-weight: 400;
  color: #4b5563;
  margin: 0 !important;
}

.diagnose-email-sending-guide-modal-body {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status {
  width: 420px !important;
  height: 580px !important;
  overflow-y: auto;
  padding: 12px 10px 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status h5 {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #e8eff5;
  border-radius: 8px;
  min-height: 52px;
  background-color: #fafafa;
  box-shadow: 1px 1px 1px 0 #e4e8f0;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item .status-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item .status-label {
  font-size: 12px;
  font-weight: 400;
  color: #4b5563;
  flex: 1;
  margin-left: 4px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item .status-count {
  font-size: 12px;
  font-weight: 600;
  color: black;
  border-radius: 4px;
  text-align: center;
  flex-shrink: 0;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-green .status-icon {
  color: #52c41a;
  background-color: #ebfcf1;
  width: 26px;
  height: 22px;
  border-radius: 13px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-green .status-count-green {
  color: black;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-red .status-icon {
  color: #ff4d4f;
  background-color: #fff2f2;
  width: 26px;
  height: 22px;
  border-radius: 13px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-red .status-count-red {
  color: #ff4d4f;
  background: #fff2f2;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-yellow .status-icon {
  color: #facc16;
  background-color: #fffde8;
  width: 26px;
  height: 22px;
  border-radius: 13px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-yellow .status-count-yellow {
  color: #facc16;
  background: #fffde8;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-blue .status-icon {
  color: #1890ff;
  background-color: #f0f6ff;
  width: 26px;
  height: 22px;
  border-radius: 13px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-blue .status-count-blue {
  color: #1890ff;
  background: #f0f6ff;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-default .status-icon {
  color: #4b5563;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-status .status-item.status-default .status-count-default {
  color: #1d4ed8;
  background: #daeafd;
  border: 1px solid #e8eff5;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity {
  height: 580px;
  overflow-y: auto;
  padding: 12px 18px 12px 4px;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity h5 {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container {
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: stretch;
  border-radius: 10px;
  border: 1px solid #d8e0eb;
  background: #fafafa;
  box-shadow: 1px 1px 1px 0 #ebeef2;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right {
  flex: 1;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-step-item-value {
  font-size: 16px;
  font-weight: 600;
  background: #1878f2;
  padding: 8px 12px;
  border-radius: 16px;
  color: white;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
  align-items: start;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item-label {
  font-size: 12px;
  font-weight: 400;
  color: #4b5563;
  margin: 0;
  line-height: 18px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item-value {
  font-size: 1rem;
  font-weight: 700;
  color: black;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-container-horizontal-steps-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 12px 12px 3px 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item-success-value {
  display: flex;
  gap: 2px;
  padding: 6px 12px 12px 12px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-item-success-value .active-steps-card-info-right-item-success-value-text {
  font-size: 12px;
  font-weight: 500;
  color: #05966b;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-container-horizontal-overall-status-item {
  padding: 6px 12px;
  width: 100%;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-error-item {
  display: flex;
  gap: 4px;
  align-items: start;
  padding: 8px;
  border-radius: 8px;
  border-top: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-right: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-bottom: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-left: 4px solid rgba(245, 34, 45, 0.1019607843);
  background-color: #fff2f2;
  margin-bottom: 6px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-error-item ul {
  padding-left: 4px;
  margin: 0 !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-error-item {
  gap: 6px !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-error-item .active-steps-card-info-right-item-error-value {
  font-weight: 400 !important;
  font-size: 12px;
  list-style-type: none;
  padding-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #202020;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-warning-item {
  display: flex;
  gap: 4px;
  align-items: start;
  padding: 8px;
  border-radius: 8px;
  border-top: 1px solid #fff3c7;
  border-right: 1px solid #fff3c7;
  border-bottom: 1px solid #fff3c7;
  border-left: 4px solid #fff3c7;
  background-color: #fffde8;
  margin-bottom: 6px;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-warning-item ul {
  padding-left: 4px;
  margin: 0 !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-warning-item {
  gap: 6px !important;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .active-steps-card-info-container .active-steps-card-info-right .active-steps-card-info-right-container-horizontal .active-steps-card-info-right-warning-item .active-steps-card-info-right-item-warning-value {
  font-weight: 400 !important;
  font-size: 12px;
  list-style-type: none;
  padding-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #202020;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .diagnose-email-sending-guide-activity-no-issues {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .diagnose-email-sending-guide-activity-item-no-issues-value {
  font-size: 12px;
  font-weight: 500;
  color: #4b5563;
}
.diagnose-email-sending-guide-modal-body .diagnose-email-sending-guide-activity .diagnose-email-sending-guide-activity-item-no-issues-value-icon {
  width: 80px;
  height: 80px;
}

.diagnose-email-sending-guide-activity-error-item {
  display: flex;
  gap: 4px;
  align-items: start;
  padding: 8px;
  border-radius: 10px;
  border-top: 1px solid #fad2d2;
  border-right: 1px solid #fad2d2;
  border-bottom: 1px solid #fad2d2;
  border-left: 4px solid #fad2d2;
  background-color: #fff2f2;
  margin-bottom: 6px;
}
.diagnose-email-sending-guide-activity-error-item ul {
  padding-left: 4px;
  margin: 0 !important;
}
.diagnose-email-sending-guide-activity-error-item {
  gap: 18px;
}
.diagnose-email-sending-guide-activity-error-item .diagnose-email-sending-guide-activity-item-error-value {
  font-size: 12px;
  list-style-type: disc;
  color: #202020;
  margin: 0 !important;
  padding: 0 !important;
}

.diagnose-email-sending-guide-activity-warning-item {
  display: flex;
  gap: 4px;
  align-items: start;
  padding: 8px;
  border-radius: 10px;
  border-top: 1px solid #fff3c7;
  border-right: 1px solid #fff3c7;
  border-bottom: 1px solid #fff3c7;
  border-left: 4px solid #fff3c7;
  background-color: #fffde8;
  margin-bottom: 6px;
}
.diagnose-email-sending-guide-activity-warning-item ul {
  padding-left: 4px;
  margin: 0 !important;
}
.diagnose-email-sending-guide-activity-warning-item {
  gap: 18px;
}
.diagnose-email-sending-guide-activity-warning-item .warning-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: black;
  background-color: #facc16;
  padding: 0px 10px;
  width: fit-content;
  margin-bottom: 4px;
  border-radius: 12px;
}
.diagnose-email-sending-guide-activity-warning-item .diagnose-email-sending-guide-activity-item-warning-value {
  font-weight: 400 !important;
  font-size: 12px;
  list-style-type: disc;
  color: #202020;
  margin: 0 !important;
  padding: 0 !important;
}

.icon-list-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.floatLabelAboveBoxContainer {
  position: relative;
}

.float-label-above-box-warning {
  position: absolute;
  top: -16px;
  left: 0;
  font-size: 10px;
  padding: 0 4px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px 4px 0 0 !important;
  background-color: #fff7e6;
  color: #d97604;
  border-left: 1px solid #fff3c7;
  border-top: 1px solid #fff3c7;
  border-right: 1px solid #fff3c7;
}

.float-label-above-box-error {
  position: absolute;
  top: -16px;
  left: 0;
  font-size: 10px;
  padding: 0 4px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px 4px 0 0 !important;
  background-color: #fff1f0;
  color: #f5222d;
  border-left: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-top: 1px solid rgba(245, 34, 45, 0.1019607843);
  border-right: 1px solid rgba(245, 34, 45, 0.1019607843);
}

.diagnose-email-sending-guide-divider,
.diagnose-email-sending-guide-divider-2 {
  height: 1px;
  width: 100%;
  background: #d8e0eb;
}

.diagnose-email-sending-guide-divider {
  margin-top: 5px;
}

.diagnose-email-sending-guide-divider-2 {
  margin: 4px 0;
}

.diagnose-email-sending-guide-custom-small-modal {
  max-width: 1100px !important;
  max-height: 90vh !important;
}
.diagnose-email-sending-guide-custom-small-modal .modal-header {
  align-items: start !important;
}
.diagnose-email-sending-guide-custom-small-modal .modal-header .modal-title {
  padding: 12px 0 8px 0 !important;
}
.diagnose-email-sending-guide-custom-small-modal .modal-body {
  padding: 12px !important;
}

.refresh-icon {
  color: #6b7280;
}
.refresh-icon:hover {
  color: #1d4ed8;
}

.inline-autosuggest-container {
  position: relative;
}

.inline-autosuggest-input-wrapper {
  position: relative;
  border: 1px solid #d1d5db;
  border-radius: 4px;
}
.inline-autosuggest-input-wrapper:hover {
  border: 1px solid #1d4ed8;
}
.inline-autosuggest-input-wrapper:focus-within {
  border: 1px solid #1d4ed8;
  box-shadow: 0px 0px 0px 2px #dbeafe;
}
.inline-autosuggest-input-wrapper .has-dropdown-icon {
  border: none;
  width: 86%;
}
.inline-autosuggest-input-wrapper .has-dropdown-icon.bs-input {
  line-height: 20px;
  padding: 6px 12px;
  border-radius: 4px;
}
.inline-autosuggest-input-wrapper .has-dropdown-icon:focus {
  border: none;
  box-shadow: none;
}
.inline-autosuggest-input-wrapper:has(.inline-autosuggest-ai-indicator) .has-dropdown-icon {
  width: 81%;
}

.inline-autosuggest-ai-indicator {
  position: absolute;
  right: 60px;
  top: 2px;
}

.inline-dropdown-add-new-column-container {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
}
.inline-dropdown-add-new-column-container svg {
  flex-shrink: 0;
}
.inline-dropdown-add-new-column-container .inline-dropdown-add-column {
  flex: 1;
  min-width: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1d4ed8;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inline-autosuggest-clear {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  color: #6b7280;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  z-index: 1;
}
.inline-autosuggest-clear:hover {
  color: #374151;
}
.inline-autosuggest-clear .sh-close-o {
  font-size: 16px;
  line-height: 1;
}

.inline-autosuggest-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  color: #6b7280;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.tasks-list-tab {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  padding: 20px 24px 0 24px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 80px);
  min-height: 400px;
}
.tasks-list-tab .tasks-tab-header .global-tab-style {
  padding: 0.125rem;
  border-radius: 4px;
  background: #f3f4f6;
}
.tasks-list-tab .tasks-tab-header .global-tab-style div {
  width: fit-content;
}
.tasks-list-tab .tasks-tab-header .global-tab-style .active {
  width: fit-content;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0392156863);
}
.tasks-list-tab .tasks-tab-header .global-tab-style .status-filter-chip {
  padding: 0.25rem 1rem;
}
.tasks-list-tab .tasks-tab-header__status .bs-select-box {
  width: 11.25rem;
  height: 2rem;
  padding: 7px 12px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #fff;
}
.tasks-list-tab .tasks-tab-header__status .bs-select-box:hover {
  border: 1px solid #1d4ed8;
}
.tasks-list-tab .tasks-tab-header__status .bs-select-box:focus, .tasks-list-tab .tasks-tab-header__status .bs-select-box:focus-within, .tasks-list-tab .tasks-tab-header__status .bs-select-box:active {
  border: 1px solid #1d4ed8;
  box-shadow: 0 0 0 2px #dbeafe;
}
.tasks-list-tab .tasks-tab-header__status .bs-select-box .bs-select-box-text {
  color: #1f2937;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.tasks-list-tab .tasks-tab-header__status .bs-select-box .bs-select-box-icon-wrapper {
  color: #4b5563;
}
.tasks-list-tab .add-task {
  display: flex;
  padding: 6px 8px 6px 12px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  background: #fff;
  cursor: pointer;
  margin-bottom: 4px;
}
.tasks-list-tab .add-task:hover {
  border: 0.0625rem solid #1d4ed8;
}
.tasks-list-tab .add-task span {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.tasks-list-tab .add-task-form-wrapper {
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container {
  padding: 1rem !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-body {
  padding: 0px !important;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-body .task-form-header-container {
  display: flex;
  flex-direction: column;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-body .task-form-header-container .task-form-header {
  padding-bottom: 12px;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-body .task-form-header-container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .shd-alert {
  border: none;
  background: none;
  padding: 0px;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-body .task-form-header-container .single-line-editor-input .email-modal-input-wrapper .subject-editor-wrapper .email-modal-input-box .shd-alert .shd-alert--icon {
  display: none;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .prospect-task-assigne-container {
  padding: 0px !important;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .step-info-wrapper {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  height: 2.25rem;
  background-color: #f3f4f6;
  border-radius: 0.25rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .step-info-wrapper .step-variant {
  margin-left: 1.125rem;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channels {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  margin: 0 auto;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channels .channel {
  border-radius: 4.632px;
  outline: 1px solid #e5e7eb;
  background-color: #f9fafb;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channels .channel:hover {
  outline: 1px solid #d1d5db;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channels .channel-disable {
  cursor: not-allowed !important;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__container {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__type-secondary {
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  flex-grow: 1;
  max-width: 12.4375rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__type-secondary:hover {
  border-color: #9ca3af;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__type-secondary-whatsapp {
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  flex-grow: 1;
  width: 100%;
  max-width: unset;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__type-secondary-whatsapp:hover {
  border-color: #9ca3af;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__type {
  cursor: pointer;
  padding: 0.5rem 0rem;
  border-radius: 0.25rem;
  border: 1px solid #d1d5db;
  flex-grow: 1;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__type:hover {
  border-color: #9ca3af;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__active {
  border-color: #1d4ed8 !important;
  background-color: #eff6ff;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__active span {
  color: #1d4ed8;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .channel-sub-types__disable {
  opacity: 0.5;
  cursor: not-allowed;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .create-step-input-box {
  background-color: #f9fafb;
  height: 2.5rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .create-step-input-box input {
  background-color: #f9fafb;
  color: #1f2937;
  font-size: 0.875rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .create-step-input-box input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .create-step-input-box .bs-input-label-suffix {
  color: #dc2626;
  font-size: 0.75rem;
  font-weight: 400;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area {
  height: 15.25rem;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #3b82f6;
  background-color: #f9fafb;
  padding: 0.75rem 1rem 1rem 1rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area:hover {
  border-color: #60a5fa;
  border-right-width: 1px !important;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area:focus-within {
  border-color: #60a5fa;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area--sm {
  height: 9.375rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area--sm .content-area__input {
  height: 86%;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area--md {
  height: 17.875rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area--lg {
  height: 17.375rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area__input {
  border-width: 0px;
  background-color: #f9fafb;
  height: 92%;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1f2937;
  resize: none;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area__input::placeholder {
  color: #9ca3af;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area__input:focus {
  outline: none;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area .expand {
  right: 0.375rem;
  top: 0.3125rem;
  z-index: 1;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .content-area--error {
  border-color: #ef4444;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-priority__items {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-priority__item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #e5e7eb;
  padding: 4px 1rem;
  color: #1f2937;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-priority__item:hover {
  border-color: #9ca3af;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-priority .urgent {
  border: 1px solid #fecaca;
  background-color: #fef2f2;
  color: #b91c1c;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-priority .high {
  border: 1px solid #fde68a;
  background-color: #fffbeb;
  color: #b45309;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-priority .normal {
  border: 1px solid #bfdbfe;
  background-color: #eff6ff;
  color: #1d4ed8;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-priority .low {
  border: 1px solid #a5f3fc;
  background-color: #ecfeff;
  color: #0e7490;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-due-date {
  width: 50%;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee {
  width: 50%;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee__select {
  margin-top: 0.9375rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee__select .bs-select-box {
  height: 2rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee__select .bs-select-box-text {
  color: #1f2937;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee__select .bs-select-box {
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee__select .bs-select-box:hover, .tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee__select .bs-select-box:focus, .tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee__select .bs-select-box:active {
  border: 0.0625rem solid #1d4ed8;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .task-assignee__select .bs-select-box {
  background: #fff;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .day-input-spinner {
  display: flex;
  align-items: center;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .day-input-spinner label {
  margin: 0 0.75rem 0 0;
  color: #1e40af;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .day-input-spinner .day-number {
  min-width: 3.5rem;
  margin: 0 0.75rem 0 0;
  width: 3.5rem;
  height: 2rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .day-input-spinner .day-number input[type=number]::-webkit-outer-spin-button,
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .day-input-spinner .day-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .day-input-spinner .day-number input[type=number] {
  -moz-appearance: textfield;
  color: #1e40af;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .day-input-spinner .day-number .bs-input-number-input-wrap > input {
  width: 3.5rem;
  height: 2rem;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-primary {
  min-width: 6.25rem;
  height: 2rem;
  border: none;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #2563eb;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-primary:focus-visible {
  outline: none;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-primary:hover, .tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-primary:active {
  background-color: #60a5fa !important;
  border-color: #60a5fa !important;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-primary:disabled {
  border: none;
  opacity: 0.6;
  cursor: not-allowed;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-secondary {
  min-width: 6.25rem;
  height: 2rem;
  border: 1px solid #d1d5db;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.2s ease;
  background-color: #fff;
  color: #374151;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-secondary:focus-visible {
  outline: none;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-secondary:hover, .tasks-list-tab .add-task-form-wrapper .add-task-form-container .btn-secondary:active {
  background-color: #f9fafb !important;
  border-color: #9ca3af !important;
}
.tasks-list-tab .add-task-form-wrapper .add-task-form-container .bs-mt-20 {
  margin-top: 0.75rem !important;
}
.tasks-list-tab .task-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tasks-list-tab .task-list-container .task-list-item {
  display: flex;
  padding-top: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-title {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.tasks-list-tab .task-list-container .task-list-item .sequence-name {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  border-radius: 0.25rem;
  background: #f3f4f6;
  height: 20px;
}
.tasks-list-tab .task-list-container .task-list-item .sequence-name .sequence-title {
  display: flex;
  align-items: center;
  max-width: 150px;
}
.tasks-list-tab .task-list-container .task-list-item .sequence-name .sequence-title span {
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
.tasks-list-tab .task-list-container .task-list-item .sequence-name .sequence-title .title {
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 12px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-header.task-list-item-header-collapsed {
  padding-bottom: 12px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-header:not(.task-list-item-header-collapsed) {
  border-bottom: 1px solid #e5e7eb;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-left {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-right .text-primary {
  color: #1d4ed8 !important;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-time {
  text-align: right;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-time.due-today, .tasks-list-tab .task-list-container .task-list-item .task-list-item-time.due-upcoming {
  color: var(--gray-500, #6b7280);
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-time.due-overdue, .tasks-list-tab .task-list-container .task-list-item .task-list-item-time.task-failed {
  color: var(--red-700, #b91c1c);
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-content {
  width: 100%;
  padding: 16px;
  background: #f9fafb;
  box-sizing: border-box;
  overflow: visible;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-content .add-task-note-container .add-task-note {
  display: flex;
  align-items: center;
  gap: 4px;
  width: max-content;
  color: #1d4ed8;
  cursor: pointer;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-content .add-task-note-container span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-content .add-task-note-container .inline-mention-view-mode-task .toolbar-container {
  display: none;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-instructions-wrapper {
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-instructions {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-instructions.task-list-item-instructions-truncated {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 40px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-instruction-see-more-btn {
  align-self: flex-start;
  background: none;
  border: none;
  color: #1d4ed8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0px;
  margin-top: 4px;
  z-index: 10;
  position: relative;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto;
  height: auto;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-subject-wrapper {
  position: relative;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  min-height: 2.125rem;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-subject {
  flex: 1;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-message-wrapper {
  position: relative;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 4px;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-message-scrollable {
  flex: 1;
  overflow-y: auto;
  max-height: 180px;
  padding: 12px 16px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-message-scrollable.task-list-item-message-html {
  white-space: normal;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-copy-icon-static {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px 12px;
  background-color: #fff;
  z-index: 1;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-copy-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tasks-list-tab .task-list-container .task-list-item .task-list-item-copy-icon {
  display: inline-flex;
}
.tasks-list-tab .task-list-container .task-list-item .bs-avatar {
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-full, 9999px);
  border: 1px solid #bfdbfe;
  background-color: #eff6ff !important;
}
.tasks-list-tab .task-list-container .task-list-item .bs-avatar .bs-avatar-string {
  color: var(--blue-700, #1d4ed8);
  text-align: center;
  /* 10/M */
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 120% */
}
.status-select .transfer-container .transfer-body {
  padding: 0.5rem 0;
}
.status-select .transfer-container .transfer-body .transfer-content .transfer-list div > li {
  padding: 0.375rem 1rem;
}
.status-select .transfer-container .transfer-body .transfer-content .transfer-list div > li span {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.transfer-overlay.status-select {
  padding: 0;
}

.task-priority__items {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.9375rem;
}
.task-priority__item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  padding: 0.125rem 0.5rem;
  color: #9ca3af;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.task-priority__item:hover {
  border-color: #9ca3af;
}
.task-priority .priority__urgent {
  border: 1px solid #fecaca;
  background-color: #fef2f2 !important;
  color: #b91c1c !important;
}
.task-priority .priority__urgent p {
  line-height: 16px;
}
.task-priority .priority__high {
  border: 1px solid #fde68a;
  background-color: #fffbeb !important;
  color: #b45309 !important;
}
.task-priority .priority__high p {
  line-height: 16px;
}
.task-priority .priority__normal {
  border: 1px solid #bfdbfe;
  background-color: #eff6ff !important;
  color: #1d4ed8 !important;
}
.task-priority .priority__normal p {
  line-height: 16px;
}
.task-priority .priority__low {
  border: 1px solid #a5f3fc;
  background-color: #ecfeff !important;
  color: #0e7490 !important;
}
.task-priority .priority__low p {
  line-height: 16px;
}

.task-tab-snooze {
  padding: 0.375rem;
  color: #6b7280;
}
.task-tab-snooze:hover {
  background: #dbeafe;
  border-radius: 0.25rem;
  color: #1d4ed8;
}
.task-tab-snooze.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.task-tab-snooze.disabled:hover {
  background: inherit;
  color: inherit;
}

.task-tab-skip {
  padding: 0.375rem;
  color: #6b7280;
}
.task-tab-skip:hover {
  background: #dbeafe;
  border-radius: 0.25rem;
  color: #1d4ed8;
}
.task-tab-skip.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.task-tab-skip.disabled:hover {
  background: inherit;
  color: inherit;
}

.task-tab-complete.shd-button--secondary:hover,
.task-tab-complete.shd-button--secondary:active,
.task-tab-complete.shd-button--secondary:focus {
  background-color: transparent;
}

.prospect-task-assignee .task-assignee {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.prospect-task-assignee .task-assignee__select {
  margin-top: 0 !important;
}
.prospect-task-assignee .task-due-date .react-datepicker-wrapper .react-datepicker__input-container .bs-input::placeholder {
  color: #9ca3af;
}

.due-date-picker-wrapper .bs-input-affix-wrapper-lg {
  padding: 0.375rem 0.75rem;
  width: 21.25rem;
}
.due-date-picker-wrapper .bs-input-affix-wrapper {
  height: 2rem !important;
  background-color: #fff !important;
  margin-top: 0 !important;
}
.due-date-picker-wrapper .react-datepicker__input-container input {
  background: #fff !important;
}

.add-task-form-actions {
  margin-top: 8px !important;
}
.add-task-form-actions .mark-as-completed {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.add-task-form-actions .cancel-btn {
  padding: 6px 15px;
  min-width: unset !important;
}
.add-task-form-actions .shd-checkbox__label:hover {
  background: none;
}

.task-list-item-link-icon {
  display: flex;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  color: #6b7280;
}
.task-list-item-link-icon:hover {
  background-color: #dbeafe;
  color: #1d4ed8;
}
.task-list-item-link-icon .task-list-item-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  border-radius: 4px;
}

.avatar-skeleton {
  border-radius: 9999px !important;
}

.task-list-item-expand-icon {
  display: flex;
  align-items: center;
  padding: 0.25rem;
}

.task-merge-tag {
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.margin-12 {
  margin-top: 0.75rem;
}
.margin-12 .editor-editable-content-container {
  padding: 0.75rem !important;
}

.shd-alert--lg.task-linkedin-whatsapp-banner {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0.25rem 0.5rem;
  gap: 0.25rem;
}
.shd-alert--lg.task-linkedin-whatsapp-banner .shd-alert--icon {
  display: flex;
  align-items: center;
}
.shd-alert--lg.task-linkedin-whatsapp-banner .shd-alert--text .shd-alert--description {
  color: #1f2937;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
}

.task-subject-input {
  background-color: #f9fafb;
  height: 2.5rem;
}
.task-subject-input input {
  background-color: #f9fafb;
  color: #1f2937;
  font-size: 0.875rem;
}
.task-subject-input input::placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
}
.task-subject-input .bs-input-label-suffix {
  color: #b91c1c;
  font-size: 0.75rem;
  font-weight: 400;
}
.task-subject-input .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container {
  padding: 6.5px 11px;
}
.task-subject-input .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content {
  line-height: 25px;
  width: 92%;
  white-space: nowrap;
  overflow: hidden;
}
.task-subject-input .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .simple-input-count-container {
  padding: 0px 12px 10px 12px;
  position: absolute;
  bottom: 0;
  right: 0px;
  display: flex;
  justify-content: end;
}
.task-subject-input .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .simple-input-count-container .simple-input-count {
  align-items: center;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  background: #f9fafb;
  border-radius: 2rem;
  padding: 0.125rem 0.25rem;
}
.task-subject-input .subject-editor-wrapper .email-modal-input-box .editor-editable-content-container .editor-editable-content div {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
}
.task-subject-input .subject-editor-wrapper .email-modal-input-box .alert-component {
  display: none;
}

.task-list-item-lock-icon {
  display: inline-flex;
  align-items: center;
  color: #9ca3af;
  cursor: default;
  transition: color 0.15s ease;
}
.task-list-item-lock-icon:hover {
  color: #262626;
}

.task-list-item-campaign-info,
.task-list-item-error-reason {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.task-list-item-campaign-label {
  display: block;
}

.task-list-item-campaign-value {
  display: block;
}

.task-list-item-error-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #f5222d;
  font-size: 12px;
  line-height: 1.4;
}
.task-list-item-error-btn:hover {
  text-decoration: underline;
}
.task-list-item-error-btn svg {
  color: #f5222d;
}

.prospect-kanban-container {
  padding: 0px 24px 20px 24px;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1;
}
.prospect-kanban-container .prospect-kanban-wrapper {
  display: flex;
  align-items: flex-start;
  height: 100%;
  min-width: fit-content;
  gap: 0;
}
.prospect-kanban-container .prospect-kanban-board {
  background-color: white;
  height: 100%;
  flex-shrink: 0;
  display: inline-block;
  padding: 0;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container span .prospect-kanban-card-tooltip-trigger {
  display: flex;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container span .prospect-kanban-card-tooltip-trigger .kanban-card-container {
  display: flex;
  margin: 0 0 0.5rem 0.5rem;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container span .prospect-kanban-card-tooltip-trigger .kanban-card-container .kanban-card {
  width: 100%;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper {
  cursor: default !important;
  user-select: none;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  scrollbar-color: rgba(0, 0, 0, 0) transparent;
  transition: scrollbar-color 0.2s ease;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane::-webkit-scrollbar {
  width: 2px !important;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane::-webkit-scrollbar-track {
  background: transparent;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  transition: background-color 0.2s ease;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane:hover {
  scrollbar-color: #d1d5db transparent;
  transition: scrollbar-color 0.2s ease;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane:hover::-webkit-scrollbar {
  width: 2px !important;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane:hover::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  transition: background-color 0.2s ease;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane:active::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  transition: background-color 0.2s ease;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) {
  margin: 0;
  padding: 0px;
  scrollbar-width: thin;
  overflow-y: auto;
  overflow-x: hidden;
  width: calc(100% + 15px);
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2)[data-can-scroll=true] {
  scrollbar-gutter: stable;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) {
  /* Chrome, Edge, Safari */
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2)::-webkit-scrollbar {
  width: 2px;
  padding: 0px;
  margin-right: 1px;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2)::-webkit-scrollbar-track {
  background: transparent;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2)::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 2px;
  padding: 0px !important;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) .smooth-dnd-container span {
  display: flex;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) .smooth-dnd-container span .kanban-card-not-draggable {
  display: flex;
  margin: 0 0px 0.5rem 0.5rem;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) .smooth-dnd-container span .kanban-card-not-draggable .kanban-card {
  width: 100%;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) .smooth-dnd-container .smooth-dnd-draggable-wrapper {
  display: flex;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) .smooth-dnd-container .smooth-dnd-draggable-wrapper .kanban-card-container {
  display: flex;
  margin: 0 0px 0.5rem 0.5rem;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) .smooth-dnd-container .smooth-dnd-draggable-wrapper .kanban-card-container .kanban-card {
  width: 100%;
}
.prospect-kanban-container .prospect-kanban-board div .smooth-dnd-container > .smooth-dnd-draggable-wrapper:last-of-type .react-trello-lane .kanban-lane-header-container div .color-palette-active .categorize-by-modal__color-palette {
  left: -30px;
}
.prospect-kanban-container .prospect-kanban-board > div:first-child {
  height: 100%;
  display: flex;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container {
  height: 100%;
  cursor: default;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane {
  height: 100%;
  max-height: 99%;
  flex-shrink: 0;
  border-radius: 8px;
  margin: 0;
  margin-right: 12px;
  padding: 0.5rem;
  transition: box-shadow 0.3s ease-in-out;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0rem 0.25rem 0.5rem 0.5rem;
  height: 1.5rem;
  user-select: auto;
  pointer-events: auto;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container > div:last-child {
  display: none !important;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container:hover > div:last-child {
  display: flex !important;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .kanban-lane-header-skeleton {
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 75%);
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .kanban-lane-header-title {
  color: #1f2937;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 117px;
  display: flex;
  align-items: center;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .kanban-lane-header-cards-count {
  display: flex;
  height: 20px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .color-palette {
  display: flex;
  align-items: center;
  padding: 0.25rem;
  gap: 0.625rem;
  opacity: 0.4;
  cursor: pointer;
  position: relative;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .color-palette .categorize-by-modal__color-palette {
  position: absolute;
  top: calc(100% - 1px);
  left: 0px;
  width: 8.25rem;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-column-gap: 9px;
  grid-row-gap: 11px;
  padding: 8px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(4, 21, 76, 0.1215686275);
  border: 1px solid #f3f4f6;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .color-palette .categorize-by-modal__color-option {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #d1d5db;
  padding: 0;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .color-palette .categorize-by-modal__color-option:hover {
  transform: scale(1.25);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.65);
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .color-palette .categorize-by-modal__color-option:focus-visible {
  outline: 2px solid #3b82f6;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .color-palette .categorize-by-modal__color-option.is-selected {
  border-color: rgba(17, 24, 39, 0.35);
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .color-palette.color-palette-active {
  opacity: 1;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container:hover .color-palette {
  opacity: 1;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .edit-kanban-header-lane {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #6b7280;
  cursor: pointer;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .edit-kanban-header-lane:hover {
  border-radius: 4px;
  background: #fff;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .draggable-column {
  display: flex;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  cursor: grab;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .draggable-column:hover {
  background-color: #fff;
  border-radius: 0.25rem;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .draggable-column svg {
  width: 1rem;
  height: 1rem;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .lane-drag-handle {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .lane-drag-handle:active {
  cursor: grabbing;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .lane-drag-handle.lane-drag-handle-disabled {
  cursor: not-allowed;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .lane-drag-handle.lane-drag-handle-disabled:hover {
  background-color: transparent;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane:hover .kanban-lane-header-container > div:last-child {
  display: flex !important;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .react-trello-lane:has(.lane-drag-handle:active) {
  cursor: grabbing;
  box-shadow: 0px 4px 8px 0px rgba(4, 21, 76, 0.1607843137);
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container > div:first-child,
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .color-palette,
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane .kanban-lane-header-container .edit-kanban-header-lane {
  pointer-events: auto;
}
.prospect-kanban-container .prospect-kanban-board .smooth-dnd-container .react-trello-lane.smooth-dnd-draggable-dragging {
  opacity: 0.8;
  transform: rotate(2deg);
}
.prospect-kanban-container .prospect-kanban-board.prospect-outcome-kanban-cards div .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-lane.react-trello-lane > div:nth-of-type(2) .smooth-dnd-container span {
  display: block;
}

.quick-edit-modal .modal-dialog {
  display: flex;
  justify-content: center;
}
.quick-edit-modal .modal-content {
  width: 400px;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-header {
  padding: 1.5rem;
  padding-bottom: 0;
  margin-bottom: 1.5rem;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-header span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #6b7280;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-select-box .bs-select-box-text {
  height: 20px;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-container .bs-input-label-prefix {
  margin: 0;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-container .bs-input-affix-wrapper {
  padding: 6px 8px 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #d1d5db;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-container .bs-input-affix-wrapper:focus-within {
  border: 1px solid #346aff;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-container .bs-input-affix-wrapper .bs-input-md {
  color: #1f2937;
  background: none;
  line-height: 20px;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-container .bs-input-affix-wrapper.bs-input-affix-wrapper-disabled {
  border: 1px solid #d1d5db;
  opacity: 0.35;
  background: #f9fafb;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-number-container .currency-prefix {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #1f2937;
  z-index: 10;
  pointer-events: none;
  line-height: 1;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-number-container .bs-input-number-inner .bs-input-number .bs-input-number-handler-wrap {
  opacity: 1;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input-number-container .bs-input-number-inner .bs-input-number .bs-input-number-input-wrap .bs-input-number-input {
  color: #1f2937;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .react-datepicker-wrapper .react-datepicker__input-container .bs-input-affix-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 8px 6px 12px;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .react-datepicker-wrapper .react-datepicker__input-container .bs-input-affix-wrapper .bs-input-lg {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  background: transparent !important;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input {
  padding: 0 !important;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input.date-picker-container {
  display: flex;
  align-items: center;
  gap: 4px !important;
  padding: 6px 8px 6px 12px !important;
  height: 34px !important;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input.date-picker-container .bs-input {
  line-height: 20px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  background: none !important;
  padding: 0;
  text-indent: 0 !important;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .bs-input.date-picker-container .bs-input:focus-within {
  border: none;
  box-shadow: none;
  outline: none;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .react-datepicker-popper {
  z-index: 999 !important;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .longtext-textarea {
  width: 100%;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  min-height: 72px;
  max-height: 150px;
  padding: 6px 8px 6px 12px;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .quick-edit-input-field .longtext-textarea:focus-within {
  border: 1px solid #346aff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
  outline: none;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .shd-input .shd-input--label {
  margin-bottom: 0 !important;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-input-container .shd-input .input {
  padding: 6px 8px 6px 12px;
  width: 100%;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-select-container .bs-select-box-disabled {
  border: 1px solid #d1d5db;
  opacity: 0.35;
  background: #f9fafb;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-select-container .bs-select-box-disabled .bs-select-box-text {
  line-height: 20px;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-select-container .bs-select-box-disabled .bs-select-box-text {
  color: #1f2937;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .quick-edit-select-container .bs-select-box-disabled .bs-select-box .bs-select-box-text {
  line-height: 20px;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-body .bs-select-box {
  padding: 6px 8px 6px 12px;
  width: 100%;
}
.quick-edit-modal .modal-content .quick-edit-modal-container .quick-edit-modal-divider {
  height: 1px;
  background-color: #e5e7eb;
  margin: 0 24px;
}
.quick-edit-modal .modal-content .quick-edit-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.quick-edit-modal .modal-content .quick-edit-modal-footer .edit-more-btn {
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
}
.quick-edit-modal .modal-content .quick-edit-modal-footer .edit-more-btn:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
  padding: 6px 8px;
}
.quick-edit-modal .modal-content .quick-edit-modal-footer .quick-edit-buttons {
  display: flex;
  gap: 16px;
}
.quick-edit-modal .modal-content .quick-edit-modal-footer .quick-edit-buttons .cancel-btn {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #e5e7eb;
}
.quick-edit-modal .modal-content .quick-edit-modal-footer .quick-edit-buttons .cancel-btn:hover {
  background-color: #f8f9fa;
}
.quick-edit-modal .modal-content .quick-edit-modal-footer .quick-edit-buttons .save-btn .btn-solid {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #1d4ed8;
  border: none;
}
.quick-edit-modal .modal-content .quick-edit-modal-footer .quick-edit-buttons .save-btn .btn-solid:hover {
  background-color: #1e40af;
}

.kanban-lane-header-disabled {
  cursor: not-allowed !important;
  background: none;
}
.kanban-lane-header-disabled:hover {
  background: none !important;
}

.confirmation-modal.prospect-outcome-modal .modal-body .confirmation-modal-custom-text {
  color: #0d1a33;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.confirmation-modal.prospect-outcome-modal .modal-body .confirmation-modal-body-container .sequence-text {
  color: #1f2937;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.confirmation-modal.prospect-outcome-modal .modal-body .confirmation-modal-body-container .sequence-select-title {
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}

.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-header {
  padding: 0px;
  min-height: auto;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 24px 0px 24px !important;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-header-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-header-container span .trash-icon {
  color: #b91c1c;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-header-container span .info-circle-icon {
  color: #d97706;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-header-container .confirmation-modal-custom-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-body .confirmation-modal-body-container {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e7eb;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer {
  border-top: 0px;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost {
  color: #6b7280;
  border: 1px solid #e5e7eb;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost:hover {
  background-color: #f8f9fa;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid {
  margin-left: 8px !important;
  width: max-content;
  min-width: auto !important;
}
.confirmation-modal .modal-dialog .modal-content .modal-content-container .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid:hover {
  background-color: #1e40af;
}

.bs-csv-enrichment {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.bs-csv-enrichment__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}

.bs-csv-enrichment__header-left h1 {
  margin-bottom: 4px;
}
.bs-csv-enrichment__header-left p {
  margin-bottom: 0;
}

.bs-csv-enrichment__header-right {
  display: flex;
  gap: 8px;
}

.bs-csv-enrichment__date-pill {
  padding: 6px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  color: #9ca3af;
  transition: all 0.2s;
  white-space: nowrap;
}
.bs-csv-enrichment__date-pill:hover {
  border-color: #0137fc;
  color: #0137fc;
}
.bs-csv-enrichment__date-pill--active {
  background-color: rgba(1, 55, 252, 0.08);
  border-color: #0137fc;
  color: #0137fc;
}

.bs-csv-enrichment__stats {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.bs-csv-enrichment__stat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  flex: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.bs-csv-enrichment__stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.bs-csv-enrichment__stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bs-csv-enrichment__stat-icon--files, .bs-csv-enrichment__stat-icon--people, .bs-csv-enrichment__stat-icon--company {
  background-color: rgba(1, 55, 252, 0.1);
  color: #0137fc;
}

.bs-csv-enrichment__stat-content {
  display: flex;
  flex-direction: column;
}

.bs-csv-enrichment__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 24px 32px 16px 32px;
}
.bs-csv-enrichment__toolbar .search-input-box,
.bs-csv-enrichment__toolbar .bs-search-input-box {
  width: 220px;
  flex-shrink: 0;
}
.bs-csv-enrichment__toolbar .bs-input-affix-wrapper .input-icons-right {
  cursor: pointer;
}

.bs-csv-enrichment__filter-wrapper {
  position: relative;
}

.bs-csv-enrichment__filter-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 0.25rem;
  background: transparent;
  cursor: pointer;
  color: #9ca3af;
}
.bs-csv-enrichment__filter-btn:hover {
  color: #1d4ed8;
  background: #dbeafe;
}
.bs-csv-enrichment__filter-btn--active {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background-color: #dbeafe;
}

.bs-csv-enrichment__filter-count-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 16px;
  height: 16px;
  border-radius: 9999px;
  background: #0137fc;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  pointer-events: none;
}

.bs-csv-enrichment__toolbar-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.bs-csv-enrichment__docs-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  text-decoration: none;
  color: #0137fc;
  font-size: 12px;
  font-weight: 500;
}
.bs-csv-enrichment__docs-link:hover {
  color: #346aff;
  text-decoration: none;
}
.bs-csv-enrichment__docs-link:active {
  color: #0004c9;
}
.bs-csv-enrichment__docs-link svg {
  flex-shrink: 0;
}

.bs-csv-enrichment__toolbar-divider {
  width: 1px;
  height: 20px;
  background-color: #e5e7eb;
  flex-shrink: 0;
}

.bs-csv-enrichment__new-btn {
  white-space: nowrap;
}
.bs-csv-enrichment__new-btn span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bs-csv-enrichment__filter-popover .popover {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  width: 300px;
  max-width: 300px;
}
.bs-csv-enrichment__filter-popover .popover .arrow {
  display: none !important;
}
.bs-csv-enrichment__filter-popover .popover-body {
  padding: 0px;
}

.popover.bs-csv-enrichment__filter-popover .arrow {
  display: none !important;
}

.bs-csv-enrichment__filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.bs-csv-enrichment__filter-header .filter-header {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.5;
}

.bs-csv-enrichment__clear-all-filters {
  border-top: 1px solid #e5e7eb;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  color: #1d4ed8;
  font-weight: 500;
  cursor: pointer;
}
.bs-csv-enrichment__clear-all-filters:hover {
  text-decoration: underline;
}

.bs-csv-enrichment__filter-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  color: #6b7280;
}
.bs-csv-enrichment__filter-close:hover {
  color: #1f2937;
}

.filter-popover-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

.bs-csv-enrichment__filter-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bs-csv-enrichment__filter-section:last-child {
  margin-bottom: 0;
}
.bs-csv-enrichment__filter-section label {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  margin: 0;
}

.bs-csv-enrichment__fd-wrapper {
  position: relative;
}

.bs-csv-enrichment__fd-trigger {
  height: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background: #ffffff;
  font-size: 14px;
  color: #262626;
}
.bs-csv-enrichment__fd-trigger--open {
  border: 1.5px solid #4f46e5;
}

.bs-csv-enrichment__fd-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  z-index: 101;
  padding: 4px 0;
}

.bs-csv-enrichment__fd-option {
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
  color: #262626;
}
.bs-csv-enrichment__fd-option:hover {
  background: #eff6ff;
}
.bs-csv-enrichment__fd-option--selected {
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 500;
}
.bs-csv-enrichment__fd-option--selected:hover {
  background: #eff6ff;
}

.bs-csv-enrichment__table-wrapper {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow: auto;
  flex: 1 1 0;
  min-height: 0;
}

.bs-csv-enrichment__table {
  width: 100%;
  border-collapse: collapse;
}
.bs-csv-enrichment__table th,
.bs-csv-enrichment__table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}
.bs-csv-enrichment__table th {
  background-color: #f3f4f6;
  position: sticky;
  top: 0;
  z-index: 1;
}
.bs-csv-enrichment__table tbody tr:last-child td {
  border-bottom: none;
}

.bs-csv-enrichment__table-row:hover {
  background-color: #f9fafb;
}

.bs-csv-enrichment__actions {
  display: flex;
  gap: 8px;
}
.bs-csv-enrichment__actions .bs-csv-enrichment__action-btn {
  cursor: pointer;
  color: #6b7280;
  padding: 6px 7px;
  border: none;
  background: none;
  border-radius: 0.25rem;
}
.bs-csv-enrichment__actions .bs-csv-enrichment__action-btn:active {
  color: #6b7280;
  background: none;
}
.bs-csv-enrichment__actions .bs-csv-enrichment__action-btn:hover {
  color: #1d4ed8;
  background-color: #eff6ff;
}
.bs-csv-enrichment__actions .bs-csv-enrichment__action-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  color: #595959;
  background: none;
}
.bs-csv-enrichment__actions .bs-csv-enrichment__action-btn:disabled:hover {
  color: #595959;
  background: none;
}

.bs-csv-enrichment__progress-bar {
  height: 6px;
  margin-top: 4px;
  border-radius: 9999px;
}
.bs-csv-enrichment__progress-bar .progress-bar {
  background: linear-gradient(to right, #4f46e5, #7c3aed);
  position: relative;
  overflow: hidden;
}
.bs-csv-enrichment__progress-bar .progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  transform: translateX(-200%);
  animation: shimmer 1.5s infinite;
}

.bs-csv-enrichment__progress-inline {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.bs-csv-enrichment__progress-inline .bs-csv-enrichment__progress-bar {
  flex: 1 1 auto;
  min-width: 80px;
  margin-top: 0;
}
.bs-csv-enrichment__progress-inline .progress-count {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6b7280;
}

.bs-csv-enrichment__progress-tooltip .tooltip-inner {
  background-color: #1f2937;
  border-radius: 8px;
  padding: 12px 16px;
  min-width: 220px;
  text-align: left;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.bs-csv-enrichment__progress-tooltip .arrow::before {
  border-bottom-color: #1f2937;
}

.bs-csv-enrichment__progress-tooltip__header {
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.bs-csv-enrichment__progress-tooltip__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.bs-csv-enrichment__progress-tooltip__row--last {
  margin-bottom: 0;
}

.bs-csv-enrichment__progress-tooltip__label {
  font-size: 13px;
  color: #9ca3af;
}

.bs-csv-enrichment__progress-tooltip__value {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
}
.bs-csv-enrichment__progress-tooltip__value--enriched {
  color: #52c41a;
}
.bs-csv-enrichment__progress-tooltip__value--not-found {
  color: #f5222d;
}

.bs-csv-enrichment__completed-txt {
  color: #059669;
}

.bs-csv-enrichment__file-name-btn {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1f2937;
  line-height: 1rem;
}
.bs-csv-enrichment__file-name-btn:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

.bs-csv-enrichment__file-name-static {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1f2937;
  line-height: 1rem;
  cursor: default;
}

.bs-csv-enrichment__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  text-align: center;
  gap: 1.5rem;
}
.bs-csv-enrichment__empty-state .title {
  font-size: 24px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.5rem;
}
.bs-csv-enrichment__empty-state .subtitle {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5rem;
  max-width: 20rem;
}
.bs-csv-enrichment__empty-state .new-enrichment-btn span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bs-csv-enrichment__empty-state-filter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  text-align: center;
  grid-gap: 1.5rem;
  /* top: 200px; */
  gap: 1.5rem;
}
.bs-csv-enrichment__empty-state-filter .empty-list .empty-list__inner-vertical {
  gap: 1rem;
  top: 100%;
}
.bs-csv-enrichment__empty-state-filter .empty-list .empty-list__inner-vertical .empty-list__photo-vertical img {
  width: 5rem;
}
.bs-csv-enrichment__empty-state-filter .empty-list .empty-list__inner-vertical .empty-list__content-vertical {
  gap: 4px;
  height: 4.125rem;
}
.bs-csv-enrichment__empty-state-filter .empty-list .empty-list__inner-vertical .empty-list__content-vertical .empty-list__title-vertical {
  margin: 0;
}
.bs-csv-enrichment__empty-state-filter .empty-list .empty-list__inner-vertical .empty-list__content-vertical .empty-list__body-vertical {
  margin: 0;
}

.bs-csv-enrichment__error-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  text-align: center;
}
.bs-csv-enrichment__error-state h3 {
  margin-bottom: 8px;
}
.bs-csv-enrichment__error-state p {
  margin-bottom: 16px;
}

.bs-csv-enrichment__new-page {
  background-color: #f9fafb;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bs-csv-enrichment__new-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}

.bs-csv-enrichment__back-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.bs-csv-enrichment__back-btn:hover {
  color: #1f2937;
}

.bs-csv-enrichment__cancel-link {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: color 0.15s ease-in-out;
  text-decoration: none;
}
.bs-csv-enrichment__cancel-link:hover {
  color: #1f2937;
  text-decoration: none;
}

.bs-csv-enrichment__stepper {
  display: flex;
  align-items: center;
}

.bs-csv-enrichment__step {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bs-csv-enrichment__step-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.bs-csv-enrichment__step-circle--active {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
}
.bs-csv-enrichment__step-circle--completed {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
}
.bs-csv-enrichment__step-circle--cancelled {
  background-color: #f3f4f6;
  color: #6b7280;
  border-color: #e5e7eb;
  border-width: 0.125rem;
  border: 2px solid #e5e7eb;
}
.bs-csv-enrichment__step-circle--upcoming {
  background-color: #f3f4f6;
  color: #6b7280;
  border-color: #e5e7eb;
  border-width: 0.125rem;
  border: 2px solid #e5e7eb;
}

.bs-csv-enrichment__step-text {
  display: flex;
  flex-direction: column;
}
.bs-csv-enrichment__step-text .title {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.bs-csv-enrichment__step-line {
  flex: 1;
  height: 2px;
  background-color: #e5e7eb;
  margin: 0 16px;
  min-width: 40px;
}
.bs-csv-enrichment__step-line--completed {
  background-color: #0137fc;
}

.bs-csv-enrichment__step-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  max-width: 981px;
  margin: 0 auto;
  padding: 24px 8px 24px 0px;
  width: 100%;
}

.bs-csv-enrichment__step-content--no-max-width {
  max-width: none;
  padding: 24px 72px;
}

.bs-csv-enrichment__step-content--dropzone-padding {
  justify-content: center;
}

.bs-csv-enrichment__step-actions {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 14rem;
  border-top: 1px solid #e5e7eb;
  flex-shrink: 0;
}

.bs-csv-enrichment__bordered-section {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.bs-csv-enrichment__bordered-section .bs-csv-enrichment__accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: 0.75rem 1rem;
  border-radius: 8px 8px 0 0;
}
.bs-csv-enrichment__bordered-section .bs-csv-enrichment__accordion-header--collapsed {
  border-bottom: none;
  border-radius: 0.5rem;
}
.bs-csv-enrichment__bordered-section .bs-csv-enrichment__accordion-header .title {
  font-weight: 600;
  font-size: 14px;
  color: #1f2937;
}
.bs-csv-enrichment__bordered-section .bs-csv-enrichment__accordion-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: #fff;
  border-radius: 8px;
}

.bs-csv-enrichment__file-preview {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  background: #f9fafb;
}
.bs-csv-enrichment__file-preview .bs-csv-enrichment__file-preview-info {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
.bs-csv-enrichment__file-preview .bs-csv-enrichment__file-preview-info .bs-csv-enrichment__file-preview-name-wrap {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
  gap: 0;
}
.bs-csv-enrichment__file-preview .bs-csv-enrichment__file-preview-info .bs-csv-enrichment__file-preview-name-truncate {
  display: flex;
  min-width: 0;
  max-width: 100%;
}
.bs-csv-enrichment__file-preview .bs-csv-enrichment__file-preview-info .uploaded-file-name {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  line-height: 1.5;
}
.bs-csv-enrichment__file-preview .bs-csv-enrichment__file-preview-info .uploaded-file-count {
  font-size: 0.875rem;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.5;
  margin-left: 6px;
  flex-shrink: 0;
}
.bs-csv-enrichment__file-preview .bs-csv-enrichment__file-remove-btn {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
}

.bs-csv-enrichment__dropzone {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  padding: 2.5rem;
  border: 2px dashed #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.bs-csv-enrichment__dropzone:hover {
  background: #eff6ff;
  border: 2px dashed #1d4ed8;
}
.bs-csv-enrichment__dropzone--active {
  background: #eff6ff;
  border: 2px dashed #1d4ed8;
}

.bs-csv-enrichment__dropzone-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.bs-csv-enrichment__dropzone-text .drag-and-drop {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bs-csv-enrichment__dropzone-hint {
  font-size: 12px;
  color: #9ca3af;
  font-weight: 400;
  margin: 0;
  text-align: center;
  justify-content: center;
  gap: 2px;
}
.bs-csv-enrichment__dropzone-hint strong {
  color: #6b7280;
  font-weight: 600;
}

.bs-csv-enrichment__select-type {
  padding: 16px 0;
}

.bs-csv-enrichment__type-cards {
  display: flex;
  gap: 24px;
}

.bs-csv-enrichment__type-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  min-height: 260px;
  border-radius: 8px;
  padding: 32px 24px;
  gap: 16px;
  transition: 0.2s ease-in-out;
  background: rgb(255, 255, 255);
  border: 1px solid #e5e7eb;
  justify-content: center;
}
.bs-csv-enrichment__type-card:hover {
  border: 1px solid #0137fc;
  transform: translateY(-2px);
  box-shadow: rgba(0, 0, 0, 0.09) 0px 4px 16px;
}
.bs-csv-enrichment__type-card .title {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}
.bs-csv-enrichment__type-card .description {
  font-size: 14px;
  color: #6b7280;
  font-weight: 400;
  line-height: 1.5;
  max-width: 320px;
}

.bs-csv-enrichment__type-card-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background-color: #eff6ff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1d4ed8;
  flex-shrink: 0;
}

.bs-csv-enrichment__get-started {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 600;
  transition: 0.2s ease-in-out;
}

.bs-csv-enrichment__upload-map {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bs-csv-enrichment__file-info {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  background-color: #f3f4f6;
  border-radius: 0.25rem;
}

.bs-csv-enrichment__change-file-link {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  white-space: nowrap;
}
.bs-csv-enrichment__change-file-link:hover {
  background: #f3f3f6;
  color: #1f2937;
  border-color: #d1d5db;
}

.bs-csv-enrichment__match-accuracy {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}

.bs-csv-enrichment__match-accuracy-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.bs-csv-enrichment__match-bar {
  height: 6px;
  background-color: #f3f4f6;
  border-radius: 3px;
  overflow: hidden;
}

.bs-csv-enrichment__match-bar-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.3s ease;
}
.bs-csv-enrichment__match-bar-fill--red {
  background-color: #f5222d;
}
.bs-csv-enrichment__match-bar-fill--gold {
  background-color: #faad14;
}
.bs-csv-enrichment__match-bar-fill--green {
  background-color: #52c41a;
}

.bs-csv-enrichment__mapping-section {
  margin-bottom: 0;
}

.bs-csv-enrichment__mapping-filters {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}

.bs-csv-enrichment__mapping-filters-header {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.bs-csv-enrichment__mapping-filters-hint {
  margin-bottom: 4px;
}

.bs-csv-enrichment__mapping-header {
  display: grid;
  grid-template-columns: 160px 1fr 160px;
  gap: 16px;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 4px;
}

.bs-csv-enrichment__mapping-row {
  display: grid;
  grid-template-columns: 160px 1fr 160px;
  gap: 16px;
  align-items: center;
  padding: 8px 0;
}

.bs-csv-enrichment__mapping-label {
  flex-shrink: 0;
}
.bs-csv-enrichment__mapping-label .label {
  font-size: 12px;
  font-weight: 500;
  color: #1f2937;
  line-height: 1.5;
}

.bs-csv-enrichment__search-input {
  width: 100%;
  padding: 0.625rem 1rem;
  border: none;
  font-size: 14px;
  outline: none;
  background: #f9fafb;
}
.bs-csv-enrichment__search-input:focus {
  border-color: #0137fc;
}

.bs-csv-enrichment__mapping-select-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.bs-csv-enrichment__mapping-select-wrapper .transfer-select-box {
  flex: 1;
  min-width: 0;
}
.bs-csv-enrichment__mapping-select-wrapper .bs-select-box .bs-select-box-text {
  min-width: 0;
}

.bs-csv-enrichment__map-field-select .transfer-container .transfer-body .transfer-content {
  max-height: 12.725rem;
}
.bs-csv-enrichment__map-field-select .transfer-container .transfer-body .transfer-content .transfer-list div li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.5rem;
}
.bs-csv-enrichment__map-field-select .transfer-container .transfer-body .transfer-content .transfer-list div li span {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs-csv-enrichment__auto-badge {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  background-color: rgba(1, 55, 252, 0.1);
  color: #0137fc;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0;
}

.bs-csv-enrichment__mapping-preview {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs-csv-enrichment__component-cards {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 16px;
}

.bs-csv-enrichment__component-card {
  background: white;
  cursor: pointer;
  text-align: left;
  flex: 1;
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.bs-csv-enrichment__component-card:hover {
  border-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.bs-csv-enrichment__component-card--selected {
  border-color: #1d4ed8;
  background-color: #eff6ff;
}
.bs-csv-enrichment__component-card p {
  margin: 0;
}
.bs-csv-enrichment__component-card .description {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}

.bs-csv-enrichment__component-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.bs-csv-enrichment__component-card-icon svg {
  color: inherit;
}
.bs-csv-enrichment__component-card-icon--email {
  background-color: #eff6ff;
  color: #1d4ed8;
}
.bs-csv-enrichment__component-card-icon--phone-email {
  background-color: #f5f3ff;
  color: #7c3aed;
}

.bs-csv-enrichment__component-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bs-csv-enrichment__component-card-header .title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
  line-height: 1.2;
}

.bs-csv-enrichment__radio {
  display: flex;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #d1d5db;
  flex-shrink: 0;
  transition: all 0.15s ease-in-out;
}
.bs-csv-enrichment__radio--selected {
  border-color: #0137fc;
  background: radial-gradient(circle, #0137fc 40%, transparent 41%);
}

.bs-csv-enrichment__component-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bs-csv-enrichment__tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  color: #6b7280;
  white-space: nowrap;
}

.bs-csv-enrichment__export-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  cursor: pointer;
}

.bs-csv-enrichment__export-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 0.25rem 0.25rem;
  max-height: calc(100vh - 39rem);
  overflow-y: auto;
}

.bs-csv-enrichment__export-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.bs-csv-enrichment__export-checkbox input[type=checkbox] {
  accent-color: #0137fc;
}

.bs-csv-enrichment__export-section-grouped {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
}

.bs-csv-enrichment__export-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  cursor: pointer;
}
.bs-csv-enrichment__export-header:hover {
  background: #f9fafb;
}
.bs-csv-enrichment__export-header--expanded {
  border-bottom: 1px solid #e5e7eb;
}

.bs-csv-enrichment__export-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bs-csv-enrichment__export-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bs-csv-enrichment__export-header-right .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}

.bs-csv-enrichment__export-count-badge {
  font-size: 12px;
  font-weight: 500;
  color: #1d4ed8;
  background: #eff6ff;
  padding: 2px 8px;
  border-radius: 9999px;
}

.bs-csv-enrichment__export-groups {
  overflow-y: auto;
  background: #fff;
}

.bs-csv-enrichment__export-group {
  position: relative;
}
.bs-csv-enrichment__export-group:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  border-bottom: 1px solid #e5e7eb;
}

.bs-csv-enrichment__export-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px 12px 24px;
  cursor: pointer;
}

.bs-csv-enrichment__export-group-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.bs-csv-enrichment__export-group-header-left .bs-checkbox-wrapper {
  min-width: 0;
}
.bs-csv-enrichment__export-group-header-left .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}

.bs-csv-enrichment__export-group-count {
  font-size: 12px;
  color: #9ca3af;
}

.bs-csv-enrichment__export-columns-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px 16px;
  padding: 8px 16px 12px 40px;
}

.bs-csv-enrichment__export-col-item {
  display: flex;
  align-items: center;
  padding: 0.3125rem;
}
.bs-csv-enrichment__export-col-item:hover {
  background: #f9fafb;
  border-radius: 0.25rem;
}
.bs-csv-enrichment__export-col-item .bs-checkbox-wrapper {
  flex: 1;
  width: 100%;
  min-width: 0;
  cursor: pointer;
}
.bs-csv-enrichment__export-col-item .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.bs-csv-enrichment__export-col-item .checkbox-label-text {
  font-weight: 400;
  font-size: 12px;
  color: #1f2937;
}
.bs-csv-enrichment__export-col-item .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled {
  opacity: 0.4;
}
.bs-csv-enrichment__export-col-item .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}
.bs-csv-enrichment__export-col-item .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner::after {
  background-color: #1d4ed8;
  border-color: #fff;
}

.bs-csv-enrichment__hint-bar {
  padding: 10px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  text-align: center;
  margin-bottom: 16px;
}

.bs-csv-enrichment__info-banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  background-color: rgba(1, 55, 252, 0.05);
  border-radius: 0.25rem;
}

.required-field-warning {
  display: flex;
  align-items: center;
  width: 100%;
}
.required-field-warning .shd-alert--icon {
  display: flex;
  align-items: center;
}

.bs-csv-enrichment__credit-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: rgba(1, 55, 252, 0.04);
  border: 1px solid rgba(1, 55, 252, 0.15);
  border-radius: 0.25rem;
  margin-bottom: 16px;
}

.bs-csv-enrichment__credit-bar-left,
.bs-csv-enrichment__credit-bar-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bs-csv-enrichment__credit-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  background-color: #0137fc;
  color: #fff;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}

.bs-csv-enrichment__step-actions--three-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.credit-enrichment-footer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.bs-csv-enrichment__credit-summary {
  display: flex;
  align-items: center;
  gap: 4px;
}
.bs-csv-enrichment__credit-summary .rows {
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
}
.bs-csv-enrichment__credit-summary .credits {
  color: #6b7280;
  font-weight: 400;
  font-size: 14px;
}

.bs-csv-enrichment__status-page {
  padding: 24px 32px 38px 24px;
  background: #f9fafb;
  height: 100%;
}
.bs-csv-enrichment__status-page .v2-company-name--clickable {
  cursor: pointer;
}

.bs-csv-enrichment__status-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  margin-bottom: 24px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 8px;
}

.bs-csv-enrichment__status-card-content {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 24px;
  background: #fff;
}

.bs-csv-enrichment__status-progress-track {
  height: 4px;
  background-color: #e5e7eb;
  width: 100%;
  flex-shrink: 0;
}

.bs-csv-enrichment__status-progress-fill {
  height: 100%;
  background-color: #0137fc;
  transition: width 0.5s ease;
}

.bs-csv-enrichment__status-card-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 0%;
  min-width: 0;
}

.bs-csv-enrichment__status-card-info {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
  flex: 1 1 auto;
}
.bs-csv-enrichment__status-card-info .title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #1f2937;
}
.bs-csv-enrichment__status-card-info .subtitle {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #1d4ed8;
}

.bs-csv-enrichment__status-subtitle-truncate {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
.bs-csv-enrichment__status-subtitle-truncate > span {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.bs-csv-enrichment__status-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bs-csv-enrichment__status-icon--processing {
  background-color: rgba(1, 55, 252, 0.1);
  color: #0137fc;
}
.bs-csv-enrichment__status-icon--processing svg {
  animation: spin 1.5s linear infinite;
  animation-direction: reverse;
}
.bs-csv-enrichment__status-icon--completed {
  background-color: rgba(5, 150, 105, 0.1);
  color: #059669;
}
.bs-csv-enrichment__status-icon--cancelled {
  background-color: #f3f4f6;
  color: #6b7280;
}
.bs-csv-enrichment__status-icon--failed {
  background-color: #fee2e2;
  color: #b91c1c;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bs-csv-enrichment__status-divider {
  width: 1px;
  height: 36px;
  background-color: #e5e7eb;
  flex-shrink: 0;
}

.bs-csv-enrichment__status-card-stats {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}

.bs-csv-enrichment__status-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.bs-csv-enrichment__status-stat--processed .bs-csv-enrichment__status-stat-val {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1f2937;
}
.bs-csv-enrichment__status-stat--found .bs-csv-enrichment__status-stat-val {
  color: #10b981;
  font-size: 1.125rem;
  font-weight: 700;
}
.bs-csv-enrichment__status-stat--not-found .bs-csv-enrichment__status-stat-val {
  color: #b91c1c;
  font-size: 1.125rem;
  font-weight: 700;
}

.bs-csv-enrichment__status-stat-label {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 10px;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.bs-csv-enrichment__status-stat-val {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
}

.bs-csv-enrichment__status-card-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.bs-csv-enrichment__status-card-actions .action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 0.25rem;
  background: transparent;
  cursor: pointer;
  color: #6b7280;
  padding: 0.125rem 0.25rem;
}
.bs-csv-enrichment__status-card-actions .action-btn:hover {
  color: #1d4ed8;
  background: #eff6ff;
}
.bs-csv-enrichment__status-card-actions .action-btn.btn-solid-default:disabled {
  color: #6b7280;
  background: none;
  cursor: not-allowed;
  border: none;
}
.bs-csv-enrichment__status-card-actions .action-btn.btn-solid-default:disabled:hover {
  color: #6b7280;
  background: none;
}
.bs-csv-enrichment__status-card-actions .back-to-list-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 500;
  color: #1f2937;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  transition: 0.15s ease-in-out;
}
.bs-csv-enrichment__status-card-actions .back-to-list-btn:hover {
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #1d4ed8;
}

.bs-csv-enrichment__data-section {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background: #fff;
}

.bs-csv-enrichment__data-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px 24px;
  background: #fff;
  border-radius: 0.5rem;
}
.bs-csv-enrichment__data-section-header .enriched-data-header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}
.bs-csv-enrichment__data-section-header .enriched-data-header .enriched-data {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.2;
}
.bs-csv-enrichment__data-section-header .enriched-data-header .enriched-row {
  font-size: 12px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.5;
}
.bs-csv-enrichment__data-section-header .job-type-chip,
.bs-csv-enrichment__data-section-header .reveal-type-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  font-size: 10px;
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
}
.bs-csv-enrichment__data-section-header .job-type-chip svg,
.bs-csv-enrichment__data-section-header .reveal-type-chip svg {
  width: 16px;
  height: 16px;
  color: #6b7280;
}

.bs-csv-enrichment__records-table {
  padding: 0 24px;
  background: #fff;
}
.bs-csv-enrichment__records-table .column-cell-content--checkbox,
.bs-csv-enrichment__records-table .column-header-content--checkbox {
  display: none;
}

.bs-csv-enrichment__records-scroll {
  height: calc(100vh - 22rem);
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  border-radius: 0.5rem;
}

.bs-csv-enrichment__scroll-loader {
  display: flex;
  justify-content: center;
  padding: 12px 0;
  color: #9ca3af;
}

.end-list-divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: #9ca3af;
  padding: 0 24px;
}
.end-list-divider::before, .end-list-divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #e5e7eb;
}
.end-list-divider span {
  padding: 6px 8px;
  font-size: 14px;
  margin: 4px 0;
  font-weight: 500;
}

.bs-csv-enrichment__data-table-wrapper {
  overflow-x: auto;
}

.bs-csv-enrichment__data-table {
  width: 100%;
  border-collapse: collapse;
}
.bs-csv-enrichment__data-table th,
.bs-csv-enrichment__data-table td {
  padding: 10px 16px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}
.bs-csv-enrichment__data-table th {
  background-color: #f3f4f6;
}
.bs-csv-enrichment__data-table tbody tr:last-child td {
  border-bottom: none;
}
.bs-csv-enrichment__data-table tbody tr:hover {
  background-color: #f9fafb;
}

.bs-csv-enrichment__value-txt {
  font-size: 14px;
  color: #1f2937;
}

.bs-csv-enrichment__found-txt {
  font-size: 14px;
  color: #059669;
}

.bs-csv-enrichment__link-txt {
  font-size: 14px;
  color: #0137fc;
  text-decoration: none;
}
.bs-csv-enrichment__link-txt:hover {
  text-decoration: underline;
  color: #0137fc;
}

.bs-csv-enrichment__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  flex-shrink: 0;
  margin-right: 8px;
}

.bs-csv-enrichment__name-cell {
  display: flex;
  align-items: center;
}

.bs-csv-enrichment__enriching-cell {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #9ca3af;
  font-style: italic;
}

.bs-csv-enrichment__enriching-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #e5e7eb;
  border-top-color: #0137fc;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.bs-csv-enrichment__data-tabs {
  display: flex;
  gap: 0;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  overflow: hidden;
}

.bs-csv-enrichment__data-tab {
  padding: 6px 20px;
  background: none;
  border: none;
  border-right: 1px solid #e5e7eb;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s;
}
.bs-csv-enrichment__data-tab:last-child {
  border-right: none;
}
.bs-csv-enrichment__data-tab:hover {
  background-color: #f9fafb;
}
.bs-csv-enrichment__data-tab--active {
  color: #0137fc;
  background-color: rgba(1, 55, 252, 0.05);
}

.csv-enrichment-no-record .no-search-result {
  margin: 0;
  padding: 5.375rem 0;
}

.bs-csv-enrichment__list-table {
  flex: 1 1 0;
  min-height: 0;
  padding: 0 24px;
}
.bs-csv-enrichment__list-table [data-overlayscrollbars-viewport] {
  padding: 0 !important;
}
.bs-csv-enrichment__list-table .tanstack-table--td {
  min-width: 0;
}
.bs-csv-enrichment__list-table .tanstack-table--wrapper .tanstack-table--thead .tanstack-table--tr {
  width: 100%;
}
.bs-csv-enrichment__list-table .column-cell-content--checkbox,
.bs-csv-enrichment__list-table .column-header-content--checkbox {
  display: none;
}

.bs-csv-enrichment__delete-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost-outlined:hover,
.bs-csv-enrichment__cancel-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-ghost-outlined:hover {
  border: 0.0625rem solid #1d4ed8;
  color: #1d4ed8;
}
.bs-csv-enrichment__delete-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary,
.bs-csv-enrichment__cancel-modal .modal-content .bs-modal-footer .bs-modal-footer-action-buttons .btn-solid-primary {
  border: 1px solid #b91c1c;
  color: #fff;
  font-weight: 500;
  background: #b91c1c;
}

.people-company-enriching {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.people-company-enriching .enriching-spinner {
  width: 1rem;
  height: 1rem;
  color: #6b7280;
}
.people-company-enriching .revealing-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
  font-style: italic;
}

.bs-csv-enrichment__download-action {
  display: inline-flex;
  align-items: center;
}

.bs-csv-enrichment__download-popover {
  position: fixed;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  min-width: 220px;
  z-index: 9999;
  overflow: hidden;
  padding: 0.5rem 0;
}

.bs-csv-enrichment__download-popover-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  color: #1f2937;
  text-align: left;
}
.bs-csv-enrichment__download-popover-item:hover {
  background-color: #eff6ff;
}

.bs-csv-enrichment__download-popover-divider {
  height: 1px;
  background: #e5e7eb;
}

.bs-csv-enrichment__not-enriched-info-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #9ca3af;
  margin-left: 4px;
}
.bs-csv-enrichment__not-enriched-info-btn--active {
  color: #1d4ed8;
}
.bs-csv-enrichment__not-enriched-info-btn:hover {
  color: #1d4ed8;
}

.not-enriched-popover {
  padding: 0.5rem 0 !important;
}
.not-enriched-popover .bs-popover-inner[x-placement^=bottom] .arrow {
  right: 0.3125rem;
}
.not-enriched-popover .popover-body .bs-popover-content .bs-popover-inner-content {
  padding: 0;
}
.not-enriched-popover .popover-body .bs-popover-content .bs-popover-inner-content .bs-csv-enrichment__not-enriched-popover {
  min-width: 230px;
}
.not-enriched-popover .popover-body .bs-popover-content .bs-popover-inner-content .bs-csv-enrichment__not-enriched-popover .bs-csv-enrichment__not-enriched-popover-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  color: #1f2937;
  padding: 0.5rem 1rem;
}
.not-enriched-popover .popover-body .bs-popover-content .bs-popover-inner-content .bs-csv-enrichment__not-enriched-popover .bs-csv-enrichment__not-enriched-popover-row:hover {
  background: #eff6ff;
}

.bs-csv-enrichment__add-filters {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background: #fff;
  margin-bottom: 16px;
  overflow: hidden;
}

.bs-csv-enrichment__add-filters-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  cursor: pointer;
  user-select: none;
}
.bs-csv-enrichment__add-filters-header--expanded {
  border-bottom: 1px solid #e5e7eb;
}

.bs-csv-enrichment__add-filters-header-left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.bs-csv-enrichment__add-filters-badge {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eff6ff;
  color: #1d4ed8;
  border: 0.0625rem solid #bfdbfe;
  font-size: 10px;
  font-weight: 500;
  padding: 0 4px;
  border-radius: 999px;
  line-height: 1.4;
}

.bs-csv-enrichment__add-filters-header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bs-csv-enrichment__add-filters-clear {
  font-size: 12px;
  color: #1d4ed8;
  font-weight: 500;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.bs-csv-enrichment__add-filters-clear:hover {
  text-decoration: underline;
}

.bs-csv-enrichment__add-filters-body {
  background: #fff;
}

.bs-csv-enrichment__add-filters-search {
  padding: 8px 12px;
  border-bottom: 1px solid #f3f4f6;
}
.bs-csv-enrichment__add-filters-search .bs-input-affix-wrapper {
  border: none;
  padding: 0;
}
.bs-csv-enrichment__add-filters-search .bs-input-affix-wrapper:focus-within {
  box-shadow: none;
  border: none;
}

.bs-csv-enrichment__add-filters-groups .shd-accordion {
  gap: 0;
  grid-gap: 0;
}
.bs-csv-enrichment__add-filters-groups .dropdown-filter .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: 0.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.bs-csv-enrichment__add-filters-groups .dropdown-filter-select .transfer-container .transfer-body .transfer-content {
  max-height: 12.725rem;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group .custom-range-radio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group .custom-range-radio-option {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  margin-bottom: 0;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group .custom-range-radio-option input[type=radio] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  accent-color: #1d4ed8;
  margin: 0;
  flex-shrink: 0;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group .custom-range-radio-option .radio-label {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #1f2937;
  cursor: pointer;
  user-select: none;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group .custom-range-radio-option.radio-selected .radio-label {
  color: #1d4ed8;
  font-weight: 500;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group .custom-range-radio-option:hover .radio-label {
  color: #1d4ed8;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group .radio-inline-input {
  margin-top: 0;
}
.bs-csv-enrichment__add-filters-groups .custom-range-radio-group .radio-inline-input.year-picker-container .year-range-picker {
  width: 100%;
}
.bs-csv-enrichment__add-filters-groups .single-input-container {
  width: 100%;
}
.bs-csv-enrichment__add-filters-groups .input-group {
  margin-top: 0.75rem;
}
.bs-csv-enrichment__add-filters-groups .input-group .input-group-prepend {
  height: 2.063rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bs-csv-enrichment__add-filters-groups .input-group .input-group-prepend .input-group-text {
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #d1d5db;
}
.bs-csv-enrichment__add-filters-groups .input-group .input-group-prepend .input-group-text.error-prefix-input {
  border-color: #fca5a5;
}
.bs-csv-enrichment__add-filters-groups .input-group .min-input-container,
.bs-csv-enrichment__add-filters-groups .input-group .max-input-container {
  width: 50%;
}
.bs-csv-enrichment__add-filters-groups .input-group .year-picker-container {
  width: 100%;
}
.bs-csv-enrichment__add-filters-groups .input-group .max-input {
  position: relative;
}
.bs-csv-enrichment__add-filters-groups .input-group .max-input .error-message svg {
  position: absolute;
  top: 0.563rem;
  right: 0.563rem;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .input-group .form-control {
  height: 2.063rem;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #d1d5db;
}
.bs-csv-enrichment__add-filters-groups .input-group .form-control.is-invalid {
  background-image: unset;
  border-color: #fca5a5;
  box-shadow: unset;
}
.bs-csv-enrichment__add-filters-groups .input-group .form-control::-webkit-outer-spin-button, .bs-csv-enrichment__add-filters-groups .input-group .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bs-csv-enrichment__add-filters-groups .input-group .form-control.without-prefix {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bs-csv-enrichment__add-filters-groups .input-group .form-control:focus {
  box-shadow: unset;
  border: 1px solid #1d4ed8;
}
.bs-csv-enrichment__add-filters-groups .input-group .form-control::placeholder {
  color: #9ca3af;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-no-results {
  padding: 24px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-no-results .no-search-result {
  margin: 0;
}
.bs-csv-enrichment__add-filters-groups .filter-group-accordion {
  border-radius: unset !important;
  box-shadow: unset !important;
  border-top: none !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-left: none !important;
  border-right: none !important;
  padding: 0 0 0.75rem 0;
}
.bs-csv-enrichment__add-filters-groups .filter-group-accordion.filter-group-collapsed {
  padding: 0;
}
.bs-csv-enrichment__add-filters-groups .filter-group-accordion:last-child {
  border-bottom: none !important;
}
.bs-csv-enrichment__add-filters-groups .filter-group-accordion > .accordion__heading > .accordion__button {
  padding: 0;
  background: none;
  box-shadow: none;
}
.bs-csv-enrichment__add-filters-groups .filter-group-accordion > .accordion__heading > .accordion__button::before {
  display: none;
}
.bs-csv-enrichment__add-filters-groups .filter-group-accordion .accordion__panel {
  padding: 0;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-group-title {
  font-size: 14px;
  font-weight: 500;
  color: #262626;
  text-transform: capitalize;
  letter-spacing: 0.04em;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-group-count {
  font-weight: 400;
  color: #1d4ed8;
  text-transform: none;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-dedup-row {
  padding: 0 1rem;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-dedup-row .bs-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-dedup-row .bs-checkbox-wrapper .bs-checkbox {
  margin-top: 0.125rem;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-dedup-row .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-dedup-row .bs-checkbox-wrapper .checkbox-label-text {
  font-size: 12px;
  font-weight: 500;
  color: #1f2937;
  line-height: 16px;
  padding: 0;
  display: flex;
  align-items: center;
}
.bs-csv-enrichment__add-filters-groups .accordion__item {
  border-radius: unset;
  box-shadow: unset;
  border-top: none !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-left: none !important;
  border-right: none !important;
}
.bs-csv-enrichment__add-filters-groups .accordion__item:last-child {
  border-bottom: none !important;
}
.bs-csv-enrichment__add-filters-groups .accordion__item.accordion__item_selected {
  background-color: #f9fafb;
}
.bs-csv-enrichment__add-filters-groups .accordion__item.accordion__item_selected .accordian-label .icon,
.bs-csv-enrichment__add-filters-groups .accordion__item.accordion__item_selected .accordian-label .label {
  color: #1d4ed8;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion-item-heading {
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  width: 100%;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion-item-heading[class*=accordion__heading-filter-] {
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 0.25rem;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion-item-heading[class*=accordion__heading-filter-]:hover {
  background-color: #f9fafb;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion-item-heading-tag {
  min-height: unset;
  height: auto;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  width: 100%;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion-item-heading-tag[class*=accordion__heading-filter-] {
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 0.25rem;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion-item-heading-tag[class*=accordion__heading-filter-]:hover {
  background-color: #f9fafb;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion-item-selected-tag .accordian-label .icon {
  color: #1d4ed8;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion-item-selected-tag .accordian-label .label {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #1d4ed8;
  padding: 0 0.375rem;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .filter-applied-collapse {
  padding: 0 0.5rem 0.5rem 0;
  width: 100%;
  box-sizing: border-box;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .filter-applied-collapse .filter-tag {
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .advance-settings-accordion {
  margin-top: 0.75rem;
  border-bottom: none !important;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .advance-settings-accordion .accordion__heading {
  padding: 0;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .advance-settings-accordion .accordion__heading .accordian-label {
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .advance-settings-accordion .accordion__panel {
  padding-left: 0;
  padding-right: 0;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .advance-settings-accordion .accordion__panel .known-unknown-filter .bs-radio-wrapper .bs-radio + span {
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordian-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 0;
  min-width: 0;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordian-label .icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #9ca3af;
  margin-right: 8px;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordian-label .label {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
  color: #1f2937;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordian-label .accordian-label-end {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordian-label .accordion-plus-icon,
.bs-csv-enrichment__add-filters-groups .accordion__item .accordian-label .accordion-minus-icon {
  color: #9ca3af;
  width: 14px;
  height: 14px;
}
.bs-csv-enrichment__add-filters-groups .accordion__item > .accordion__heading > .accordion__button {
  padding: 0;
  background: none;
  box-shadow: none;
}
.bs-csv-enrichment__add-filters-groups .accordion__item > .accordion__heading > .accordion__button::before {
  display: none;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion__panel {
  padding: 0 12px 8px;
  border-top: none;
}
.bs-csv-enrichment__add-filters-groups .accordion__item .accordion__panel .input-container {
  margin: 0;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-subcategory-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 0 1rem;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-subcategory-grid > .accordion__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
  border-bottom: none !important;
  border-radius: 0.25rem;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-tag-badge {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  color: #1f2937;
  padding: 2px 6px;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-tag-badge:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background: #eff6ff;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__add-filters-tag-badge .bs-csv-enrichment__add-filters-tag-x {
  font-size: 13px;
  line-height: 1;
}
.bs-csv-enrichment__add-filters-groups .filter-tag {
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .filter-tag .bs-tag-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bs-csv-enrichment__add-filters-groups .filter-tag.more-tag {
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .filter-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.375rem;
}
.bs-csv-enrichment__add-filters-groups .filter-section-label {
  font-size: 0.7rem;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 0.125rem;
  padding-left: 0.125rem;
}
.bs-csv-enrichment__add-filters-groups .filter-section-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.bs-csv-enrichment__add-filters-groups .filter-section-includes .filter-section-label {
  color: #6b7280;
}
.bs-csv-enrichment__add-filters-groups .filter-section-excludes .filter-section-label {
  color: #6b7280;
}
.bs-csv-enrichment__add-filters-groups .filter-section-advance .filter-section-label {
  color: #6b7280;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  padding: 6px 0;
  min-width: 140px;
  max-height: 10rem;
  overflow-y: auto;
  z-index: 1000;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover::-webkit-scrollbar {
  width: 6px;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover::-webkit-scrollbar-track {
  background: #f9fafb;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover::-webkit-scrollbar-thumb {
  background-color: #e5e7eb;
  border-radius: 3px;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover-item:hover {
  background: #eff6ff;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover-item span {
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover-item button {
  background: none;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  padding: 0 2px;
  flex-shrink: 0;
  font-size: 13px;
  line-height: 1;
}
.bs-csv-enrichment__add-filters-groups .bs-csv-enrichment__filter-chips-popover-item button:hover {
  color: #f5222d;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 12.5rem;
  overflow-y: auto;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container {
  display: flex;
  flex-direction: column;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.375rem;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .minus-plus-icon,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .minus-plus-icon {
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .minus-plus-icon svg,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .minus-plus-icon svg {
  color: #6b7280;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper {
  display: flex;
  flex: 1;
  min-width: 0;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .bs-checkbox,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .bs-checkbox {
  top: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .bs-checkbox .bs-checkbox-inner {
  border-radius: 0.25rem;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .checkbox-label-text,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .checkbox-label-text {
  font-size: 12px;
  font-weight: 500;
  color: #1f2937;
  line-height: 16px;
  flex: 1;
  min-width: 0;
  padding-right: 0;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .label-container,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .label-container {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .label-container .checkbox-label,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .label-container .checkbox-label {
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .bs-checkbox-wrapper .label-container .checked-number,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .bs-checkbox-wrapper .label-container .checked-number {
  color: #6b7280;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1rem;
  flex-shrink: 0;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .include-exclude-icons,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .include-exclude-icons {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  visibility: hidden;
  flex-shrink: 0;
  margin-left: auto;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .include-exclude-icons .circle-plus,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .include-exclude-icons .circle-plus {
  color: #1d4ed8;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .include-exclude-icons .circle-plus.include-disabled,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .include-exclude-icons .circle-plus.include-disabled {
  color: #595959;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox .include-exclude-icons .circle-minus,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child .include-exclude-icons .circle-minus {
  color: #dc2626;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox:hover .include-exclude-icons, .bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox:focus-within .include-exclude-icons,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child:hover .include-exclude-icons,
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-child:focus-within .include-exclude-icons {
  visibility: visible;
}
.bs-csv-enrichment__add-filters-groups .v2-filter-checkbox-list .v2-checkbox-container .v2-checkbox-children {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 0.5rem;
  margin-left: 1.75rem;
}
.bs-csv-enrichment__add-filters-groups .input-container {
  position: relative;
}
.bs-csv-enrichment__add-filters-groups .input-container .position-relative .position-absolute.include-exclude-icons {
  visibility: hidden;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  pointer-events: auto;
}
.bs-csv-enrichment__add-filters-groups .input-container .position-relative .position-absolute.include-exclude-icons .circle-plus {
  color: #1d4ed8;
  width: 1rem;
  height: 1rem;
}
.bs-csv-enrichment__add-filters-groups .input-container .position-relative .position-absolute.include-exclude-icons .circle-plus.include-disabled {
  color: #595959;
}
.bs-csv-enrichment__add-filters-groups .input-container .position-relative .position-absolute.include-exclude-icons .circle-minus {
  color: #dc2626;
  width: 1rem;
  height: 1rem;
}
.bs-csv-enrichment__add-filters-groups .input-container .position-relative:hover .position-absolute.include-exclude-icons, .bs-csv-enrichment__add-filters-groups .input-container .position-relative:focus-within .position-absolute.include-exclude-icons {
  visibility: visible;
}
.bs-csv-enrichment__add-filters-groups .input-container .position-relative .auto-search-input {
  padding-right: 3.25rem;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item {
  min-width: 0;
  gap: 0.5rem;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item > .d-flex.flex-column {
  flex: 1 1 0%;
  min-width: 0;
  overflow: hidden;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item > .d-flex.flex-column > .d-flex.align-items-center {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  width: 100%;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item .include-exclude-icons {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  visibility: hidden;
  flex-shrink: 0;
  margin-left: auto;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item .include-exclude-icons .circle-plus {
  color: #1d4ed8;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item .include-exclude-icons .circle-plus.include-disabled {
  color: #595959;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item .include-exclude-icons .circle-minus {
  color: #dc2626;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item:hover .include-exclude-icons, .bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item:focus-within .include-exclude-icons {
  visibility: visible;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item .autocomplete-text {
  display: block !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item .company-domain-truncated-text {
  max-width: 100% !important;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item .autocomplete-suggestion-actions--applied {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item .autocomplete-suggestion-actions--applied .include-exclude-icons {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete .autocomplete-menu-list {
  background-color: #eff6ff;
  color: #1f2937;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item.autocomplete-item--applied .autocomplete-item-content {
  opacity: 0.35;
}
.bs-csv-enrichment__add-filters-groups .input-container .autocomplete li.item.autocomplete-item--applied:hover .filter-action-chip {
  opacity: 0;
  pointer-events: none;
}
.bs-csv-enrichment__add-filters-groups .filter-action-chip {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 0.25rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.bs-csv-enrichment__add-filters-groups .filter-action-chip--included {
  background-color: rgba(29, 78, 216, 0.1);
  color: #1d4ed8;
}
.bs-csv-enrichment__add-filters-groups .filter-action-chip--excluded {
  background-color: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}
.bs-csv-enrichment__add-filters-groups .circle-status-active {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  cursor: pointer;
}
.bs-csv-enrichment__add-filters-groups .circle-status-active.circle-status-included {
  color: #1d4ed8;
}
.bs-csv-enrichment__add-filters-groups .circle-status-active.circle-status-excluded {
  color: #dc2626;
}

.bulk-search {
  display: flex;
  padding: 0;
  margin-top: 0.5rem;
}
.bulk-search span {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.bulk-search:hover, .bulk-search:focus, .bulk-search:active {
  color: #1d4ed8;
  text-decoration: none;
}

.bs-csv-enrichment__add-filters .filter-disabled-by-unknown .disabled-filter-wrapper {
  cursor: not-allowed;
}
.bs-csv-enrichment__add-filters .filter-disabled-by-unknown .disabled-filter-wrapper .disabled-filter-content {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}
.bs-csv-enrichment__add-filters .filter-disabled-by-unknown .disabled-filter-wrapper .disabled-filter-content * {
  cursor: not-allowed;
  pointer-events: none;
}
.bs-csv-enrichment__add-filters .filter-disabled-by-unknown .disabled-filter-wrapper .dropdown-filter-select {
  opacity: 0.5;
  filter: blur(0.5px);
  pointer-events: none;
}
.bs-csv-enrichment__add-filters .filter-disabled-by-unknown .disabled-filter-wrapper .auto-search-input {
  opacity: 0.5;
  filter: blur(0.5px);
  background-color: #f9fafb;
  cursor: not-allowed;
  pointer-events: none;
}
.bs-csv-enrichment__add-filters .filter-disabled-by-unknown .disabled-filter-wrapper .auto-search-input:disabled {
  background-color: #f9fafb;
  cursor: not-allowed;
  opacity: 0.5;
}
.bs-csv-enrichment__add-filters .input-container.filter-disabled-by-unknown .disabled-filter-wrapper {
  cursor: not-allowed;
}
.bs-csv-enrichment__add-filters .input-container.filter-disabled-by-unknown .disabled-filter-wrapper input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.bs-design-system-page {
  padding: 32px;
  max-width: 1400px;
  margin: 0 auto;
  height: 100vh;
  overflow-y: auto;
  background-color: #ffffff;
}
.bs-design-system-page__header {
  margin-bottom: 32px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 24px;
}
.bs-design-system-page__layout {
  display: flex;
  gap: 32px;
}
.bs-design-system-page__sidebar {
  position: sticky;
  top: 32px;
  width: 200px;
  min-width: 200px;
  height: fit-content;
  max-height: calc(100vh - 96px);
  overflow-y: auto;
}
.bs-design-system-page__sidebar-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bs-design-system-page__sidebar-nav li {
  margin-bottom: 4px;
}
.bs-design-system-page__sidebar-nav a {
  display: block;
  padding: 6px 12px;
  color: #6b7280;
  text-decoration: none;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.bs-design-system-page__sidebar-nav a:hover {
  color: #1d4ed8;
  background-color: #f3f4f6;
  text-decoration: none;
}
.bs-design-system-page__content {
  flex: 1;
  min-width: 0;
}
.bs-design-system-page__section {
  margin-bottom: 48px;
}
.bs-design-system-page__section-title {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}
.bs-design-system-page__section-subtitle {
  margin-bottom: 16px;
  margin-top: 24px;
}
.bs-design-system-page__color-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}
.bs-design-system-page__color-swatch {
  cursor: pointer;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.2s ease;
}
.bs-design-system-page__color-swatch:hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.bs-design-system-page__color-swatch-color {
  height: 64px;
  width: 100%;
}
.bs-design-system-page__color-swatch-info {
  padding: 8px;
  background-color: #ffffff;
}
.bs-design-system-page__type-sample {
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  margin-bottom: 8px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.bs-design-system-page__type-sample-label {
  min-width: 120px;
  flex-shrink: 0;
}
.bs-design-system-page__spacing-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.bs-design-system-page__spacing-row-label {
  min-width: 100px;
  flex-shrink: 0;
}
.bs-design-system-page__spacing-row-bar {
  height: 24px;
  background-color: #dbeafe;
  border: 1px solid #bfdbfe;
  border-radius: 2px;
}
.bs-design-system-page__spacing-row-value {
  min-width: 60px;
  flex-shrink: 0;
}
.bs-design-system-page__radius-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.bs-design-system-page__radius-demo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.bs-design-system-page__radius-demo-box {
  width: 80px;
  height: 80px;
  background-color: #dbeafe;
  border: 2px solid #3b82f6;
}
.bs-design-system-page__shadow-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.bs-design-system-page__shadow-demo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.bs-design-system-page__shadow-demo-box {
  width: 120px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
.bs-design-system-page__button-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.bs-design-system-page__button-group {
  margin-bottom: 24px;
}
.bs-design-system-page__avatar-grid {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.bs-design-system-page__avatar-demo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.bs-design-system-page__badge-grid {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.bs-design-system-page__badge-demo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}
.bs-design-system-page__badge-demo-dot {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bs-design-system-page__semantic-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}
.bs-design-system-page__semantic-card {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bs-design-system-page__semantic-card:hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.bs-design-system-page__semantic-card-color {
  height: 48px;
}
.bs-design-system-page__semantic-card-info {
  padding: 12px;
}
.bs-design-system-page__status-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 0.25rem;
}
.bs-design-system-page__status-badge--success {
  background-color: #d1fae5;
  color: #065f46;
}
.bs-design-system-page__status-badge--error {
  background-color: #fee2e2;
  color: #b91c1c;
}
.bs-design-system-page__status-badge--warning {
  background-color: #ffedd5;
  color: #b45309;
}
.bs-design-system-page__status-badge--info {
  background-color: #dbeafe;
  color: #1d4ed8;
}
.bs-design-system-page__status-badge--neutral {
  background-color: #f3f4f6;
  color: #6b7280;
}
.bs-design-system-page__toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  padding: 8px 16px;
  background-color: #262626;
  color: #ffffff;
  border-radius: 0.25rem;
  z-index: 9999;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  pointer-events: none;
}
.bs-design-system-page__toast--visible {
  opacity: 1;
  transform: translateY(0);
}
.bs-design-system-page__weight-sample {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 8px 0;
  border-bottom: 1px solid #f3f4f6;
}
.bs-design-system-page__weight-sample:last-child {
  border-bottom: none;
}
.bs-design-system-page__weight-sample-label {
  min-width: 180px;
  flex-shrink: 0;
}
.bs-design-system-page__component-showcase {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.bs-design-system-page__pattern-row {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 0.25rem;
  margin-bottom: 8px;
}
.bs-design-system-page__pattern-label {
  min-width: 120px;
  flex-shrink: 0;
}
.bs-design-system-page__code-tag {
  margin-left: auto;
  flex-shrink: 0;
  padding: 2px 8px;
  background-color: #f3f4f6;
  border-radius: 0.25rem;
  color: #4b5563;
}
.bs-design-system-page__input-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 16px;
}
.bs-design-system-page__card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
.bs-design-system-page__card--bordered {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background-color: #ffffff;
}
.bs-design-system-page__card--elevated {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.bs-design-system-page__list-item {
  border-bottom: 1px solid #e5e7eb;
}

.bs-error-boundary-feedback-modal-backdrop.modal-backdrop {
  backdrop-filter: none;
  background-color: rgba(0, 0, 0, 0.6);
}

.bs-error-boundary-feedback-modal .modal-dialog {
  max-width: 640px;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.3);
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 24px 24px 0 24px;
  border-bottom: none;
  text-align: center;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-header .modal-title span {
  font-size: 24px;
  line-height: 20px;
  font-weight: 500;
  color: #1f2937;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-header .modal-title-description {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #9ca3af;
  width: 100%;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-header .modal-title-description .change-email-modal--divider {
  width: 100%;
  margin: 24px 0 0 0;
  background-color: #e5e7eb;
  height: 1px;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 24px 24px 0 24px;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-body .bs-error-boundary-feedback-success-text {
  border: 1px solid #c9dec2;
  background: #fcfefb;
  padding: 30px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #52c41a;
  text-align: center;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-body .change-email-modal--divider {
  width: 100%;
  margin: 20px 0 0 0;
  background-color: #e5e7eb;
  height: 1px;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-body .bs-error-boundary-textarea-title {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #1f2937;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-body .bs-error-boundary-feedback-modal-textarea {
  min-height: 102px;
  max-height: 550px;
  background: #f9fafb;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-body .bs-error-boundary-feedback-modal-textarea::placeholder {
  color: #9ca3af;
}
.bs-error-boundary-feedback-modal .modal-dialog .modal-content .modal-content-container .modal-footer {
  border-top: none;
}

.copilot-drawer {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1070;
  display: flex;
  flex-direction: column;
  max-width: min(720px, 100vw);
  max-height: calc(100vh - 5.625rem - var(--lf-ext-banner-offset, 0rem));
  background: #fff;
  border: 1px solid #e5e7eb;
  border-top: 3px solid #1d4ed8;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-right: none;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform 0.28s ease;
}
.copilot-drawer--open {
  pointer-events: auto;
  transform: translateX(0);
}
.copilot-drawer--fullpage {
  top: var(--lf-ext-banner-offset, 0rem);
  right: 0;
  bottom: 0;
  left: 0;
  max-width: none;
  max-height: none;
  border: none;
  border-top: 3px solid #1d4ed8;
  border-radius: 0;
}
.copilot-drawer__body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  background: #fff;
}
.copilot-drawer__frame {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.copilot-drawer__resize {
  position: absolute;
  z-index: 2;
  padding: 0;
  border: none;
  background: transparent;
}
.copilot-drawer__resize--left {
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
.copilot-drawer__resize--top {
  top: 0;
  right: 0;
  left: 0;
  height: 8px;
}
.copilot-drawer__resize--corner {
  top: 0;
  left: 0;
  z-index: 3;
  width: 14px;
  height: 14px;
}
.copilot-drawer__resize.copilot-drawer__resize--left {
  cursor: ew-resize;
}
.copilot-drawer__resize.copilot-drawer__resize--top {
  cursor: ns-resize;
}
.copilot-drawer__resize.copilot-drawer__resize--corner {
  cursor: nwse-resize;
}

.copilot-drag-shield {
  position: fixed;
  inset: 0;
  z-index: 1071;
  background: transparent;
  pointer-events: auto;
}
.copilot-drag-shield--x {
  cursor: ew-resize;
}
.copilot-drag-shield--y {
  cursor: ns-resize;
}
.copilot-drag-shield--xy {
  cursor: nwse-resize;
}

.copilot-fab {
  position: fixed;
  right: 24px;
  bottom: 46px;
  z-index: 1041;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.copilot-fab__mark {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12)) drop-shadow(0 0 8px rgba(1, 55, 252, 0.18));
  transition: filter 0.3s ease;
}
.copilot-fab .copilot-mark__tri {
  fill: #0137fc;
}
.copilot-fab:hover {
  transform: scale(1.08);
}
.copilot-fab:hover .copilot-fab__mark {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15)) drop-shadow(0 0 12px rgba(1, 55, 252, 0.35));
}
.copilot-fab:active {
  transform: scale(0.96);
}
.copilot-fab--shifted {
  right: 88px;
}

.copilot-fab--anim-relay .copilot-mark__tri {
  transform-box: fill-box;
  transform-origin: center;
  animation-duration: 4.5s;
  animation-timing-function: cubic-bezier(0.45, 0, 0.25, 1);
  animation-iteration-count: infinite;
}
.copilot-fab--anim-relay .copilot-mark__tri-3 {
  animation-name: copilot-relay-tail;
  animation-delay: 0s;
}
.copilot-fab--anim-relay .copilot-mark__tri-2 {
  animation-name: copilot-relay-mid;
  animation-delay: 0.3s;
}
.copilot-fab--anim-relay .copilot-mark__tri-1 {
  animation-name: copilot-relay-head;
  animation-delay: 0.6s;
}

@keyframes copilot-relay-tail {
  0% {
    fill: #0137fc;
    transform: scale(1);
  }
  20% {
    fill: #346aff;
    transform: scale(1.09);
  }
  100% {
    fill: #0137fc;
    transform: scale(1);
  }
}
@keyframes copilot-relay-mid {
  0% {
    fill: #0137fc;
    transform: scale(1);
  }
  20% {
    fill: #597ef7;
    transform: scale(1.09);
  }
  100% {
    fill: #0137fc;
    transform: scale(1);
  }
}
@keyframes copilot-relay-head {
  0% {
    fill: #0137fc;
    transform: scale(1);
  }
  20% {
    fill: #8b5cf6;
    transform: scale(1.09);
  }
  100% {
    fill: #0137fc;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .copilot-fab--anim-relay .copilot-mark__tri {
    animation: none;
    fill: #0137fc;
    transform: none;
  }
}
.copilot-fab .copilot-mark__shell {
  transform-box: view-box;
  transform-origin: 32px 32px;
  transform: rotate(-7deg);
}
.copilot-fab .copilot-mark__body {
  fill: #0137fc;
}
.copilot-fab .copilot-mark__accent {
  fill: #8b5cf6;
}
.copilot-fab .copilot-mark__eyes {
  fill: #fff;
}
.copilot-fab .copilot-fab__mark .copilot-mark__pose,
.copilot-fab .copilot-fab__mark .copilot-mark__track,
.copilot-fab .copilot-fab__mark .copilot-mark__tail {
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.copilot-fab:hover .copilot-mark__pose,
.copilot-fab:hover .copilot-mark__track,
.copilot-fab:hover .copilot-mark__eyes,
.copilot-fab:hover .copilot-mark__tail {
  animation: none;
}
.copilot-fab:hover .copilot-mark__pose {
  transform: rotate(0deg) translateY(-1px);
}
.copilot-fab:hover .copilot-mark__track {
  transform: translate(0, -1.5px);
}
.copilot-fab:hover .copilot-mark__tail {
  transform-box: view-box;
  transform-origin: 58px 58px;
  transform: rotate(-6deg);
}

.copilot-fab--alive .copilot-mark__pose {
  transform-box: view-box;
  transform-origin: 32px 40px;
  animation: copilot-lean 7s ease-in-out infinite;
}
.copilot-fab--alive .copilot-mark__track {
  transform-box: view-box;
  animation: copilot-glance 11s ease-in-out infinite;
}
.copilot-fab--alive .copilot-mark__eyes {
  transform-box: fill-box;
  transform-origin: center;
  animation: copilot-blink 5.5s ease-in-out infinite;
}
.copilot-fab--alive .copilot-mark__tail {
  transform-box: view-box;
  transform-origin: 58px 58px;
  animation: copilot-wag 6.5s ease-in-out infinite;
}

@keyframes copilot-lean {
  0%, 100% {
    transform: rotate(0deg) translateY(0);
  }
  18% {
    transform: rotate(-4deg) translateY(-0.6px);
  }
  46% {
    transform: rotate(3deg) translateY(0.4px);
  }
  70% {
    transform: rotate(0deg) translateY(0);
  }
}
@keyframes copilot-glance {
  0%, 100% {
    transform: translateX(0);
  }
  22% {
    transform: translateX(1.6px);
  }
  38% {
    transform: translateX(1.6px);
  }
  58% {
    transform: translateX(-1.4px);
  }
  74% {
    transform: translateX(0);
  }
}
@keyframes copilot-blink {
  0%, 8%, 11.5%, 64%, 67%, 70%, 73%, 100% {
    transform: scaleY(1);
  }
  9.5%, 65.5%, 71.5% {
    transform: scaleY(0.1);
  }
}
@keyframes copilot-wag {
  0%, 58%, 100% {
    transform: rotate(0deg);
    fill: #8b5cf6;
  }
  64% {
    transform: rotate(-8deg);
    fill: #a78bfa;
  }
  71% {
    transform: rotate(3deg);
    fill: #a78bfa;
  }
  78% {
    transform: rotate(-4deg);
    fill: #8b5cf6;
  }
  86% {
    transform: rotate(0deg);
    fill: #8b5cf6;
  }
}
@media (prefers-reduced-motion: reduce) {
  .copilot-fab--alive .copilot-mark__pose,
  .copilot-fab--alive .copilot-mark__track,
  .copilot-fab--alive .copilot-mark__eyes,
  .copilot-fab--alive .copilot-mark__tail {
    animation: none;
    transform: none;
  }
}
.pointer {
  cursor: pointer !important;
}

.pointer-not-allowed {
  cursor: not-allowed !important;
}

.text-decoration-line-through {
  text-decoration: line-through;
}

.text-decoration-underline {
  text-decoration: underline;
}

.text-decoration-underline-hover:hover {
  text-decoration: underline;
}

.text-decoration-uppercase {
  text-decoration: uppercase !important;
}

body {
  overflow-y: hidden;
}
body.sb-show-main.sb-main-fullscreen {
  overflow-y: auto;
}

.HW_badge.HW_visible {
  background: #ef4444;
}

.HW_badge.HW_softHidden {
  opacity: 0 !important;
}

.preheader-popover .tooltip-inner {
  width: 100%;
  max-width: 100%;
  text-align: left;
}

.form-input-error-caption {
  font-size: 0.625rem;
}

.spinner--blue {
  border-color: #1d4ed8 !important;
  border-right-color: transparent !important;
}

.export-btn {
  color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

.no-result-empty-list {
  height: calc(100vh - 11.25rem);
}
.no-result-empty-list .empty-list__inner-vertical {
  position: static;
  top: 0;
  left: 0;
  transform: none;
  height: 100%;
}
.no-result-empty-list .empty-list__inner-vertical .empty-list__photo-vertical {
  height: 10rem;
}
.no-result-empty-list .empty-list__inner-vertical .empty-list__photo-vertical img {
  width: 100%;
  height: 100%;
  user-select: none;
}
.no-result-empty-list .empty-list__inner-vertical .empty-list__content-vertical {
  padding: 0 1.875rem;
  width: 100%;
  height: auto;
  margin-top: 2.5rem;
}
.no-result-empty-list .empty-list__inner-vertical .empty-list__content-vertical .empty-list__title-vertical {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.no-result-empty-list .empty-list__inner-vertical .empty-list__content-vertical .empty-list__body-vertical {
  width: 100%;
  font-size: 1rem;
  color: #9ca3af;
  text-align: center;
  margin-bottom: 0;
}

.subject-cell {
  max-width: 310px;
}
.subject-cell div {
  max-width: max-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sequence-name {
  max-width: 310px;
}
.sequence-name div {
  max-width: max-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.action-btn--refresh,
.action-btn--export,
.action-btn--delete {
  color: #6b7280;
  font-weight: 500 !important;
  border: none !important;
  padding: 0 !important;
  width: 5rem !important;
  min-width: 5rem !important;
  height: 1.25rem !important;
  transition: all 0.2s ease;
}
.action-btn--refresh:hover,
.action-btn--export:hover,
.action-btn--delete:hover {
  color: #1d4ed8 !important;
}
.action-btn--refresh:hover i::before,
.action-btn--export:hover i::before,
.action-btn--delete:hover i::before {
  color: #1d4ed8 !important;
}
.action-btn--refresh:focus,
.action-btn--export:focus,
.action-btn--delete:focus {
  box-shadow: none !important;
}

.action-btn--export {
  margin-left: 1.25rem;
}
.action-btn--export .export-loader {
  height: 20px;
  width: 20px;
}
.action-btn--export.icon-only {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  padding: 0.3125rem !important;
}
.action-btn--export.icon-only .icon-left {
  margin: 0;
  font-size: 1.25rem;
  color: #6b7280;
  display: flex;
  justify-content: center;
  align-items: center;
}
.action-btn--export.icon-only:hover {
  background-color: #dbeafe !important;
}
.action-btn--export.icon-only:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.action-btn--export__mr-20 {
  margin-right: 1.25rem;
}

.action-btn--delete {
  width: max-content !important;
  min-width: max-content !important;
}

.beta-badge {
  width: 2.5rem;
  height: 1.125rem;
  background: #fb923c;
  border-radius: 6.25rem;
}
.beta-badge span {
  line-height: 0.875rem;
  color: #ffffff;
}

.faq-badge {
  width: 8.063rem;
  height: 1.625rem;
  color: #6b7280;
  border: 1px solid #bfdbfe;
  border-radius: 1.25rem;
  transition: 0.5s;
}
.faq-badge span {
  line-height: 1.25rem;
  font-size: 0.75rem;
}

.faq-badge:hover {
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
  text-decoration: none;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-default {
  cursor: default !important;
}

.react-loading-skeleton {
  --highlight-color: #ebebeb !important;
}

.page-header-loader {
  padding: 1.5rem 1.875rem;
}
.page-header-loader div {
  gap: 1.25rem;
}

.table-loader .table-header-loader {
  padding: 0 30px;
  height: 40px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
}
.table-loader .table-row-loader {
  padding: 0 30px;
  height: 64px;
  border: 1px solid #e8e8e8;
}

.is-manual {
  left: 70px !important;
}

.report-seq-filter {
  margin-right: 1.25rem;
  background-color: #f9fafb !important;
}

.sequence-report-select-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 10.1875rem;
  height: 2rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #1f2937;
  background-color: #ffffff;
  border: 0.0625rem solid #e8eff5;
  border-radius: 0.25rem;
  cursor: pointer;
}
.sequence-report-select-btn svg {
  color: #9ca3af;
}
.sequence-report-select-btn div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.sequence-report-select-btn div i {
  color: #4b5563;
}

.sequence-report-select {
  padding: 2px 0 0 0 !important;
  height: 2rem;
}
.sequence-report-select .transfer-content {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.sequence-report-select .transfer-content::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari and Opera */
}
.sequence-report-select .transfer-footer {
  border-top: 1px solid #e5e7eb;
}
.sequence-report-select .transfer-list li {
  height: 40px;
  line-height: 20px !important;
  padding: 10px 16px !important;
}
.sequence-report-select .transfer-list li .checkbox-wrapper,
.sequence-report-select .transfer-list li .checkbox-wrapper label {
  width: 1rem;
  height: 1rem;
  line-height: 20px;
}
.sequence-report-select .transfer-list li .option-content {
  display: flex;
  align-items: center;
  height: 20px;
  line-height: 20px;
  width: calc(100% - 24px);
}
.sequence-report-select .transfer-list .disabled {
  pointer-events: none;
}
.sequence-report-select .transfer-list .disabled .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner {
  opacity: 0.5;
  background-color: #1d4ed8;
  border-width: 0px;
}
.sequence-report-select .transfer-list .disabled .bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner::after {
  background-color: #1d4ed8;
}
.sequence-report-select .transfer-list .disabled .option-content {
  opacity: 0.5;
}
.sequence-report-select .sequence-name-item {
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1f2937;
  margin-top: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shd-alert--icon {
  display: flex;
  align-items: center;
}

.alert-width {
  width: 100%;
}

.gray-secondary-btn {
  min-width: 6.25rem !important;
  height: 2rem !important;
  border: 0.0625rem solid #e5e7eb !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  transition: all 0.2s ease !important;
  color: #6b7280 !important;
}
.gray-secondary-btn:focus-visible {
  outline: none;
}
.gray-secondary-btn:hover, .gray-secondary-btn:active, .gray-secondary-btn:focus {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
}
.gray-secondary-btn.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.gray-secondary-btn.disabled:hover, .gray-secondary-btn.disabled:active, .gray-secondary-btn.disabled:focus {
  background-color: transparent !important;
}

.prospect-filter-bar-loader {
  gap: 1.875rem;
}
.prospect-filter-bar-loader span {
  display: flex;
  height: 1.9125rem;
}

.copy-button-icon {
  transition: all 0.2s ease;
}
.copy-button-icon:hover {
  color: #1d4ed8;
}

.click-to-copy-tooltip .tooltip-inner {
  width: 5.9375rem;
  max-width: 5.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif !important;
}

code {
  font-family: "Inter", sans-serif;
}

.blue-1 {
  background: #e6f7ff;
}

.blue-2 {
  background: #bae7ff;
}

.blue-3 {
  background: #9ad0ff;
}

.blue-4 {
  background: #80b6ff;
}

.blue-5 {
  background: #346aff;
}

.blue-6 {
  background: #0137fc;
}

.blue-7 {
  background: #0004c9;
}

.blue-8 {
  background: #000096;
}

.blue-9 {
  background: #00007d;
}

.blue-10 {
  background: #000063;
}

.blue-11 {
  background: #1d4ed8;
}

.blue-12 {
  background: #bfdbfe;
}

.blue-13 {
  background: #dbeafe;
}

.blue-14 {
  background: #d1d5db;
}

.blue-15 {
  background: #1f2937;
}

.blue-16 {
  background: #374151;
}

.blue-17 {
  background: #eff6ff;
}

.blue-18 {
  background: #222f3e;
}

.blue-19 {
  background: #93c5fd;
}

.blue-20 {
  background: #1e40af;
}

.blue-21 {
  background: #1a73e8;
}

.blue-22 {
  background: #daeafd;
}

.blue-txt-23 {
  color: #60a5fa;
}

.blue-txt-24 {
  color: #3b82f6;
}

.blue-txt-25 {
  color: #60a5fa;
}

.blue-txt-29 {
  color: #178acf;
}

.gray-1 {
  background: #ffffff;
}

.gray-2 {
  background: #fafafa;
}

.gray-3 {
  background: #f5f5f5;
}

.gray-4 {
  background: #e8e8e8;
}

.gray-5 {
  background: #d9d9d9;
}

.gray-6 {
  background: #bfbfbf;
}

.gray-7 {
  background: #8c8c8c;
}

.gray-8 {
  background: #595959;
}

.gray-9 {
  background: #262626;
}

.gray-10 {
  background: #000000;
}

.gray-11 {
  background: #9ca3af;
}

.gray-12 {
  background: #4b5563;
}

.gray-13 {
  background: #e5e7eb;
}

.gray-14 {
  background: #eaedef;
}

.gray-15 {
  background: #6b7280;
}

.gray-16 {
  background: #f3f4f6;
}

.gray-17 {
  background: #111827;
}

.gray-18 {
  background: #6c6f74;
}

.gray-19 {
  background: #f9fafb;
}

.gray-20 {
  background: #dee0e2;
}

.gray-21 {
  background: #6c7280;
}

.gray-22 {
  background: #ece9f1;
}

.gray-23 {
  background: #d1d5db;
}

.gray-24 {
  background: #212529;
}

.gray-25 {
  background: #f7f8f9;
}

.gray-26 {
  background: #e8eff5;
}

.gray-27 {
  background: #77787a;
}

.red-1 {
  background: #fff1f0;
}

.red-2 {
  background: #ffccc7;
}

.red-3 {
  background: #ffa39e;
}

.red-4 {
  background: #ff7875;
}

.red-5 {
  background: #ff4d4f;
}

.red-6 {
  background: #f5222d;
}

.red-7 {
  background: #cf1322;
}

.red-8 {
  background: #a8071a;
}

.red-9 {
  background: #820014;
}

.red-10 {
  background: #5c0011;
}

.red-11 {
  background: #fecaca;
}

.red-12 {
  background: #b91c1c;
}

.red-13 {
  background: #b80b1f;
}

.red-14 {
  background: #ffd6db;
}

.red-15 {
  background: #f87171;
}

.red-16 {
  background: #b91c1c;
}

.red-17 {
  background: #fef2f2;
}

.red-18 {
  background: #dc2626;
}

.red-19 {
  background: #fee2e2;
}

.volcano-1 {
  background: #fff2e8;
}

.volcano-2 {
  background: #ffd8bf;
}

.volcano-3 {
  background: #ffbb96;
}

.volcano-4 {
  background: #ff9c6e;
}

.volcano-5 {
  background: #ff7a45;
}

.volcano-6 {
  background: #fa541c;
}

.volcano-7 {
  background: #d4380d;
}

.volcano-8 {
  background: #ad2102;
}

.volcano-9 {
  background: #871400;
}

.volcano-10 {
  background: #610b00;
}

.orange-1 {
  background: #fff7e6;
}

.orange-2 {
  background: #ffe7ba;
}

.orange-3 {
  background: #ffd591;
}

.orange-4 {
  background: #ffc069;
}

.orange-5 {
  background: #ffa940;
}

.orange-6 {
  background: #fa8c16;
}

.orange-7 {
  background: #d46b08;
}

.orange-8 {
  background: #ad4e00;
}

.orange-9 {
  background: #873800;
}

.orange-10 {
  background: #612500;
}

.gold-1 {
  background: #fffbe6;
}

.gold-2 {
  background: #fff1b8;
}

.gold-3 {
  background: #ffe58f;
}

.gold-4 {
  background: #ffd666;
}

.gold-5 {
  background: #ffc53d;
}

.gold-6 {
  background: #faad14;
}

.gold-7 {
  background: #d48806;
}

.gold-8 {
  background: #ad6800;
}

.gold-9 {
  background: #874d00;
}

.gold-10 {
  background: #613400;
}

.yellow-1 {
  background: #feffe6;
}

.yellow-2 {
  background: #ffffb8;
}

.yellow-3 {
  background: #fffb8f;
}

.yellow-4 {
  background: #fff566;
}

.yellow-5 {
  background: #ffec3d;
}

.yellow-6 {
  background: #fadb14;
}

.yellow-7 {
  background: #d4b106;
}

.yellow-8 {
  background: #ad8b00;
}

.yellow-9 {
  background: #876800;
}

.yellow-10 {
  background: #614700;
}

.yellow-11 {
  background: #fffbeb;
}

.lime-1 {
  background: #fcffe6;
}

.lime-2 {
  background: #f4ffb8;
}

.lime-3 {
  background: #eaff8f;
}

.lime-4 {
  background: #d3f261;
}

.lime-5 {
  background: #bae637;
}

.lime-6 {
  background: #a0d911;
}

.lime-7 {
  background: #7cb305;
}

.lime-8 {
  background: #5b8c00;
}

.lime-9 {
  background: #3f6600;
}

.lime-10 {
  background: #254000;
}

.green-1 {
  background: #f6ffed;
}

.green-2 {
  background: #d9f7be;
}

.green-3 {
  background: #b7eb8f;
}

.green-4 {
  background: #95de64;
}

.green-5 {
  background: #73d13d;
}

.green-6 {
  background: #52c41a;
}

.green-7 {
  background: #389e0d;
}

.green-8 {
  background: #237804;
}

.green-9 {
  background: #135200;
}

.green-10 {
  background: #092b00;
}

.green-11 {
  background: #d1fae5;
}

.green-12 {
  background: #065f46;
}

.green-13 {
  background: #10b981;
}

.green-14 {
  background: #047857;
}

.green-15 {
  background: #a7f3d0;
}

.cyan-1 {
  background: #e6fffb;
}

.cyan-2 {
  background: #b5f5ec;
}

.cyan-3 {
  background: #87e8de;
}

.cyan-4 {
  background: #5cdbd3;
}

.cyan-5 {
  background: #36cfc9;
}

.cyan-6 {
  background: #13c2c2;
}

.cyan-7 {
  background: #08979c;
}

.cyan-8 {
  background: #006d75;
}

.cyan-9 {
  background: #00474f;
}

.cyan-10 {
  background: #002329;
}

.cyan-11 {
  background: #cffafe;
}

.geekblue-1 {
  background: #f0f5ff;
}

.geekblue-2 {
  background: #d6e4ff;
}

.geekblue-3 {
  background: #adc6ff;
}

.geekblue-4 {
  background: #85a5ff;
}

.geekblue-5 {
  background: #597ef7;
}

.geekblue-6 {
  background: #2f54eb;
}

.geekblue-7 {
  background: #1d39c4;
}

.geekblue-8 {
  background: #10239e;
}

.geekblue-9 {
  background: #061178;
}

.geekblue-10 {
  background: #030852;
}

.purple-1 {
  background: #f9f0ff;
}

.purple-2 {
  background: #efdbff;
}

.purple-3 {
  background: #d3adf7;
}

.purple-4 {
  background: #b37feb;
}

.purple-5 {
  background: #9254de;
}

.purple-6 {
  background: #722ed1;
}

.purple-7 {
  background: #531dab;
}

.purple-8 {
  background: #391085;
}

.purple-9 {
  background: #22075e;
}

.purple-10 {
  background: #120338;
}

.purple-14 {
  background: #ede9fe;
}

.magenta-1 {
  background: #fff0f6;
}

.magenta-2 {
  background: #ffd6e7;
}

.magenta-3 {
  background: #ffadd2;
}

.magenta-4 {
  background: #ff85c0;
}

.magenta-5 {
  background: #f759ab;
}

.magenta-6 {
  background: #eb2f96;
}

.magenta-7 {
  background: #c41d7f;
}

.magenta-8 {
  background: #9e1068;
}

.magenta-9 {
  background: #780650;
}

.magenta-10 {
  background: #520339;
}

/*Text */
.blue-txt-1 {
  color: #e6f7ff;
}

.blue-txt-2 {
  color: #bae7ff;
}

.blue-txt-3 {
  color: #9ad0ff;
}

.blue-txt-4 {
  color: #80b6ff;
}

.blue-txt-5 {
  color: #346aff;
}

.blue-txt-6 {
  color: #0137fc;
}

.blue-txt-7 {
  color: #0004c9;
}

.blue-txt-8 {
  color: #000096;
}

.blue-txt-9 {
  color: #00007d;
}

.blue-txt-10 {
  color: #000063;
}

.blue-txt-11 {
  color: #1d4ed8;
}

.blue-txt-12 {
  color: #bfdbfe;
}

.blue-txt-13 {
  color: #dbeafe;
}

.blue-txt-14 {
  color: #d1d5db;
}

.blue-txt-15 {
  color: #1f2937;
}

.blue-txt-12 {
  color: #bfdbfe;
}

.blue-txt-13 {
  color: #dbeafe;
}

.blue-txt-14 {
  color: #d1d5db;
}

.blue-txt-15 {
  color: #1f2937;
}

.blue-txt-16 {
  color: #374151;
}

.blue-txt-23 {
  color: #60a5fa;
}

.blue-txt-24 {
  color: #3b82f6;
}

.blue-txt-25 {
  color: #1878f2;
}

.blue-txt-31 {
  color: #2563eb;
}

.gray-txt-1 {
  color: #ffffff;
}

.gray-txt-2 {
  color: #fafafa;
}

.gray-txt-3 {
  color: #f5f5f5;
}

.gray-txt-4 {
  color: #e8e8e8;
}

.gray-txt-5 {
  color: #d9d9d9;
}

.gray-txt-6 {
  color: #bfbfbf;
}

.gray-txt-7 {
  color: #8c8c8c;
}

.gray-txt-8 {
  color: #595959;
}

.gray-txt-9 {
  color: #262626;
}

.gray-txt-10 {
  color: #000000;
}

.gray-txt-11 {
  color: #9ca3af;
}

.gray-txt-12 {
  color: #4b5563;
}

.gray-txt-13 {
  color: #e5e7eb;
}

.gray-txt-14 {
  color: #eaedef;
}

.gray-txt-15 {
  color: #6b7280;
}

.gray-txt-16 {
  color: #f3f4f6;
}

.gray-txt-17 {
  color: #111827;
}

.gray-txt-18 {
  color: #6c6f74;
}

.gray-txt-19 {
  color: #f9fafb;
}

.gray-txt-20 {
  color: #dee0e2;
}

.gray-txt-21 {
  color: #6c7280;
}

.gray-txt-22 {
  color: #ece9f1;
}

.gray-txt-23 {
  color: #d1d5db;
}

.gray-txt-24 {
  color: #212529;
}

.gray-txt-25 {
  color: #f7f8f9;
}

.gray-txt-26 {
  color: #e8eff5;
}

.gray-txt-27 {
  color: #77787a;
}

.gray-txt-28 {
  color: #838697;
}

.gray-txt-29 {
  color: #e6eaee;
}

.gray-txt-30 {
  color: #8194ad;
}

.red-txt-1 {
  color: #fff1f0;
}

.red-txt-2 {
  color: #ffccc7;
}

.red-txt-3 {
  color: #ffa39e;
}

.red-txt-4 {
  color: #ff7875;
}

.red-txt-5 {
  color: #ff4d4f;
}

.red-txt-6 {
  color: #f5222d;
}

.red-txt-7 {
  color: #cf1322;
}

.red-txt-8 {
  color: #a8071a;
}

.red-txt-9 {
  color: #820014;
}

.red-txt-10 {
  color: #5c0011;
}

.red-txt-11 {
  color: #fecaca;
}

.red-txt-12 {
  color: #b91c1c;
}

.red-txt-13 {
  color: #b80b1f;
}

.red-txt-14 {
  color: #ffd6db;
}

.red-txt-15 {
  color: #f87171;
}

.red-txt-16 {
  color: #b91c1c;
}

.red-txt-17 {
  color: #fef2f2;
}

.red-txt-18 {
  color: #dc2626;
}

.volcano-txt-1 {
  color: #fff2e8;
}

.volcano-txt-2 {
  color: #ffd8bf;
}

.volcano-txt-3 {
  color: #ffbb96;
}

.volcano-txt-4 {
  color: #ff9c6e;
}

.volcano-txt-5 {
  color: #ff7a45;
}

.volcano-txt-6 {
  color: #fa541c;
}

.volcano-txt-7 {
  color: #d4380d;
}

.volcano-txt-8 {
  color: #ad2102;
}

.volcano-txt-9 {
  color: #871400;
}

.volcano-txt-10 {
  color: #610b00;
}

.orange-txt-1 {
  color: #fff7e6;
}

.orange-txt-2 {
  color: #ffe7ba;
}

.orange-txt-3 {
  color: #ffd591;
}

.orange-txt-4 {
  color: #ffc069;
}

.orange-txt-5 {
  color: #ffa940;
}

.orange-txt-6 {
  color: #fa8c16;
}

.orange-txt-7 {
  color: #d46b08;
}

.orange-txt-8 {
  color: #ad4e00;
}

.orange-txt-9 {
  color: #873800;
}

.orange-txt-10 {
  color: #612500;
}

.orange-txt-11 {
  color: #fed7aa;
}

.orange-txt-12 {
  color: #b45309;
}

.orange-txt-13 {
  color: #ea580c;
}

.orange-txt-14 {
  color: #d97706;
}

.orange-txt-15 {
  color: #ffedd5;
}

.orange-txt-16 {
  color: #c2410c;
}

.orange-txt-17 {
  color: #fb923c;
}

.orange-txt-18 {
  color: #fef3c7;
}

.orange-txt-19 {
  color: #92400e;
}

.orange-txt-20 {
  color: #f48023;
}

.orange-txt-21 {
  color: #f97316;
}

.gold-txt-1 {
  color: #fffbe6;
}

.gold-txt-2 {
  color: #fff1b8;
}

.gold-txt-3 {
  color: #ffe58f;
}

.gold-txt-4 {
  color: #ffd666;
}

.gold-txt-5 {
  color: #ffc53d;
}

.gold-txt-6 {
  color: #faad14;
}

.gold-txt-7 {
  color: #d48806;
}

.gold-txt-8 {
  color: #ad6800;
}

.gold-txt-9 {
  color: #874d00;
}

.gold-txt-10 {
  color: #613400;
}

.yellow-txt-1 {
  color: #feffe6;
}

.yellow-txt-2 {
  color: #ffffb8;
}

.yellow-txt-3 {
  color: #fffb8f;
}

.yellow-txt-4 {
  color: #fff566;
}

.yellow-txt-5 {
  color: #ffec3d;
}

.yellow-txt-6 {
  color: #fadb14;
}

.yellow-txt-7 {
  color: #d4b106;
}

.yellow-txt-8 {
  color: #ad8b00;
}

.yellow-txt-9 {
  color: #876800;
}

.yellow-txt-10 {
  color: #614700;
}

.yellow-txt-12 {
  color: #fbbf24;
}

.yellow-txt-13 {
  color: #f59e0b;
}

.lime-txt-1 {
  color: #fcffe6;
}

.lime-txt-2 {
  color: #f4ffb8;
}

.lime-txt-3 {
  color: #eaff8f;
}

.lime-txt-4 {
  color: #d3f261;
}

.lime-txt-5 {
  color: #bae637;
}

.lime-txt-6 {
  color: #a0d911;
}

.lime-txt-7 {
  color: #7cb305;
}

.lime-txt-8 {
  color: #5b8c00;
}

.lime-txt-9 {
  color: #3f6600;
}

.lime-txt-10 {
  color: #254000;
}

.green-txt-1 {
  color: #f6ffed;
}

.green-txt-2 {
  color: #d9f7be;
}

.green-txt-3 {
  color: #b7eb8f;
}

.green-txt-4 {
  color: #95de64;
}

.green-txt-5 {
  color: #73d13d;
}

.green-txt-6 {
  color: #52c41a;
}

.green-txt-7 {
  color: #389e0d;
}

.green-txt-8 {
  color: #237804;
}

.green-txt-9 {
  color: #135200;
}

.green-txt-10 {
  color: #092b00;
}

.green-txt-11 {
  color: #d1fae5;
}

.green-txt-12 {
  color: #065f46;
}

.green-txt-13 {
  color: #10b981;
}

.green-txt-14 {
  color: #047857;
}

.green-txt-15 {
  color: #a7f3d0;
}

.green-txt-16 {
  color: #059669;
}

.green-txt-23 {
  color: #34d399;
}

.green-txt-24 {
  color: #22d3ee;
}

.green-txt-25 {
  color: #65d072;
}

.green-txt-26 {
  color: #25d366;
}

.cyan-txt-1 {
  color: #e6fffb;
}

.cyan-txt-2 {
  color: #b5f5ec;
}

.cyan-txt-3 {
  color: #87e8de;
}

.cyan-txt-4 {
  color: #5cdbd3;
}

.cyan-txt-5 {
  color: #36cfc9;
}

.cyan-txt-6 {
  color: #13c2c2;
}

.cyan-txt-7 {
  color: #08979c;
}

.cyan-txt-8 {
  color: #006d75;
}

.cyan-txt-9 {
  color: #00474f;
}

.cyan-txt-10 {
  color: #002329;
}

.cyan-txt-11 {
  color: #cffafe;
}

.geekblue-txt-1 {
  color: #f0f5ff;
}

.geekblue-txt-2 {
  color: #d6e4ff;
}

.geekblue-txt-3 {
  color: #adc6ff;
}

.geekblue-txt-4 {
  color: #85a5ff;
}

.geekblue-txt-5 {
  color: #597ef7;
}

.geekblue-txt-6 {
  color: #2f54eb;
}

.geekblue-txt-7 {
  color: #1d39c4;
}

.geekblue-txt-8 {
  color: #10239e;
}

.geekblue-txt-9 {
  color: #061178;
}

.geekblue-txt-10 {
  color: #030852;
}

.purple-txt-1 {
  color: #f9f0ff;
}

.purple-txt-2 {
  color: #efdbff;
}

.purple-txt-3 {
  color: #d3adf7;
}

.purple-txt-4 {
  color: #b37feb;
}

.purple-txt-5 {
  color: #9254de;
}

.purple-txt-6 {
  color: #722ed1;
}

.purple-txt-7 {
  color: #531dab;
}

.purple-txt-8 {
  color: #391085;
}

.purple-txt-9 {
  color: #22075e;
}

.purple-txt-10 {
  color: #120338;
}

.purple-txt-11 {
  color: #ddd6fe;
}

.purple-txt-12 {
  color: #5b21b6;
}

.purple-txt-13 {
  color: #6d28d9;
}

.purple-txt-14 {
  color: #ede9fe;
}

.purple-txt-15 {
  color: #a78bfa;
}

.purple-txt-16 {
  color: #8b5cf6;
}

.magenta-txt-1 {
  color: #fff0f6;
}

.magenta-txt-2 {
  color: #ffd6e7;
}

.magenta-txt-3 {
  color: #ffadd2;
}

.magenta-txt-4 {
  color: #ff85c0;
}

.magenta-txt-5 {
  color: #f759ab;
}

.magenta-txt-6 {
  color: #eb2f96;
}

.magenta-txt-7 {
  color: #c41d7f;
}

.magenta-txt-8 {
  color: #9e1068;
}

.magenta-txt-9 {
  color: #780650;
}

.magenta-txt-10 {
  color: #520339;
}

.indigo-txt-1 {
  color: #eef2ff;
}

.indigo-txt-2 {
  color: #e0e7ff;
}

.popover-arrow-color-txt {
  color: #1f2937;
}

.black-txt-1 {
  color: #0d1a33;
}

.lfloat {
  float: left;
}

.rfloat {
  float: right;
}

h1,
h2,
h3,
h4 {
  color: #262626;
}

h1 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

h4 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

.regular-1 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}

.regular-2 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 22px;
}

.regular-3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
}

.regular-4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 28px;
}

.regular-5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 32px;
}

.regular-6 {
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 38px;
}

.regular-7 {
  font-size: 2.375rem;
  font-weight: 400;
  line-height: 46px;
}

.regular-8 {
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 54px;
}

.regular-9 {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 64px;
}

.semibold-1 {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 20px;
}

.semibold-2 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 22px;
}

.semibold-3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
}

.semibold-4 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 28px;
}

.semibold-5 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 32px;
}

.semibold-6 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 38px;
}

.semibold-7 {
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 46px;
}

.semibold-8 {
  font-size: 2.875rem;
  font-weight: 600;
  line-height: 54px;
}

.semibold-9 {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 64px;
}

.semibold-10 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}

.semibold-11 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
}

.font-8 {
  font-size: 0.5rem;
}

.font-10 {
  font-size: 0.625rem;
}

.font-12 {
  font-size: 0.75rem;
}

.font-14 {
  font-size: 0.875rem;
}

.font-16 {
  font-size: 1rem;
}

.font-20 {
  font-size: 1.25rem;
}

.font-24 {
  font-size: 1.5rem;
}

.font-lighter {
  font-weight: lighter !important;
}

.font-light {
  font-weight: 300 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-bolder {
  font-weight: bolder !important;
}

.line-height-8 {
  line-height: 0.5rem !important;
}

.line-height-10 {
  line-height: 0.625rem !important;
}

.line-height-12 {
  line-height: 0.75rem !important;
}

.line-height-14 {
  line-height: 0.875rem !important;
}

.line-height-16 {
  line-height: 1rem !important;
}

.line-height-18 {
  line-height: 1.125rem !important;
}

.line-height-20 {
  line-height: 1.25rem !important;
}

.line-height-24 {
  line-height: 1.5rem !important;
}

.gap-4 {
  gap: 0.25rem !important;
}

.gap-8 {
  gap: 0.5rem !important;
}

.gap-10 {
  gap: 0.625rem !important;
}

.gap-12 {
  gap: 0.75rem !important;
}

.gap-14 {
  gap: 0.875rem !important;
}

.gap-16 {
  gap: 1rem !important;
}

.gap-20 {
  gap: 1.25rem !important;
}

.gap-24 {
  gap: 1.5rem !important;
}

.btn-solid {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  font-size: 14px;
  background-color: transparent;
  border: 1px solid transparent;
}
.btn-solid span.icon-left {
  margin-right: 0.4375rem;
}
.btn-solid span.icon-right {
  margin-left: 0.4375rem;
}
.btn-solid {
  padding: 0.314rem 1rem;
  font-size: 0.875rem;
  line-height: 1.45;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn-solid {
    transition: none;
  }
}
.btn-solid:hover {
  color: #212529;
  text-decoration: none;
}
.btn-solid:focus, .btn-solid.focus {
  outline: 0;
  box-shadow: none;
}
.btn-solid.disabled, .btn-solid:disabled {
  opacity: 0.65;
}
.btn-solid:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn-solid-lg {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  border-radius: 4px;
}

.btn-solid-sm {
  padding: 0.064rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.45;
  border-radius: 4px;
}

.btn-solid-default {
  color: #212529;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.btn-solid-default:hover {
  color: #212529;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.btn-solid-default:focus, .btn-solid-default.focus {
  color: #212529;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  box-shadow: 0 0 0 0.2rem rgba(83.6078431373%, 83.8431372549%, 84.0784313725%, 0.5);
}
.btn-solid-default.disabled, .btn-solid-default:disabled {
  color: #212529;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.btn-solid-default:not(:disabled):not(.disabled):active, .btn-solid-default:not(:disabled):not(.disabled).active, .show > .btn-solid-default.dropdown-toggle {
  color: #212529;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.btn-solid-default:not(:disabled):not(.disabled):active:focus, .btn-solid-default:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(83.6078431373%, 83.8431372549%, 84.0784313725%, 0.5);
}
.btn-solid-default {
  color: #595959;
}
.btn-solid-default:hover, .btn-solid-default.hover {
  color: #595959;
}
.btn-solid-default:focus, .btn-solid-default.focus {
  color: #595959;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  box-shadow: none;
}
.btn-solid-default.disabled, .btn-solid-default:disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.btn-solid-default:not(:disabled):not(.disabled):active:focus, .btn-solid-default:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-default.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-solid-primary {
  color: #fff;
  background-color: #0137fc;
  border-color: #0137fc;
}
.btn-solid-primary:hover {
  color: #fff;
  background-color: #346aff;
  border-color: #346aff;
}
.btn-solid-primary:focus, .btn-solid-primary.focus {
  color: #fff;
  background-color: #346aff;
  border-color: #346aff;
  box-shadow: 0 0 0 0.2rem rgba(15.3333333333%, 33.3333333333%, 99%, 0.5);
}
.btn-solid-primary.disabled, .btn-solid-primary:disabled {
  color: #fff;
  background-color: #0137fc;
  border-color: #0137fc;
}
.btn-solid-primary:not(:disabled):not(.disabled):active, .btn-solid-primary:not(:disabled):not(.disabled).active, .show > .btn-solid-primary.dropdown-toggle {
  color: #fff;
  background-color: #0004c9;
  border-color: #0004c9;
}
.btn-solid-primary:not(:disabled):not(.disabled):active:focus, .btn-solid-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(15.3333333333%, 33.3333333333%, 99%, 0.5);
}
.btn-solid-primary:focus, .btn-solid-primary.focus {
  color: #ffffff;
  background-color: #346aff;
  border-color: #346aff;
  box-shadow: none;
}
.btn-solid-primary.disabled, .btn-solid-primary:disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
}
.btn-solid-primary:not(:disabled):not(.disabled):active:focus, .btn-solid-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-solid-outlined {
  color: #595959;
  border-color: #595959;
}
.btn-solid-outlined:hover {
  color: #346aff;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-solid-outlined:focus, .btn-solid-outlined.focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-solid-outlined.disabled, .btn-solid-outlined:disabled {
  color: #595959;
  background-color: transparent;
}
.btn-solid-outlined:not(:disabled):not(.disabled):active, .btn-solid-outlined:not(:disabled):not(.disabled).active, .show > .btn-solid-outlined.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-solid-outlined:not(:disabled):not(.disabled):active:focus, .btn-solid-outlined:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-outlined.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-solid-outlined {
  border-color: #d9d9d9;
}
.btn-solid-outlined:hover {
  border-color: #346aff;
}
.btn-solid-outlined:focus, .btn-solid-outlined.focus {
  color: #346aff;
  background-color: #ffffff;
  border-color: #346aff;
  box-shadow: none;
}
.btn-solid-outlined.disabled, .btn-solid-outlined:disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
}
.btn-solid-outlined:not(:disabled):not(.disabled):active, .btn-solid-outlined:not(:disabled):not(.disabled).active, .show > .btn-solid-outlined.dropdown-toggle {
  color: #0004c9;
}
.btn-solid-outlined:not(:disabled):not(.disabled):active:focus, .btn-solid-outlined:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-outlined.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-solid-dashed {
  color: #595959;
  border-color: #595959;
}
.btn-solid-dashed:hover {
  color: #346aff;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-solid-dashed:focus, .btn-solid-dashed.focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-solid-dashed.disabled, .btn-solid-dashed:disabled {
  color: #595959;
  background-color: transparent;
}
.btn-solid-dashed:not(:disabled):not(.disabled):active, .btn-solid-dashed:not(:disabled):not(.disabled).active, .show > .btn-solid-dashed.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-solid-dashed:not(:disabled):not(.disabled):active:focus, .btn-solid-dashed:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-dashed.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-solid-dashed {
  border-color: #d9d9d9;
  border-style: dashed;
}
.btn-solid-dashed:hover {
  border-color: #346aff;
  border-style: dashed;
}
.btn-solid-dashed:focus, .btn-solid-dashed.focus {
  color: #346aff;
  background-color: #ffffff;
  border-color: #346aff;
  border-style: dashed;
  box-shadow: none;
}
.btn-solid-dashed.disabled, .btn-solid-dashed:disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  border: 1px dashed #d9d9d9;
}
.btn-solid-dashed:not(:disabled):not(.disabled):active, .btn-solid-dashed:not(:disabled):not(.disabled).active, .show > .btn-solid-dashed.dropdown-toggle {
  color: #0004c9;
}
.btn-solid-dashed:not(:disabled):not(.disabled):active:focus, .btn-solid-dashed:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-dashed.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-solid-danger {
  color: #212529;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.btn-solid-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
}
.btn-solid-danger:focus, .btn-solid-danger.focus {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  box-shadow: 0 0 0 0.2rem rgba(74.2745098039%, 74.5098039216%, 74.7450980392%, 0.5);
}
.btn-solid-danger.disabled, .btn-solid-danger:disabled {
  color: #212529;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.btn-solid-danger:not(:disabled):not(.disabled):active, .btn-solid-danger:not(:disabled):not(.disabled).active, .show > .btn-solid-danger.dropdown-toggle {
  color: #fff;
  background-color: #cf1322;
  border-color: #cf1322;
}
.btn-solid-danger:not(:disabled):not(.disabled):active:focus, .btn-solid-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(74.2745098039%, 74.5098039216%, 74.7450980392%, 0.5);
}
.btn-solid-danger {
  color: #f5222d;
}
.btn-solid-danger:focus, .btn-solid-danger.focus {
  box-shadow: none;
}
.btn-solid-danger:hover {
  color: #ffffff;
  background-color: #ff4d4f;
  text-decoration: none;
}
.btn-solid-danger.disabled, .btn-solid-danger:disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
}
.btn-solid-danger.active, .btn-solid-danger:active {
  color: #ffffff;
}
.btn-solid-danger:not(:disabled):not(.disabled):active:focus, .btn-solid-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-solid-danger.dropdown-toggle:focus {
  box-shadow: none;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.btn-loading > span {
  display: inline-flex;
  align-items: center;
}
.btn-loading > span i.icon-loading {
  animation: spin 2s linear infinite;
}
.btn-loading.btn-solid-primary.disabled, .btn-loading.btn-solid-primary:disabled {
  color: #ffffff;
  background-color: #346aff;
  border: 1px solid #346aff;
}

.btn-ghost {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
}
.btn-ghost span.icon-left {
  margin-right: 0.5rem;
}
.btn-ghost span.icon-right {
  margin-left: 0.5rem;
}
.btn-ghost {
  padding: 0.314rem 1rem;
  font-size: 0.875rem;
  line-height: 1.45;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn-ghost {
    transition: none;
  }
}
.btn-ghost:hover {
  color: #212529;
  text-decoration: none;
}
.btn-ghost:focus, .btn-ghost.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn-ghost.disabled, .btn-ghost:disabled {
  opacity: 0.65;
}
.btn-ghost:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn-ghost-lg {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  border-radius: 4px;
}

.btn-ghost-sm {
  padding: 0.064rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.45;
  border-radius: 4px;
}

.btn-ghost-primary {
  color: #212529;
  background-color: #ffffff;
  border-color: #0137fc;
}
.btn-ghost-primary:hover {
  color: #212529;
  background-color: #ffffff;
  border-color: #346aff;
}
.btn-ghost-primary:focus, .btn-ghost-primary.focus {
  color: #212529;
  background-color: #ffffff;
  border-color: #346aff;
  box-shadow: 0 0 0 0.2rem rgba(2.2745098039%, 20.5098039216%, 86.4117647059%, 0.5);
}
.btn-ghost-primary.disabled, .btn-ghost-primary:disabled {
  color: #212529;
  background-color: #ffffff;
  border-color: #0137fc;
}
.btn-ghost-primary:not(:disabled):not(.disabled):active, .btn-ghost-primary:not(:disabled):not(.disabled).active, .show > .btn-ghost-primary.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-ghost-primary:not(:disabled):not(.disabled):active:focus, .btn-ghost-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-ghost-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(2.2745098039%, 20.5098039216%, 86.4117647059%, 0.5);
}
.btn-ghost-primary {
  color: #0137fc;
}
.btn-ghost-primary:hover {
  color: #346aff;
  text-decoration: none;
}
.btn-ghost-primary:focus, .btn-ghost-primary.focus {
  color: #346aff;
  background-color: #ffffff;
  border-color: #346aff;
  box-shadow: none;
}
.btn-ghost-primary.disabled, .btn-ghost-primary:disabled {
  color: #d9d9d9;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}
.btn-ghost-primary:not(:disabled):not(.disabled):active, .btn-ghost-primary:not(:disabled):not(.disabled).active, .show > .btn-ghost-primary.dropdown-toggle {
  color: #0004c9;
}
.btn-ghost-primary:not(:disabled):not(.disabled):active:focus, .btn-ghost-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-ghost-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-ghost-outlined {
  color: #595959;
  border-color: #595959;
}
.btn-ghost-outlined:hover {
  color: #346aff;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-ghost-outlined:focus, .btn-ghost-outlined.focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-ghost-outlined.disabled, .btn-ghost-outlined:disabled {
  color: #595959;
  background-color: transparent;
}
.btn-ghost-outlined:not(:disabled):not(.disabled):active, .btn-ghost-outlined:not(:disabled):not(.disabled).active, .show > .btn-ghost-outlined.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-ghost-outlined:not(:disabled):not(.disabled):active:focus, .btn-ghost-outlined:not(:disabled):not(.disabled).active:focus, .show > .btn-ghost-outlined.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-ghost-outlined {
  border-color: #d9d9d9;
  color: #595959;
}
.btn-ghost-outlined:hover {
  border-color: #346aff;
  color: #346aff;
}
.btn-ghost-outlined:focus, .btn-ghost-outlined.focus {
  color: #346aff;
  background-color: #ffffff;
  border-color: #346aff;
  box-shadow: none;
}
.btn-ghost-outlined.disabled, .btn-ghost-outlined:disabled {
  color: #bfbfbf;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}
.btn-ghost-outlined:not(:disabled):not(.disabled):active, .btn-ghost-outlined:not(:disabled):not(.disabled).active, .show > .btn-ghost-outlined.dropdown-toggle {
  color: #0004c9;
}
.btn-ghost-outlined:not(:disabled):not(.disabled):active:focus, .btn-ghost-outlined:not(:disabled):not(.disabled).active:focus, .show > .btn-ghost-outlined.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-ghost-dashed {
  color: #595959;
  border-color: #595959;
}
.btn-ghost-dashed:hover {
  color: #346aff;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-ghost-dashed:focus, .btn-ghost-dashed.focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-ghost-dashed.disabled, .btn-ghost-dashed:disabled {
  color: #595959;
  background-color: transparent;
}
.btn-ghost-dashed:not(:disabled):not(.disabled):active, .btn-ghost-dashed:not(:disabled):not(.disabled).active, .show > .btn-ghost-dashed.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #0004c9;
}
.btn-ghost-dashed:not(:disabled):not(.disabled):active:focus, .btn-ghost-dashed:not(:disabled):not(.disabled).active:focus, .show > .btn-ghost-dashed.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-ghost-dashed {
  border-color: #d9d9d9;
  border-style: dashed;
}
.btn-ghost-dashed:hover {
  border-color: #346aff;
  border-style: dashed;
}
.btn-ghost-dashed:focus, .btn-ghost-dashed.focus {
  color: #346aff;
  background-color: #ffffff;
  border-color: #346aff;
  border-style: dashed;
  box-shadow: none;
}
.btn-ghost-dashed.disabled, .btn-ghost-dashed:disabled {
  color: #bfbfbf;
  background-color: #ffffff;
  border: 1px dashed #d9d9d9;
}
.btn-ghost-dashed:not(:disabled):not(.disabled):active, .btn-ghost-dashed:not(:disabled):not(.disabled).active, .show > .btn-ghost-dashed.dropdown-toggle {
  color: #0004c9;
}
.btn-ghost-dashed:not(:disabled):not(.disabled):active:focus, .btn-ghost-dashed:not(:disabled):not(.disabled).active:focus, .show > .btn-ghost-dashed.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-ghost-danger {
  color: #212529;
  background-color: #ffffff;
  border-color: #f5222d;
}
.btn-ghost-danger:hover {
  color: #212529;
  background-color: #ffffff;
  border-color: #ff4d4f;
}
.btn-ghost-danger:focus, .btn-ghost-danger.focus {
  color: #212529;
  background-color: #ffffff;
  border-color: #ff4d4f;
  box-shadow: 0 0 0 0.2rem rgba(83.6078431373%, 13.5098039216%, 17.4117647059%, 0.5);
}
.btn-ghost-danger.disabled, .btn-ghost-danger:disabled {
  color: #212529;
  background-color: #ffffff;
  border-color: #f5222d;
}
.btn-ghost-danger:not(:disabled):not(.disabled):active, .btn-ghost-danger:not(:disabled):not(.disabled).active, .show > .btn-ghost-danger.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #cf1322;
}
.btn-ghost-danger:not(:disabled):not(.disabled):active:focus, .btn-ghost-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-ghost-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(83.6078431373%, 13.5098039216%, 17.4117647059%, 0.5);
}
.btn-ghost-danger {
  color: #f5222d;
}
.btn-ghost-danger:focus, .btn-ghost-danger.focus {
  color: #ff4d4f;
  box-shadow: none;
}
.btn-ghost-danger:hover {
  color: #ff4d4f;
  background-color: #ffffff;
  text-decoration: none;
}
.btn-ghost-danger.disabled, .btn-ghost-danger:disabled {
  color: #bfbfbf;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}
.btn-ghost-danger.active, .btn-ghost-danger:active {
  color: #cf1322;
}
.btn-ghost-danger:not(:disabled):not(.disabled):active, .btn-ghost-danger:not(:disabled):not(.disabled).active, .show > .btn-ghost-danger.dropdown-toggle {
  color: #cf1322;
}
.btn-ghost-danger:not(:disabled):not(.disabled):active:focus, .btn-ghost-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-ghost-danger.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-icon {
  padding: 0.407rem 0.563rem;
  font-size: 0.75rem;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
}

.btn-icon-lg {
  padding: 0.563rem 0.75rem;
  font-size: 0.875rem;
  width: 2.5rem;
  height: 2.5rem;
}

.btn-icon-sm {
  padding: 0.219rem 0.344rem;
  font-size: 0.6875rem;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
}

.btn-linked-default {
  border: 0;
  background: none;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #8c8c8c;
}
.btn-linked-default:hover {
  color: #262626;
}
.btn-linked-default.disabled, .btn-linked-default:disabled {
  border: 0;
  background: none;
  color: #262626;
  opacity: 0.2;
}

.btn-linked-primary {
  border: 0;
  background: none;
  color: #0137fc;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
}
.btn-linked-primary.disabled, .btn-linked-primary:disabled {
  border: 0;
  background: none;
  color: #0137fc;
  opacity: 0.2;
}

.btn-custom-secondary {
  height: 2rem;
  color: #6b7280;
  border-color: #d1d5db;
  padding: 0.375rem 1rem;
}
.btn-custom-secondary svg {
  margin-right: 0.5rem;
}
.btn-custom-secondary span {
  white-space: nowrap;
}
.btn-custom-secondary:hover, .btn-custom-secondary:active, .btn-custom-secondary:focus {
  color: #1d4ed8;
  background-color: transparent;
  border-color: #1d4ed8;
}

@font-face {
  font-family: "SalesHandy";
  src: url("/assets/SalesHandy-H77fACeV.eot?q8akqv");
  src: url("/assets/SalesHandy-H77fACeV.eot?q8akqv#iefix") format("embedded-opentype"), url("/assets/SalesHandy-CCVp-hAK.ttf?q8akqv") format("truetype"), url("/assets/SalesHandy-BggqbiMv.woff?q8akqv") format("woff"), url("/assets/SalesHandy-DRO_zhNJ.svg?q8akqv#SalesHandy") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=sh-],
[class*=" sh-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "SalesHandy" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sh-shield-check:before {
  content: "\ec1b";
}

.sh-right-arrow:before {
  content: "\ec1a";
}

.sh-alert-circle:before {
  content: "\ec19";
}

.sh-pause-circle:before {
  content: "\ec18";
}

.sh-rotate:before {
  content: "\ec17";
}

.sh-pencil:before {
  content: "\ec16";
}

.sh-click:before {
  content: "\ec14";
}

.sh-layout-lists:before {
  content: "\ec15";
}

.sh-send:before {
  content: "\ec12";
}

.sh-round-corner-arrow-back:before {
  content: "\ec13";
}

.sh-help:before {
  content: "\ec11";
}

.sh-paperclip:before {
  content: "\ec0f";
  color: #9ca3af;
}

.sh-rotate-clockwise:before {
  content: "\ec10";
  color: #d1d5db;
}

.sh-circle-check:before {
  content: "\ec0e";
}

.sh-file-invoice:before {
  content: "\ea82";
}

.sh-wand:before {
  content: "\ec0d";
}

.sh-bell:before {
  content: "\e904";
  color: #6b7280;
}

.sh-bell-off:before {
  content: "\eb18";
  color: #9ca3af;
}

.sh-chrome:before {
  content: "\eb77";
  color: #9ca3af;
}

.sh-download:before {
  content: "\ec07";
  color: #6b7280;
}

.sh-gift:before {
  content: "\ec08";
  color: #9ca3af;
}

.sh-headset:before {
  content: "\ec09";
  color: #9ca3af;
}

.sh-mailbox:before {
  content: "\ec0a";
  color: #fff;
}

.sh-refresh:before {
  content: "\ec0b";
  color: #6b7280;
}

.sh-trash:before {
  content: "\ec0c";
}

.sh-prospects:before {
  content: "\ec06";
}

.sh-curly-braces:before {
  content: "\ebff";
}

.sh-warning-hexagone:before {
  content: "\ebf4";
}

.sh-warning:before {
  content: "\ebf5";
}

.sh-alarm:before {
  content: "\e900";
}

.sh-battery:before {
  content: "\e901";
}

.sh-battery-empty:before {
  content: "\e902";
}

.sh-battery-full:before {
  content: "\e903";
}

.sh-bolt:before {
  content: "\e905";
}

.sh-bulb:before {
  content: "\e906";
}

.sh-calendar:before {
  content: "\e907";
}

.sh-calendar-dates:before {
  content: "\e908";
}

.sh-calendar-due:before {
  content: "\e909";
}

.sh-calendar-next:before {
  content: "\e90a";
}

.sh-calendar-today:before {
  content: "\e90b";
}

.sh-calendar-two:before {
  content: "\e90c";
}

.sh-danger:before {
  content: "\e90d";
}

.sh-info:before {
  content: "\e90e";
}

.sh-phone:before {
  content: "\e90f";
}

.sh-caret-up:before {
  content: "\ebf6";
}

.sh-caret-down:before {
  content: "\ebf7";
}

.sh-caret-right:before {
  content: "\ebf8";
}

.sh-caret-left:before {
  content: "\ebf9";
}

.sh-arrow-align-h:before {
  content: "\e910";
}

.sh-arrow-align-v:before {
  content: "\e911";
}

.sh-arrow-bottom-left:before {
  content: "\e912";
}

.sh-arrow-bottom-left-o:before {
  content: "\e913";
}

.sh-arrow-bottom-left-r:before {
  content: "\e914";
}

.sh-arrow-bottom-right:before {
  content: "\e915";
}

.sh-arrow-bottom-right-o:before {
  content: "\e916";
}

.sh-arrow-bottom-right-r:before {
  content: "\e917";
}

.sh-arrow-down:before {
  content: "\e918";
}

.sh-arrow-down-o:before {
  content: "\e919";
}

.sh-arrow-down-r:before {
  content: "\e91a";
}

.sh-arrow-left:before {
  content: "\e91b";
}

.sh-arrow-left-o:before {
  content: "\e91c";
}

.sh-arrow-left-r:before {
  content: "\e91d";
}

.sh-arrow-long-down:before {
  content: "\e91e";
}

.sh-arrow-long-down-c:before {
  content: "\e91f";
}

.sh-arrow-long-down-e:before {
  content: "\e920";
}

.sh-arrow-long-down-l:before {
  content: "\e921";
}

.sh-arrow-long-down-r:before {
  content: "\e922";
}

.sh-arrow-long-left:before {
  content: "\e923";
}

.sh-arrow-long-left-c:before {
  content: "\e924";
}

.sh-arrow-long-left-e:before {
  content: "\e925";
}

.sh-arrow-long-left-l:before {
  content: "\e926";
}

.sh-arrow-long-left-r:before {
  content: "\e927";
}

.sh-arrow-long-right:before {
  content: "\e928";
}

.sh-arrow-long-right-c:before {
  content: "\e929";
}

.sh-arrow-long-right-e:before {
  content: "\e92a";
}

.sh-arrow-long-right-l:before {
  content: "\e92b";
}

.sh-arrow-long-right-r:before {
  content: "\e92c";
}

.sh-arrow-long-up:before {
  content: "\e92d";
}

.sh-arrow-long-up-c:before {
  content: "\e92e";
}

.sh-arrow-long-up-e:before {
  content: "\e92f";
}

.sh-arrow-long-up-l:before {
  content: "\e930";
}

.sh-arrow-long-up-r:before {
  content: "\e931";
}

.sh-arrow-right:before {
  content: "\e932";
}

.sh-arrow-right-o:before {
  content: "\e933";
}

.sh-arrow-right-r:before {
  content: "\e934";
}

.sh-arrows-breake-h:before {
  content: "\e935";
}

.sh-arrows-breake-v:before {
  content: "\e936";
}

.sh-arrows-exchange:before {
  content: "\e937";
}

.sh-arrows-exchange-alt:before {
  content: "\e938";
}

.sh-arrows-exchange-alt-v:before {
  content: "\e939";
}

.sh-arrows-exchange-v:before {
  content: "\e93a";
}

.sh-arrows-expand-down-left:before {
  content: "\e93b";
}

.sh-arrows-expand-down-right:before {
  content: "\e93c";
}

.sh-arrows-expand-left:before {
  content: "\e93d";
}

.sh-arrows-expand-left-alt:before {
  content: "\e93e";
}

.sh-arrows-expand-right:before {
  content: "\e93f";
}

.sh-arrows-expand-right-alt:before {
  content: "\e940";
}

.sh-arrows-expand-up-left:before {
  content: "\e941";
}

.sh-arrows-expand-up-right:before {
  content: "\e942";
}

.sh-arrows-h:before {
  content: "\e943";
}

.sh-arrows-h-alt:before {
  content: "\e944";
}

.sh-arrows-merge-alt-h:before {
  content: "\e945";
}

.sh-arrows-merge-alt-v:before {
  content: "\e946";
}

.sh-arrows-scroll-h:before {
  content: "\e947";
}

.sh-arrows-scroll-v:before {
  content: "\e948";
}

.sh-arrows-shrink-h:before {
  content: "\e949";
}

.sh-arrows-shrink-v:before {
  content: "\e94a";
}

.sh-arrows-v:before {
  content: "\e94b";
}

.sh-arrows-v-alt:before {
  content: "\e94c";
}

.sh-arrow-top-left:before {
  content: "\e94d";
}

.sh-arrow-top-left-o:before {
  content: "\e94e";
}

.sh-arrow-top-left-r:before {
  content: "\e94f";
}

.sh-arrow-top-right:before {
  content: "\e950";
}

.sh-arrow-top-right-o:before {
  content: "\e951";
}

.sh-arrow-top-right-r:before {
  content: "\e952";
}

.sh-arrow-up:before {
  content: "\e953";
}

.sh-arrow-up-o:before {
  content: "\e954";
}

.sh-arrow-up-r:before {
  content: "\e955";
}

.sh-check:before {
  content: "\e956";
}

.sh-check-o:before {
  content: "\e957";
}

.sh-check-r:before {
  content: "\e958";
}

.sh-compress:before {
  content: "\e959";
}

.sh-compress-left:before {
  content: "\e95a";
}

.sh-compress-right:before {
  content: "\e95b";
}

.sh-compress-v:before {
  content: "\e95c";
}

.sh-corner-double-down-left:before {
  content: "\e95d";
}

.sh-corner-double-down-right:before {
  content: "\e95e";
}

.sh-corner-double-left-down:before {
  content: "\e95f";
}

.sh-corner-double-left-up:before {
  content: "\e960";
}

.sh-corner-double-right-down:before {
  content: "\e961";
}

.sh-corner-double-right-up:before {
  content: "\e962";
}

.sh-corner-double-up-left:before {
  content: "\e963";
}

.sh-corner-double-up-right:before {
  content: "\e964";
}

.sh-corner-down-left:before {
  content: "\e965";
}

.sh-corner-down-right:before {
  content: "\e966";
}

.sh-corner-left-down:before {
  content: "\e967";
}

.sh-corner-left-up:before {
  content: "\e968";
}

.sh-corner-right-down:before {
  content: "\e969";
}

.sh-corner-right-up:before {
  content: "\e96a";
}

.sh-corner-up-left:before {
  content: "\e96b";
}

.sh-corner-up-right:before {
  content: "\e96c";
}

.sh-enter:before {
  content: "\e96d";
}

.sh-expand:before {
  content: "\e96e";
}

.sh-export:before {
  content: "\e96f";
}

.sh-import:before {
  content: "\e970";
}

.sh-internal:before {
  content: "\e971";
}

.sh-merge-horizontal:before {
  content: "\e972";
}

.sh-merge-vertical:before {
  content: "\e973";
}

.sh-minimize:before {
  content: "\e974";
}

.sh-minimize-alt:before {
  content: "\e975";
}

.sh-move-down:before {
  content: "\e976";
}

.sh-move-left:before {
  content: "\e977";
}

.sh-move-right:before {
  content: "\e978";
}

.sh-move-task:before {
  content: "\e979";
}

.sh-move-up:before {
  content: "\e97a";
}

.sh-push-down:before {
  content: "\e97b";
}

.sh-push-left:before {
  content: "\e97c";
}

.sh-push-right:before {
  content: "\e97d";
}

.sh-push-up:before {
  content: "\e97e";
}

.sh-redo:before {
  content: "\e97f";
}

.sh-repeat:before {
  content: "\e980";
}

.sh-scroll-h:before {
  content: "\e981";
}

.sh-scroll-v:before {
  content: "\e982";
}

.sh-select:before {
  content: "\e983";
}

.sh-select-o:before {
  content: "\e984";
}

.sh-select-r:before {
  content: "\e985";
}

.sh-swap:before {
  content: "\e986";
}

.sh-swap-vertical:before {
  content: "\e987";
}

.sh-sync:before {
  content: "\e988";
}

.sh-trending:before {
  content: "\e989";
}

.sh-trending-down:before {
  content: "\e98a";
}

.sh-undo:before {
  content: "\e98b";
}

.sh-abstract:before {
  content: "\e98c";
}

.sh-adidas:before {
  content: "\e98d";
}

.sh-atlasian .path1:before {
  content: "\e98e";
  color: rgb(0, 0, 0);
  opacity: 0.8;
}

.sh-atlasian .path2:before {
  content: "\e98f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-bmw:before {
  content: "\e990";
}

.sh-brackets:before {
  content: "\e991";
}

.sh-chanel:before {
  content: "\e992";
}

.sh-circleci:before {
  content: "\e993";
}

.sh-code-climate:before {
  content: "\e994";
}

.sh-comedy-central:before {
  content: "\e995";
}

.sh-crowdfire:before {
  content: "\e996";
}

.sh-designmodo:before {
  content: "\e997";
}

.sh-digitalocean:before {
  content: "\e998";
}

.sh-dolby:before {
  content: "\e999";
}

.sh-dribbble:before {
  content: "\e99a";
}

.sh-eventbrite:before {
  content: "\e99b";
}

.sh-facebook:before {
  content: "\e99c";
}

.sh-figma:before {
  content: "\e99d";
}

.sh-framer .path1:before {
  content: "\e99e";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-framer .path2:before {
  content: "\e99f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-ghost:before {
  content: "\e9a0";
}

.sh-gitter:before {
  content: "\e9a1";
}

.sh-google:before {
  content: "\e9a2";
}

.sh-google-tasks:before {
  content: "\e9a3";
}

.sh-hello:before {
  content: "\e9a4";
}

.sh-if-design:before {
  content: "\e9a5";
}

.sh-indie-hackers:before {
  content: "\e9a6";
}

.sh-instagram:before {
  content: "\e9a7";
}

.sh-lastpass:before {
  content: "\e9a8";
}

.sh-linear:before {
  content: "\e9a9";
}

.sh-maze:before {
  content: "\e9aa";
}

.sh-microbit:before {
  content: "\e9ab";
}

.sh-microsoft:before {
  content: "\e9ac";
}

.sh-monday:before {
  content: "\e9ad";
}

.sh-npm:before {
  content: "\e9ae";
}

.sh-oculus:before {
  content: "\e9af";
}

.sh-overflow .path1:before {
  content: "\e9b0";
  color: rgb(0, 0, 0);
  opacity: 0.2;
}

.sh-overflow .path2:before {
  content: "\e9b1";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.3;
}

.sh-overflow .path3:before {
  content: "\e9b2";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-pacman:before {
  content: "\e9b3";
}

.sh-patreon .path1:before {
  content: "\e9b4";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-patreon .path2:before {
  content: "\e9b5";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-paypal:before {
  content: "\e9b6";
}

.sh-pexels:before {
  content: "\e9b7";
}

.sh-pocket:before {
  content: "\e9b8";
}

.sh-pokemon:before {
  content: "\e9b9";
}

.sh-product-hunt:before {
  content: "\e9ba";
}

.sh-serverless:before {
  content: "\e9bb";
}

.sh-shutterstock:before {
  content: "\e9bc";
}

.sh-sketch:before {
  content: "\e9bd";
}

.sh-slack:before {
  content: "\e9be";
}

.sh-spectrum:before {
  content: "\e9bf";
}

.sh-square:before {
  content: "\e9c0";
}

.sh-stark:before {
  content: "\e9c1";
}

.sh-studio:before {
  content: "\e9c2";
}

.sh-sweden:before {
  content: "\e9c3";
}

.sh-swiss:before {
  content: "\e9c4";
}

.sh-tally:before {
  content: "\e9c5";
}

.sh-trello:before {
  content: "\e9c6";
}

.sh-twilio:before {
  content: "\e9c7";
}

.sh-twitter:before {
  content: "\e9c8";
}

.sh-unfold:before {
  content: "\e9c9";
}

.sh-unsplash:before {
  content: "\e9ca";
}

.sh-userlane:before {
  content: "\e9cb";
}

.sh-windows:before {
  content: "\e9cc";
}

.sh-youtube:before {
  content: "\e9cd";
}

.sh-zeit:before {
  content: "\e9ce";
}

.sh-filter:before {
  content: "\ebfa";
}

.sh-add:before {
  content: "\e9cf";
}

.sh-add-r:before {
  content: "\e9d0";
}

.sh-assign:before {
  content: "\e9d1";
}

.sh-backspace:before {
  content: "\e9d2";
}

.sh-bookmark:before {
  content: "\e9d3";
}

.sh-captions:before {
  content: "\e9d4";
}

.sh-close-o:before {
  content: "\e9d5";
}

.sh-close-r:before {
  content: "\e9d6";
}

.sh-feed .path1:before {
  content: "\e9d7";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-feed .path2:before {
  content: "\e9d8";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-feed .path3:before {
  content: "\e9d9";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.8;
}

.sh-feed .path4:before {
  content: "\e9da";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.8;
}

.sh-feed .path5:before {
  content: "\e9db";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-feed .path6:before {
  content: "\e9dc";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-flag:before {
  content: "\e9dd";
}

.sh-inbox:before {
  content: "\e9de";
}

.sh-lock:before {
  content: "\e9df";
}

.sh-lock-unlock:before {
  content: "\e9e0";
}

.sh-log-in:before {
  content: "\e9e1";
}

.sh-log-off:before {
  content: "\e9e2";
}

.sh-log-out:before {
  content: "\e9e3";
}

.sh-menu:before {
  content: "\e9e4";
}

.sh-menu-left:before {
  content: "\e9e5";
}

.sh-menu-right:before {
  content: "\e9e6";
}

.sh-more:before {
  content: "\e9e7";
}

.sh-more-alt:before {
  content: "\e9e8";
}

.sh-more-o:before {
  content: "\e9e9";
}

.sh-more-r:before {
  content: "\e9ea";
}

.sh-more-vertical:before {
  content: "\e9eb";
}

.sh-more-vertical-alt:before {
  content: "\e9ec";
}

.sh-more-vertical-o:before {
  content: "\e9ed";
}

.sh-more-vertical-r:before {
  content: "\e9ee";
}

.sh-play-pause:before {
  content: "\e9ef";
}

.sh-play-pause-o:before {
  content: "\e9f0";
}

.sh-play-pause-r:before {
  content: "\e9f1";
}

.sh-play-stop:before {
  content: "\e9f2";
}

.sh-play-stop-o:before {
  content: "\e9f3";
}

.sh-play-stop-r:before {
  content: "\e9f4";
}

.sh-printer:before {
  content: "\e9f5";
}

.sh-read:before {
  content: "\e9f6";
}

.sh-share:before {
  content: "\e9f7";
}

.sh-shortcut:before {
  content: "\e9f8";
}

.sh-size:before {
  content: "\e9f9";
}

.sh-software-download:before {
  content: "\e9fa";
}

.sh-software-upload:before {
  content: "\e9fb";
}

.sh-sort-az:before {
  content: "\e9fc";
}

.sh-sort-za:before {
  content: "\e9fd";
}

.sh-square1:before {
  content: "\e9fe";
}

.sh-toggle-off:before {
  content: "\e9ff";
}

.sh-toggle-on:before {
  content: "\ea00";
}

.sh-toggle-square:before {
  content: "\ea01";
}

.sh-toggle-square-off:before {
  content: "\ea02";
}

.sh-chevron-double-down:before {
  content: "\ea03";
}

.sh-chevron-double-down-o:before {
  content: "\ea04";
}

.sh-chevron-double-down-r:before {
  content: "\ea05";
}

.sh-chevron-double-left:before {
  content: "\ea06";
}

.sh-chevron-double-left-o:before {
  content: "\ea07";
}

.sh-chevron-double-left-r:before {
  content: "\ea08";
}

.sh-chevron-double-right:before {
  content: "\ea09";
}

.sh-chevron-double-right-o:before {
  content: "\ea0a";
}

.sh-chevron-double-right-r:before {
  content: "\ea0b";
}

.sh-chevron-double-up:before {
  content: "\ea0c";
}

.sh-chevron-double-up-o:before {
  content: "\ea0d";
}

.sh-chevron-double-up-r:before {
  content: "\ea0e";
}

.sh-chevron-down:before {
  content: "\ea0f";
}

.sh-chevron-down-o:before {
  content: "\ea10";
}

.sh-chevron-down-r:before {
  content: "\ea11";
}

.sh-chevron-left:before {
  content: "\ea12";
}

.sh-chevron-left-o:before {
  content: "\ea13";
}

.sh-chevron-left-r:before {
  content: "\ea14";
}

.sh-chevron-right:before {
  content: "\ea15";
}

.sh-chevron-right-o:before {
  content: "\ea16";
}

.sh-chevron-right-r:before {
  content: "\ea17";
}

.sh-chevron-up:before {
  content: "\ea18";
}

.sh-chevron-up-o:before {
  content: "\ea19";
}

.sh-chevron-up-r:before {
  content: "\ea1a";
}

.sh-push-chevron-down:before {
  content: "\ea1b";
}

.sh-push-chevron-down-o:before {
  content: "\ea1c";
}

.sh-push-chevron-down-r:before {
  content: "\ea1d";
}

.sh-push-chevron-left:before {
  content: "\ea1e";
}

.sh-push-chevron-left-o:before {
  content: "\ea1f";
}

.sh-push-chevron-left-r:before {
  content: "\ea20";
}

.sh-push-chevron-right:before {
  content: "\ea21";
}

.sh-push-chevron-right-o:before {
  content: "\ea22";
}

.sh-push-chevron-right-r:before {
  content: "\ea23";
}

.sh-push-chevron-up:before {
  content: "\ea24";
}

.sh-push-chevron-up-o:before {
  content: "\ea25";
}

.sh-push-chevron-up-r:before {
  content: "\ea26";
}

.sh-code:before {
  content: "\ea27";
}

.sh-code-slash:before {
  content: "\ea28";
}

.sh-c-plus-plus:before {
  content: "\ea29";
}

.sh-git-branch:before {
  content: "\ea2a";
}

.sh-git-commit:before {
  content: "\ea2b";
}

.sh-git-fork:before {
  content: "\ea2c";
}

.sh-git-pull:before {
  content: "\ea2d";
}

.sh-hashtag:before {
  content: "\ea2e";
}

.sh-remote:before {
  content: "\ea2f";
}

.sh-terminal:before {
  content: "\ea30";
}

.sh-align-bottom .path1:before {
  content: "\ea31";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-align-bottom .path2:before {
  content: "\ea32";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-bottom .path3:before {
  content: "\ea33";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-center .path1:before {
  content: "\ea34";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-align-center .path2:before {
  content: "\ea35";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-left .path1:before {
  content: "\ea36";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-align-left .path2:before {
  content: "\ea37";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-left .path3:before {
  content: "\ea38";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-middle .path1:before {
  content: "\ea39";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-align-middle .path2:before {
  content: "\ea3a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-right .path1:before {
  content: "\ea3b";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-align-right .path2:before {
  content: "\ea3c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-right .path3:before {
  content: "\ea3d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-top .path1:before {
  content: "\ea3e";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-align-top .path2:before {
  content: "\ea3f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-align-top .path3:before {
  content: "\ea40";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-attachment:before {
  content: "\ea41";
}

.sh-board:before {
  content: "\ea42";
}

.sh-clipboard:before {
  content: "\ea43";
}

.sh-copy:before {
  content: "\ea44";
}

.sh-crop:before {
  content: "\ea45";
}

.sh-details-less:before {
  content: "\ea46";
}

.sh-details-more:before {
  content: "\ea47";
}

.sh-display-flex:before {
  content: "\ea48";
}

.sh-display-fullwidth:before {
  content: "\ea49";
}

.sh-display-grid:before {
  content: "\ea4a";
}

.sh-display-spacing:before {
  content: "\ea4b";
}

.sh-distribute-horizontal .path1:before {
  content: "\ea4c";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-distribute-horizontal .path2:before {
  content: "\ec00";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-distribute-horizontal .path3:before {
  content: "\ec01";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-duplicate:before {
  content: "\ea4d";
}

.sh-format-bold:before {
  content: "\ea4e";
}

.sh-format-center:before {
  content: "\ea4f";
}

.sh-format-color:before {
  content: "\ea50";
}

.sh-format-heading:before {
  content: "\ea51";
}

.sh-format-indent-decrease:before {
  content: "\ea52";
}

.sh-format-indent-increase:before {
  content: "\ea53";
}

.sh-format-italic:before {
  content: "\ea54";
}

.sh-format-justify:before {
  content: "\ea55";
}

.sh-format-left:before {
  content: "\ea56";
}

.sh-format-line-height:before {
  content: "\ea57";
}

.sh-format-right:before {
  content: "\ea58";
}

.sh-format-separator .path1:before {
  content: "\ea59";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-format-separator .path2:before {
  content: "\ea5a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-format-separator .path3:before {
  content: "\ea5b";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-format-separator .path4:before {
  content: "\ea5c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-format-separator .path5:before {
  content: "\ea5d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-format-slash:before {
  content: "\ea5e";
}

.sh-format-strike:before {
  content: "\ea5f";
}

.sh-format-text:before {
  content: "\ea60";
}

.sh-format-underline:before {
  content: "\ea61";
}

.sh-format-uppercase:before {
  content: "\ea62";
}

.sh-layout-grid:before {
  content: "\ea63";
}

.sh-layout-grid-small:before {
  content: "\ea64";
}

.sh-layout-list:before {
  content: "\ea65";
}

.sh-layout-pin:before {
  content: "\ea66";
}

.sh-link:before {
  content: "\ea67";
}

.sh-list:before {
  content: "\ea68";
}

.sh-math-divide:before {
  content: "\ea69";
}

.sh-math-equal:before {
  content: "\ea6a";
}

.sh-math-minus:before {
  content: "\ea6b";
}

.sh-math-percent:before {
  content: "\ea6c";
}

.sh-math-plus:before {
  content: "\ea6d";
}

.sh-menu-boxed:before {
  content: "\ea6e";
}

.sh-menu-left-alt:before {
  content: "\ea6f";
}

.sh-menu-right-alt:before {
  content: "\ea70";
}

.sh-menu-round:before {
  content: "\ea71";
}

.sh-notes:before {
  content: "\ea72";
}

.sh-pin:before {
  content: "\ea73";
}

.sh-pin-alt:before {
  content: "\ea74";
}

.sh-pin-bottom:before {
  content: "\ea75";
}

.sh-pin-top:before {
  content: "\ea76";
}

.sh-quote:before {
  content: "\ea77";
}

.sh-quote-o:before {
  content: "\ea78";
}

.sh-ruler:before {
  content: "\ea79";
}

.sh-smile:before {
  content: "\ea7a";
}

.sh-smile-mouth-open:before {
  content: "\ea7b";
}

.sh-smile-neutral:before {
  content: "\ea7c";
}

.sh-smile-no-mouth:before {
  content: "\ea7d";
}

.sh-smile-none:before {
  content: "\ea7e";
}

.sh-smile-sad:before {
  content: "\ea7f";
}

.sh-smile-upside:before {
  content: "\ea80";
}

.sh-stack:before {
  content: "\ea81";
}

.sh-trash-empty:before {
  content: "\ea83";
}

.sh-edit:before {
  content: "\ebfb";
}

.sh-question:before {
  content: "\ebfc";
}

.sh-question-circle:before {
  content: "\ebfd";
}

.sh-arrange-back:before {
  content: "\ea84";
}

.sh-arrange-front:before {
  content: "\ea85";
}

.sh-asterisk:before {
  content: "\ea86";
}

.sh-attribution:before {
  content: "\ea87";
}

.sh-border-all:before {
  content: "\ea88";
}

.sh-border-bottom .path1:before {
  content: "\ea89";
  color: rgb(0, 0, 0);
  opacity: 0.3;
}

.sh-border-bottom .path2:before {
  content: "\ea8a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-border-left .path1:before {
  content: "\ea8b";
  color: rgb(0, 0, 0);
  opacity: 0.3;
}

.sh-border-left .path2:before {
  content: "\ea8c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-border-right .path1:before {
  content: "\ea8d";
  color: rgb(0, 0, 0);
  opacity: 0.3;
}

.sh-border-right .path2:before {
  content: "\ea8e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-border-style-dashed:before {
  content: "\ea8f";
}

.sh-border-style-dotted:before {
  content: "\ea90";
}

.sh-border-style-solid:before {
  content: "\ea91";
}

.sh-border-top .path1:before {
  content: "\ea92";
  color: rgb(0, 0, 0);
  opacity: 0.3;
}

.sh-border-top .path2:before {
  content: "\ea93";
  margin-left: -1em;
  color: rgb(17, 0, 0);
}

.sh-color-bucket:before {
  content: "\ea94";
}

.sh-color-picker:before {
  content: "\ea95";
}

.sh-distribute-vertical .path1:before {
  content: "\ea96";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-distribute-vertical .path2:before {
  content: "\ec02";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-distribute-vertical .path3:before {
  content: "\ec03";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-drop:before {
  content: "\ea97";
}

.sh-drop-invert:before {
  content: "\ea98";
}

.sh-drop-opacity:before {
  content: "\ea99";
}

.sh-edit-black-point:before {
  content: "\ea9a";
}

.sh-edit-contrast:before {
  content: "\ea9b";
}

.sh-edit-exposure:before {
  content: "\ea9c";
}

.sh-edit-fade .path1:before {
  content: "\ea9d";
  color: rgb(0, 0, 0);
  opacity: 0.3;
}

.sh-edit-fade .path2:before {
  content: "\ec04";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.6;
}

.sh-edit-fade .path3:before {
  content: "\ec05";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-edit-flip-h .path1:before {
  content: "\ea9e";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-edit-flip-h .path2:before {
  content: "\ea9f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-edit-flip-h .path3:before {
  content: "\eaa0";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-edit-flip-v .path1:before {
  content: "\eaa1";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-edit-flip-v .path2:before {
  content: "\eaa2";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-edit-flip-v .path3:before {
  content: "\eaa3";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-edit-highlight:before {
  content: "\eaa4";
}

.sh-edit-markup:before {
  content: "\eaa5";
}

.sh-edit-mask:before {
  content: "\eaa6";
}

.sh-edit-noise:before {
  content: "\eaa7";
}

.sh-edit-shadows:before {
  content: "\eaa8";
}

.sh-edit-straight:before {
  content: "\eaa9";
}

.sh-edit-unmask:before {
  content: "\eaaa";
}

.sh-erase:before {
  content: "\eaab";
}

.sh-font-height:before {
  content: "\eaac";
}

.sh-font-spacing:before {
  content: "\eaad";
}

.sh-insert-after:before {
  content: "\eaae";
}

.sh-insert-after-o:before {
  content: "\eaaf";
}

.sh-insert-after-r:before {
  content: "\eab0";
}

.sh-insert-before:before {
  content: "\eab1";
}

.sh-insert-before-o:before {
  content: "\eab2";
}

.sh-insert-before-r:before {
  content: "\eab3";
}

.sh-list-tree:before {
  content: "\eab4";
}

.sh-path-back:before {
  content: "\eab5";
}

.sh-path-crop:before {
  content: "\eab6";
}

.sh-path-divide:before {
  content: "\eab7";
}

.sh-path-exclude:before {
  content: "\eab8";
}

.sh-path-front:before {
  content: "\eab9";
}

.sh-path-intersect:before {
  content: "\eaba";
}

.sh-path-outline:before {
  content: "\eabb";
}

.sh-path-trim:before {
  content: "\eabc";
}

.sh-path-unite:before {
  content: "\eabd";
}

.sh-pen:before {
  content: "\eabe";
}

.sh-pentagon-bottom-left:before {
  content: "\eabf";
}

.sh-pentagon-bottom-right:before {
  content: "\eac0";
}

.sh-pentagon-down:before {
  content: "\eac1";
}

.sh-pentagon-left:before {
  content: "\eac2";
}

.sh-pentagon-right:before {
  content: "\eac3";
}

.sh-pentagon-top-left:before {
  content: "\eac4";
}

.sh-pentagon-top-right:before {
  content: "\eac5";
}

.sh-pentagon-up:before {
  content: "\eac6";
}

.sh-poll:before {
  content: "\eac7";
}

.sh-rename:before {
  content: "\eac8";
}

.sh-row-first .path1:before {
  content: "\eac9";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-row-first .path2:before {
  content: "\eaca";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-row-first .path3:before {
  content: "\eacb";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-row-last .path1:before {
  content: "\eacc";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-row-last .path2:before {
  content: "\eacd";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-row-last .path3:before {
  content: "\eace";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-shape-circle:before {
  content: "\eacf";
}

.sh-shape-half-circle:before {
  content: "\ead0";
}

.sh-shape-hexagon:before {
  content: "\ead1";
}

.sh-shape-rhombus:before {
  content: "\ead2";
}

.sh-shape-square:before {
  content: "\ead3";
}

.sh-shape-triangle:before {
  content: "\ead4";
}

.sh-shape-zigzag:before {
  content: "\ead5";
}

.sh-stories:before {
  content: "\ead6";
}

.sh-template:before {
  content: "\ead7";
}

.sh-tikcode:before {
  content: "\ead8";
}

.sh-toolbar-bottom:before {
  content: "\ead9";
}

.sh-toolbar-left:before {
  content: "\eada";
}

.sh-toolbar-right:before {
  content: "\eadb";
}

.sh-toolbar-top:before {
  content: "\eadc";
}

.sh-view-cols:before {
  content: "\eadd";
}

.sh-view-comfortable:before {
  content: "\eade";
}

.sh-view-day:before {
  content: "\eadf";
}

.sh-view-grid:before {
  content: "\eae0";
}

.sh-view-list:before {
  content: "\eae1";
}

.sh-view-month:before {
  content: "\eae2";
}

.sh-view-split:before {
  content: "\eae3";
}

.sh-website:before {
  content: "\eae4";
}

.sh-apple-watch:before {
  content: "\eae5";
}

.sh-bot:before {
  content: "\eae6";
}

.sh-browser:before {
  content: "\eae7";
}

.sh-calculator:before {
  content: "\eae8";
}

.sh-camera:before {
  content: "\eae9";
}

.sh-cast:before {
  content: "\eaea";
}

.sh-controller:before {
  content: "\eaeb";
}

.sh-desktop:before {
  content: "\eaec";
}

.sh-dialpad:before {
  content: "\eaed";
}

.sh-drive:before {
  content: "\eaee";
}

.sh-ereader:before {
  content: "\eaef";
}

.sh-home-screen:before {
  content: "\eaf0";
}

.sh-keyboard:before {
  content: "\eaf1";
}

.sh-laptop:before {
  content: "\eaf2";
}

.sh-mouse:before {
  content: "\eaf3";
}

.sh-music-speaker:before {
  content: "\eaf4";
}

.sh-piano:before {
  content: "\eaf5";
}

.sh-qr:before {
  content: "\eaf6";
}

.sh-screen:before {
  content: "\eaf7";
}

.sh-screen-wide:before {
  content: "\eaf8";
}

.sh-server:before {
  content: "\eaf9";
}

.sh-shield:before {
  content: "\eafa";
}

.sh-signal:before {
  content: "\eafb";
}

.sh-smartphone:before {
  content: "\eafc";
}

.sh-smartphone-chip:before {
  content: "\eafd";
}

.sh-smartphone-ram:before {
  content: "\eafe";
}

.sh-smartphone-shake:before {
  content: "\eaff";
}

.sh-stopwatch:before {
  content: "\eb00";
}

.sh-thermostat:before {
  content: "\eb01";
}

.sh-touchpad:before {
  content: "\eb02";
}

.sh-tv:before {
  content: "\eb03";
}

.sh-webcam:before {
  content: "\eb04";
}

.sh-box:before {
  content: "\eb05";
}

.sh-cloud:before {
  content: "\eb06";
}

.sh-file:before {
  content: "\eb07";
}

.sh-file-add:before {
  content: "\eb08";
}

.sh-file-document:before {
  content: "\eb09";
}

.sh-file-remove:before {
  content: "\eb0a";
}

.sh-folder:before {
  content: "\eb0b";
}

.sh-folder-add:before {
  content: "\eb0c";
}

.sh-folder-remove:before {
  content: "\eb0d";
}

.sh-toolbox:before {
  content: "\eb0e";
}

.sh-album:before {
  content: "\eb0f";
}

.sh-collage:before {
  content: "\eb10";
}

.sh-comment:before {
  content: "\eb11";
}

.sh-credit-card:before {
  content: "\eb12";
}

.sh-data:before {
  content: "\eb13";
}

.sh-database:before {
  content: "\eb14";
}

.sh-disc:before {
  content: "\eb15";
}

.sh-film:before {
  content: "\eb16";
}

.sh-games:before {
  content: "\eb17";
}

.sh-image:before {
  content: "\eb19";
}

.sh-inpicture:before {
  content: "\eb1a";
}

.sh-live-photo:before {
  content: "\eb1b";
}

.sh-media-live:before {
  content: "\eb1c";
}

.sh-media-podcast:before {
  content: "\eb1d";
}

.sh-mic:before {
  content: "\eb1e";
}

.sh-music:before {
  content: "\eb1f";
}

.sh-music-note:before {
  content: "\eb20";
}

.sh-photoscan:before {
  content: "\eb21";
}

.sh-play-backwards:before {
  content: "\eb22";
}

.sh-play-button:before {
  content: "\eb23";
}

.sh-play-button-o:before {
  content: "\eb24";
}

.sh-play-button-r:before {
  content: "\eb25";
}

.sh-play-forwards:before {
  content: "\eb26";
}

.sh-play-list:before {
  content: "\eb27";
}

.sh-play-list-add:before {
  content: "\eb28";
}

.sh-play-list-check:before {
  content: "\eb29";
}

.sh-play-list-remove:before {
  content: "\eb2a";
}

.sh-play-list-search:before {
  content: "\eb2b";
}

.sh-play-track-next:before {
  content: "\eb2c";
}

.sh-play-track-next-o:before {
  content: "\eb2d";
}

.sh-play-track-next-r:before {
  content: "\eb2e";
}

.sh-play-track-prev:before {
  content: "\eb2f";
}

.sh-play-track-prev-o:before {
  content: "\eb30";
}

.sh-play-track-prev-r:before {
  content: "\eb31";
}

.sh-polaroid:before {
  content: "\eb32";
}

.sh-presentation:before {
  content: "\eb33";
}

.sh-ratio:before {
  content: "\eb34";
}

.sh-screen-mirror:before {
  content: "\eb35";
}

.sh-screen-shot:before {
  content: "\eb36";
}

.sh-ui-kit:before {
  content: "\eb37";
}

.sh-usb:before {
  content: "\eb38";
}

.sh-usb-c:before {
  content: "\eb39";
}

.sh-voicemail:before {
  content: "\eb3a";
}

.sh-voicemail-o:before {
  content: "\eb3b";
}

.sh-voicemail-r:before {
  content: "\eb3c";
}

.sh-volume:before {
  content: "\eb3d";
}

.sh-setting:before {
  content: "\ebfe";
}

.sh-shared-user:before {
  content: "\ebf2";
}

.sh-single-user:before {
  content: "\ebf3";
}

.sh-airplane:before {
  content: "\eb3e";
}

.sh-anchor:before {
  content: "\eb3f";
}

.sh-awards:before {
  content: "\eb40";
}

.sh-band-aid:before {
  content: "\eb41";
}

.sh-bee:before {
  content: "\eb42";
}

.sh-bitbucket:before {
  content: "\eb43";
}

.sh-block:before {
  content: "\eb44";
}

.sh-bowl:before {
  content: "\eb45";
}

.sh-boy:before {
  content: "\eb46";
}

.sh-briefcase:before {
  content: "\eb47";
}

.sh-browse:before {
  content: "\eb48";
}

.sh-brush:before {
  content: "\eb49";
}

.sh-calibrate:before {
  content: "\eb4a";
}

.sh-cap:before {
  content: "\eb4b";
}

.sh-card-clubs:before {
  content: "\eb4c";
}

.sh-card-diamonds:before {
  content: "\eb4d";
}

.sh-card-hearts:before {
  content: "\eb4e";
}

.sh-card-spades:before {
  content: "\eb4f";
}

.sh-carousel:before {
  content: "\eb50";
}

.sh-chart:before {
  content: "\eb51";
}

.sh-clapper-board:before {
  content: "\eb52";
}

.sh-close:before {
  content: "\eb53";
}

.sh-coffee:before {
  content: "\eb54";
}

.sh-community:before {
  content: "\eb55";
}

.sh-components:before {
  content: "\eb56";
}

.sh-copyright:before {
  content: "\eb57";
}

.sh-cross:before {
  content: "\eb58";
}

.sh-crown:before {
  content: "\eb59";
}

.sh-dark-mode:before {
  content: "\eb5a";
}

.sh-debug:before {
  content: "\eb5b";
}

.sh-dice-1:before {
  content: "\eb5c";
}

.sh-dice-2:before {
  content: "\eb5d";
}

.sh-dice-3:before {
  content: "\eb5e";
}

.sh-dice-4:before {
  content: "\eb5f";
}

.sh-dice-5:before {
  content: "\eb60";
}

.sh-dice-6:before {
  content: "\eb61";
}

.sh-dock-bottom:before {
  content: "\eb62";
}

.sh-dock-left:before {
  content: "\eb63";
}

.sh-dock-right:before {
  content: "\eb64";
}

.sh-dock-window:before {
  content: "\eb65";
}

.sh-dollar:before {
  content: "\eb66";
}

.sh-eject:before {
  content: "\eb67";
}

.sh-ericsson:before {
  content: "\eb68";
}

.sh-ethernet:before {
  content: "\eb69";
}

.sh-euro:before {
  content: "\eb6a";
}

.sh-extension:before {
  content: "\eb6b";
}

.sh-extension-add:before {
  content: "\eb6c";
}

.sh-extension-alt:before {
  content: "\eb6d";
}

.sh-extension-remove:before {
  content: "\eb6e";
}

.sh-external:before {
  content: "\eb6f";
}

.sh-eye:before {
  content: "\eb70";
}

.sh-eye-alt:before {
  content: "\eb71";
}

.sh-filters:before {
  content: "\eb72";
}

.sh-flag-alt:before {
  content: "\eb73";
}

.sh-gender-female:before {
  content: "\eb74";
}

.sh-gender-male:before {
  content: "\eb75";
}

.sh-ghost-character:before {
  content: "\eb76";
}

.sh-girl:before {
  content: "\eb78";
}

.sh-glass:before {
  content: "\eb79";
}

.sh-glass-alt:before {
  content: "\eb7a";
}

.sh-globe:before {
  content: "\eb7b";
}

.sh-globe-alt:before {
  content: "\eb7c";
}

.sh-gym:before {
  content: "\eb7d";
}

.sh-heart:before {
  content: "\eb7e";
}

.sh-home:before {
  content: "\eb7f";
}

.sh-home-alt:before {
  content: "\eb80";
}

.sh-icecream:before {
  content: "\eb81";
}

.sh-infinity:before {
  content: "\eb82";
}

.sh-insights:before {
  content: "\eb83";
}

.sh-key:before {
  content: "\eb84";
}

.sh-keyhole:before {
  content: "\eb85";
}

.sh-loadbar:before {
  content: "\eb86";
}

.sh-loadbar-alt .path1:before {
  content: "\eb87";
  color: rgb(0, 0, 0);
  opacity: 0.3;
}

.sh-loadbar-alt .path2:before {
  content: "\eb88";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-loadbar-doc:before {
  content: "\eb89";
}

.sh-loadbar-sound:before {
  content: "\eb8a";
}

.sh-loupe:before {
  content: "\eb8b";
}

.sh-magnet .path1:before {
  content: "\eb8c";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-magnet .path2:before {
  content: "\eb8d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-magnet .path3:before {
  content: "\eb8e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-mail:before {
  content: "\eb8f";
}

.sh-mail-forward:before {
  content: "\eb90";
}

.sh-mail-open:before {
  content: "\eb91";
}

.sh-mail-reply:before {
  content: "\eb92";
}

.sh-maximize:before {
  content: "\eb93";
}

.sh-maximize-alt:before {
  content: "\eb94";
}

.sh-menu-cake:before {
  content: "\eb95";
}

.sh-menu-cheese:before {
  content: "\eb96";
}

.sh-menu-grid-o:before {
  content: "\eb97";
}

.sh-menu-grid-r:before {
  content: "\eb98";
}

.sh-menu-hotdog:before {
  content: "\eb99";
}

.sh-menu-motion:before {
  content: "\eb9a";
}

.sh-menu-oreos:before {
  content: "\eb9b";
}

.sh-mini-player:before {
  content: "\eb9c";
}

.sh-modem:before {
  content: "\eb9d";
}

.sh-moon:before {
  content: "\eb9e";
}

.sh-nametag:before {
  content: "\eb9f";
}

.sh-notifications:before {
  content: "\eba0";
  color: #9ca3af;
}

.sh-open-collective .path1:before {
  content: "\eba1";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-open-collective .path2:before {
  content: "\eba2";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-options:before {
  content: "\eba3";
}

.sh-organisation:before {
  content: "\eba4";
}

.sh-password:before {
  content: "\eba5";
}

.sh-performance:before {
  content: "\eba6";
}

.sh-pill:before {
  content: "\eba7";
}

.sh-plug:before {
  content: "\eba8";
}

.sh-profile:before {
  content: "\eba9";
}

.sh-pull-clear:before {
  content: "\ebaa";
}

.sh-radio-check:before {
  content: "\ebab";
}

.sh-radio-checked:before {
  content: "\ebac";
}

.sh-readme:before {
  content: "\ebad";
}

.sh-record:before {
  content: "\ebae";
}

.sh-remove:before {
  content: "\ebaf";
}

.sh-remove-r:before {
  content: "\ebb0";
}

.sh-reorder .path1:before {
  content: "\ebb1";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-reorder .path2:before {
  content: "\ebb2";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-reorder .path3:before {
  content: "\ebb3";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-reorder .path4:before {
  content: "\ebb4";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-reorder .path5:before {
  content: "\ebb5";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-ring:before {
  content: "\ebb6";
}

.sh-sand-clock:before {
  content: "\ebb7";
}

.sh-scan:before {
  content: "\ebb8";
}

.sh-search:before {
  content: "\ebb9";
}

.sh-search-found:before {
  content: "\ebba";
}

.sh-search-loading:before {
  content: "\ebbb";
}

.sh-shopping-bag:before {
  content: "\ebbc";
}

.sh-shopping-cart:before {
  content: "\ebbd";
}

.sh-sidebar:before {
  content: "\ebbe";
}

.sh-sidebar-open:before {
  content: "\ebbf";
}

.sh-sidebar-right:before {
  content: "\ebc0";
}

.sh-sleep:before {
  content: "\ebc1";
}

.sh-smart-home-boiler:before {
  content: "\ebc2";
}

.sh-smart-home-cooker:before {
  content: "\ebc3";
}

.sh-smart-home-heat:before {
  content: "\ebc4";
}

.sh-smart-home-light:before {
  content: "\ebc5";
}

.sh-smart-home-refrigerator:before {
  content: "\ebc6";
}

.sh-smart-home-wash-machine:before {
  content: "\ebc7";
}

.sh-space-between:before {
  content: "\ebc8";
}

.sh-space-between-v:before {
  content: "\ebc9";
}

.sh-spinner .path1:before {
  content: "\ebca";
  color: rgb(0, 0, 0);
  opacity: 0.2;
}

.sh-spinner .path2:before {
  content: "\ebcb";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-spinner-alt:before {
  content: "\ebcc";
}

.sh-spinner-two .path1:before {
  content: "\ebcd";
  color: rgb(0, 0, 0);
  opacity: 0.2;
}

.sh-spinner-two .path2:before {
  content: "\ebce";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-spinner-two .path3:before {
  content: "\ebcf";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-spinner-two-alt:before {
  content: "\ebd0";
}

.sh-style:before {
  content: "\ebd1";
}

.sh-sun:before {
  content: "\ebd2";
}

.sh-support:before {
  content: "\ebd3";
}

.sh-tab:before {
  content: "\ebd4";
}

.sh-tag:before {
  content: "\ebd5";
}

.sh-tap-double:before {
  content: "\ebd6";
}

.sh-tap-single:before {
  content: "\ebd7";
}

.sh-tennis:before {
  content: "\ebd8";
}

.sh-terrain:before {
  content: "\ebd9";
}

.sh-thermometer:before {
  content: "\ebda";
}

.sh-time:before {
  content: "\ebdb";
}

.sh-timelapse:before {
  content: "\ebdc";
}

.sh-timer:before {
  content: "\ebdd";
}

.sh-today .path1:before {
  content: "\ebde";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}

.sh-today .path2:before {
  content: "\ebdf";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-today .path3:before {
  content: "\ebe0";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sh-track:before {
  content: "\ebe1";
}

.sh-transcript:before {
  content: "\ebe2";
}

.sh-tree:before {
  content: "\ebe3";
}

.sh-trees:before {
  content: "\ebe4";
}

.sh-trophy:before {
  content: "\ebe5";
}

.sh-umbrella:before {
  content: "\ebe6";
}

.sh-unavailable:before {
  content: "\ebe7";
}

.sh-unblock:before {
  content: "\ebe8";
}

.sh-user:before {
  content: "\ebe9";
}

.sh-user-add:before {
  content: "\ebea";
}

.sh-user-list:before {
  content: "\ebeb";
}

.sh-user-remove:before {
  content: "\ebec";
}

.sh-vinyl:before {
  content: "\ebed";
}

.sh-work-alt:before {
  content: "\ebee";
}

.sh-yinyang:before {
  content: "\ebef";
}

.sh-zoom-in:before {
  content: "\ebf0";
}

.sh-zoom-out:before {
  content: "\ebf1";
}

.font-icon-detail {
  text-align: center;
  padding: 30px 0 30px;
  border: 1px solid #9a9a9a;
  border-radius: 0.1875rem;
  margin: 15px 0;
  min-height: 154px;
}
.font-icon-detail i {
  color: #000000;
  font-size: 2.5em;
}
.font-icon-detail p {
  color: #9a9a9a !important;
  margin: 20px 0 0 0;
  padding: 0 10px;
  font-size: 0.7142em;
}

.radius-box {
  background: #ddd;
  width: 100px;
  height: 32px;
  margin: 0 auto;
}

.radius-box-lg {
  background: #ddd;
  width: 100px;
  height: 40px;
  margin: 0 auto;
}

.radius-box-sm {
  background: #ddd;
  width: 100px;
  height: 24px;
  margin: 0 auto;
}

.border-radius {
  border-radius: 0.25rem;
}

.border-radius-top {
  border-radius: 0.25rem 0.25rem 0 0;
}

.border-radius-right {
  border-radius: 0 0.25rem 0.25rem 0;
}

.border-radius-bottom {
  border-radius: 0 0 0.25rem 0.25rem;
}

.border-radius-left {
  border-radius: 0.25rem 0 0 0.25rem;
}

.breadcrumb {
  background-color: #ffffff;
  border-radius: 0;
  font-size: 14px;
}

.breadcrumb-item a {
  color: #8c8c8c;
  text-decoration: none;
}
.breadcrumb-item a:hover {
  color: #346aff;
}
.breadcrumb-item .dropdown {
  display: flex;
}
.breadcrumb-item .btn-link {
  padding: 0;
  color: #8c8c8c;
  text-decoration: none;
  font-size: 14px;
  border: 0;
  display: flex;
  align-items: center;
}
.breadcrumb-item .btn-link:hover {
  color: #346aff;
  border: 0;
}
.breadcrumb-item .btn-link:focus {
  outline: 0;
  box-shadow: none;
}
.breadcrumb-item .btn-link.dropdown-toggle::after {
  display: none;
}
.breadcrumb-item .btn-link i {
  position: relative;
  left: 5px;
  top: 1px;
}
.breadcrumb-item.active {
  color: #595959;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #8c8c8c;
}

.btn-dropdown-custom {
  color: #0137fc;
  font-size: 14px;
}
.btn-dropdown-custom i {
  position: relative;
  top: 2px;
  margin-left: 2px;
}
.btn-dropdown-custom:hover {
  color: #346aff;
}
.btn-dropdown-custom:focus, .btn-dropdown-custom.focus {
  outline: 0;
  box-shadow: none;
}
.btn-dropdown-custom:active, .btn-dropdown-custom.active {
  color: #bfbfbf;
}
.btn-dropdown-custom.disabled, .btn-dropdown-custom:disabled {
  color: #0004c9;
}

.dropup-custom,
.dropright-custom,
.dropdown-custom,
.dropleft-custom {
  position: relative;
}

.dropdown-toggle-custom {
  white-space: nowrap;
}

.dropdown-menu-custom {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 8rem;
  padding: 0.25rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup-custom .dropdown-menu-custom {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup-custom .dropdown-toggle-custom::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup-custom .dropdown-toggle-custom:empty::after {
  margin-left: 0;
}

.dropright-custom .dropdown-menu-custom {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright-custom .dropdown-toggle-custom::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright-custom .dropdown-toggle-custom:empty::after {
  margin-left: 0;
}
.dropright-custom .dropdown-toggle-custom::after {
  vertical-align: 0;
}

.dropleft-custom .dropdown-menu-custom {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft-custom .dropdown-toggle-custom::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft-custom .dropdown-toggle-custom::after {
  display: none;
}
.dropleft-custom .dropdown-toggle-custom::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft-custom .dropdown-toggle-custom:empty::after {
  margin-left: 0;
}
.dropleft-custom .dropdown-toggle-custom::before {
  vertical-align: 0;
}

.dropdown-menu-custom[x-placement^=top], .dropdown-menu-custom[x-placement^=right], .dropdown-menu-custom[x-placement^=bottom], .dropdown-menu-custom[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-submenu > .dropdown-menu-custom[x-placement^=bottom] {
  top: -2.1875rem !important;
  left: 100% !important;
  margin-top: -1px;
  margin-left: 0px;
  border-radius: 0.25rem;
  display: none;
}
.dropdown-submenu > .dropdown-menu-custom[x-placement^=right] {
  top: 0;
  left: -22px !important;
  margin-top: -4px;
  margin-left: 0px;
  border-radius: 0.25rem;
  display: none;
}

.dropdown-divider-custom {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item-custom {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.4375rem 1rem;
  clear: both;
  font-weight: 400;
  color: #595959;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item-custom:hover, .dropdown-item-custom:focus {
  color: #595959 !important;
  text-decoration: none;
  background-color: #e6f7ff;
}
.dropdown-item-custom.active, .dropdown-item-custom:active {
  color: #595959;
  text-decoration: none;
  outline: 0;
  background-color: #e6f7ff;
}
.dropdown-item-custom.disabled, .dropdown-item-custom:disabled {
  color: #bfbfbf;
  pointer-events: none;
}
.dropdown-item-custom.disabled:hover, .dropdown-item-custom:disabled:hover {
  background-color: #f5f5f5;
  outline: 0;
}
.dropdown-item-custom.disabled:focus, .dropdown-item-custom:disabled:focus {
  background-color: #f5f5f5;
  outline: 0;
}
.dropdown-item-custom i {
  font-size: 16px;
}
.dropdown-item-custom span {
  margin: 0 4px;
}

.dropdown-menu-custom.show {
  display: block;
}

.dropdown-header-custom {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text-custom {
  display: block;
  padding: 0.344rem 0.75rem;
  color: #212529;
}

.dropdown-submenu {
  position: relative;
  display: flex;
}

.dropdown-submenu > .dropdown-menu-custom {
  top: 0;
  left: 24px !important;
  margin-top: -4px;
  border-radius: 0.25rem;
  display: none;
}

.dropdown-submenu:hover > .dropdown-menu-custom {
  display: block;
}

.dropdown-submenu > span:after {
  display: block;
  content: "\ea15";
  font-family: "SalesHandy" !important;
  position: absolute;
  top: 7px;
  right: 10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu-custom {
  left: -100%;
  margin-left: 10px;
}

.dropdown-custom.dropdown-custom-btn .btn-solid-dropdown-custom {
  padding: 0.314rem 0.5rem;
  display: flex;
  align-items: center;
}
.dropdown-custom .dropdown-btn-default {
  display: inline-flex;
  align-items: center;
}

.page-link {
  padding: 0.3125rem 0.5rem;
  margin-left: 8px;
  line-height: 1;
  color: #595959;
  border: none;
  background-color: transparent;
  min-height: 24px;
  min-width: 23px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.page-link:hover {
  color: #0137fc;
  border-radius: 0.25rem;
}
.page-link:focus {
  box-shadow: none;
}

.page-item.active .page-link {
  color: #0137fc;
  background-color: #dbeafe;
  border-color: #0137fc;
  border-radius: 0.25rem;
}
.page-item.disabled .page-link {
  color: #bfbfbf;
  background-color: transparent;
}
.page-item.custom-ellipsis .page-link {
  border: 0;
  display: inline-block;
  text-align: center;
  cursor: default;
  padding: 0;
}
.page-item.custom-ellipsis .page-link:hover {
  color: #595959;
}
.page-item.custom-ellipsis .page-link span {
  font-size: 20px;
  display: inline-block;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.bs-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active) > .bs-steps-item-container[role=button] {
  cursor: pointer;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active) > .bs-steps-item-container[role=button] .bs-steps-item-title {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active) > .bs-steps-item-container[role=button] .bs-steps-item-subtitle {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active) > .bs-steps-item-container[role=button] .bs-steps-item-description {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active) > .bs-steps-item-container[role=button] .bs-steps-item-icon .bs-steps-icon {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active) > .bs-steps-item-container[role=button]:hover .bs-steps-item-title {
  color: #0137fc;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active) > .bs-steps-item-container[role=button]:hover .bs-steps-item-subtitle {
  color: #0137fc;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active) > .bs-steps-item-container[role=button]:hover .bs-steps-item-description {
  color: #0137fc;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active):not(.bs-steps-item-process) > .bs-steps-item-container[role=button]:hover .bs-steps-item-icon {
  border-color: #0137fc;
}
.bs-steps .bs-steps-item:not(.bs-steps-item-active):not(.bs-steps-item-process) > .bs-steps-item-container[role=button]:hover .bs-steps-item-icon .bs-steps-icon {
  color: #0137fc;
}
.bs-steps:not(.bs-steps-vertical) .bs-steps-item-custom .bs-steps-item-icon {
  width: auto;
  background: none;
}

.bs-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.bs-steps-item:last-child {
  flex: none;
}
.bs-steps-item:last-child > .bs-steps-item-container > .bs-steps-item-tail {
  display: none;
}
.bs-steps-item:last-child > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title::after {
  display: none;
}

.bs-steps-item-container {
  outline: none;
}

.bs-steps-item-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.bs-steps-item-icon > .bs-steps-icon {
  position: relative;
  color: #0137fc;
  line-height: 1;
}

.bs-steps-item-content {
  display: inline-block;
  vertical-align: top;
}

.bs-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.bs-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  border-radius: 1px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  content: "";
}

.bs-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-size: 16px;
  line-height: 24px;
}
.bs-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #f0f0f0;
  content: "";
}

.bs-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
}

.bs-steps-item-description {
  font-size: 14px;
}

.bs-steps-item-wait .bs-steps-item-icon {
  background-color: #ffffff;
  border-color: #bfbfbf;
}
.bs-steps-item-wait .bs-steps-item-icon > .bs-steps-icon {
  color: #bfbfbf;
}
.bs-steps-item-wait .bs-steps-item-icon > .bs-steps-icon .bs-steps-icon-dot {
  background: #bfbfbf;
}
.bs-steps-item-wait > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title {
  color: #8c8c8c;
}
.bs-steps-item-wait > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title::after {
  background-color: #e8e8e8;
}
.bs-steps-item-wait > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-description {
  color: #8c8c8c;
}
.bs-steps-item-wait > .bs-steps-item-container > .bs-steps-item-tail::after {
  background-color: #e8e8e8;
}

.bs-steps-item-process .bs-steps-item-icon {
  background-color: #ffffff;
  border-color: #0137fc;
  background: #0137fc;
}
.bs-steps-item-process .bs-steps-item-icon > .bs-steps-icon {
  color: #ffffff;
}
.bs-steps-item-process .bs-steps-item-icon > .bs-steps-icon .bs-steps-icon-dot {
  background: #0137fc;
}
.bs-steps-item-process > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title {
  color: #262626;
  font-weight: 600;
}
.bs-steps-item-process > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title::after {
  background-color: #e8e8e8;
}
.bs-steps-item-process > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-description {
  color: #8c8c8c;
}
.bs-steps-item-process > .bs-steps-item-container > .bs-steps-item-tail::after {
  background-color: #e8e8e8;
}
.bs-steps-item-process .bs-steps-item-title {
  font-weight: 500;
}

.bs-steps-item-finish .bs-steps-item-icon {
  background-color: #ffffff;
  border-color: #0137fc;
}
.bs-steps-item-finish .bs-steps-item-icon > .bs-steps-icon {
  color: #0137fc;
}
.bs-steps-item-finish .bs-steps-item-icon > .bs-steps-icon .bs-steps-icon-dot {
  background: #0137fc;
}
.bs-steps-item-finish > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title {
  color: #595959;
}
.bs-steps-item-finish > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title::after {
  background-color: #0137fc;
}
.bs-steps-item-finish > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-description {
  color: #8c8c8c;
}
.bs-steps-item-finish > .bs-steps-item-container > .bs-steps-item-tail::after {
  background-color: #0137fc;
}

.bs-steps-item-error .bs-steps-item-icon {
  background-color: #ffffff;
  border-color: #f5222d;
}
.bs-steps-item-error .bs-steps-item-icon > .bs-steps-icon {
  color: #f5222d;
}
.bs-steps-item-error .bs-steps-item-icon > .bs-steps-icon .bs-steps-icon-dot {
  background: #f5222d;
}
.bs-steps-item-error > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title {
  color: #f5222d;
}
.bs-steps-item-error > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title::after {
  background-color: #f0f0f0;
}
.bs-steps-item-error > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-description {
  color: #f5222d;
}
.bs-steps-item-error > .bs-steps-item-container > .bs-steps-item-tail::after {
  background-color: #f0f0f0;
}

.bs-steps-item.bs-steps-next-error .bs-steps-item-title::after {
  background: #f5222d;
}

.bs-steps-item-disabled {
  cursor: not-allowed;
}

.bs-steps-horizontal:not(.bs-steps-label-vertical) .bs-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.bs-steps-horizontal:not(.bs-steps-label-vertical) .bs-steps-item:last-child {
  margin-right: 0;
}
.bs-steps-horizontal:not(.bs-steps-label-vertical) .bs-steps-item:last-child .bs-steps-item-title {
  padding-right: 0;
}
.bs-steps-horizontal:not(.bs-steps-label-vertical) .bs-steps-item-tail {
  display: none;
}
.bs-steps-horizontal:not(.bs-steps-label-vertical) .bs-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.bs-steps-horizontal.bs-icon-stepper .bs-steps-item .bs-steps-item-container .bs-steps-item-content .bs-steps-item-title {
  line-height: 32px;
}

.bs-steps-item-custom .bs-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.bs-steps-item-custom .bs-steps-item-icon > .bs-steps-icon {
  font-size: 16px;
  line-height: 1.625rem !important;
}
.bs-steps-item-custom .bs-steps-item-icon > .bs-steps-icon i {
  line-height: 1.625rem !important;
}

.bs-steps-item-custom.bs-steps-item-process .bs-steps-item-icon > .bs-steps-icon {
  color: #0137fc;
}

.bs-steps-small.bs-steps-horizontal:not(.bs-steps-label-vertical) .bs-steps-item {
  margin-right: 12px;
}
.bs-steps-small.bs-steps-horizontal:not(.bs-steps-label-vertical) .bs-steps-item:last-child {
  margin-right: 0;
}

.bs-steps-small .bs-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  border-radius: 24px;
}
.bs-steps-small .bs-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.bs-steps-small .bs-steps-item-title::after {
  top: 12px;
}
.bs-steps-small .bs-steps-item-description {
  font-size: 14px;
}
.bs-steps-small .bs-steps-item-tail {
  top: 8px;
}
.bs-steps-small .bs-steps-item-custom .bs-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.bs-steps-small .bs-steps-item-custom .bs-steps-item-icon > .bs-steps-icon {
  font-size: 18px;
  line-height: 1rem;
  -webkit-transform: none;
  transform: none;
}

.bs-steps-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bs-steps-vertical .bs-steps-item {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: visible;
}
.bs-steps-vertical .bs-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.bs-steps-vertical .bs-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.bs-steps-vertical .bs-steps-item-title {
  line-height: 32px;
}
.bs-steps-vertical .bs-steps-item-description {
  padding-bottom: 12px;
}
.bs-steps-vertical > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.bs-steps-vertical > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.bs-steps-vertical > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title::after {
  display: none;
}
.bs-steps-vertical > .bs-steps-item:not(:last-child) > .bs-steps-item-container > .bs-steps-item-tail {
  display: block;
}

.bs-steps-vertical.bs-steps-small .bs-steps-item-container .bs-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.bs-steps-vertical.bs-steps-small .bs-steps-item-container .bs-steps-item-title {
  line-height: 24px;
}

.bs-steps-rtl.bs-steps-vertical .bs-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.bs-steps-rtl.bs-steps-vertical > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-tail {
  right: 16px;
  left: auto;
}

.bs-steps-rtl.bs-steps-vertical.bs-steps-small .bs-steps-item-container .bs-steps-item-tail {
  right: 12px;
  left: auto;
}

.bs-steps-label-vertical .bs-steps-item {
  overflow: visible;
}
.bs-steps-label-vertical .bs-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.bs-steps-label-vertical .bs-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.bs-steps-label-vertical .bs-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.bs-steps-label-vertical .bs-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.bs-steps-label-vertical .bs-steps-item-title::after {
  display: none;
}
.bs-steps-label-vertical .bs-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5715;
}

.bs-steps-label-vertical.bs-steps-small:not(.bs-steps-dot) .bs-steps-item-icon {
  margin-left: 46px;
}

.bs-steps-dot .bs-steps-item-title {
  line-height: 1.5715;
}
.bs-steps-dot .bs-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 64px;
  padding: 0;
}
.bs-steps-dot .bs-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.bs-steps-dot .bs-steps-item:first-child .bs-steps-icon-dot {
  left: 2px;
}
.bs-steps-dot .bs-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.bs-steps-dot .bs-steps-item-icon .bs-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bs-steps-dot .bs-steps-item-icon .bs-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: "";
}
.bs-steps-dot .bs-steps-item-content {
  width: 140px;
}
.bs-steps-dot .bs-steps-item-process .bs-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
}

.bs-steps-dot.bs-steps-small .bs-steps-item-title {
  line-height: 1.5715;
}
.bs-steps-dot.bs-steps-small .bs-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.bs-steps-dot.bs-steps-small .bs-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.bs-steps-dot.bs-steps-small .bs-steps-item:first-child .bs-steps-icon-dot {
  left: 2px;
}
.bs-steps-dot.bs-steps-small .bs-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.bs-steps-dot.bs-steps-small .bs-steps-item-icon .bs-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bs-steps-dot.bs-steps-small .bs-steps-item-icon .bs-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: "";
}
.bs-steps-dot.bs-steps-small .bs-steps-item-content {
  width: 140px;
}
.bs-steps-dot.bs-steps-small .bs-steps-item-process .bs-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
}

.bs-steps-vertical.bs-steps-dot .bs-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
  background: none;
}
.bs-steps-vertical.bs-steps-dot .bs-steps-item > .bs-steps-item-container > .bs-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.bs-steps-vertical.bs-steps-dot .bs-steps-item:first-child .bs-steps-icon-dot {
  left: 0;
}
.bs-steps-vertical.bs-steps-dot .bs-steps-item-process .bs-steps-icon-dot {
  left: -2px;
}

.bs-steps-navigation {
  padding-top: 12px;
}
.bs-steps-navigation .bs-steps-item {
  overflow: visible;
  text-align: center;
}
.bs-steps-navigation .bs-steps-item:not(.bs-steps-item-active) .bs-steps-item-container[role=button] {
  cursor: pointer;
}
.bs-steps-navigation .bs-steps-item:not(.bs-steps-item-active) .bs-steps-item-container[role=button]:hover {
  opacity: 0.85;
}
.bs-steps-navigation .bs-steps-item:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bs-steps-navigation .bs-steps-item:last-child::after {
  display: none;
}
.bs-steps-navigation .bs-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.bs-steps-navigation .bs-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #0137fc;
  -webkit-transition: width 0.3s, left 0.3s;
  transition: width 0.3s, left 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  content: "";
}
.bs-steps-navigation .bs-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.bs-steps-navigation .bs-steps-item-container .bs-steps-item-content {
  max-width: auto;
}
.bs-steps-navigation .bs-steps-item-container .bs-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bs-steps-navigation .bs-steps-item-container .bs-steps-item-title::after {
  display: none;
}
.bs-steps-navigation .bs-steps-item.bs-steps-item-active::before {
  left: 0;
  width: 100%;
}

.bs-steps-navigation.bs-steps-small .bs-steps-item-container {
  margin-left: -12px;
}

.bs-stepper-pane.fade.active {
  visibility: visible;
  opacity: 1;
}

.bs-stepper .content.fade.active {
  visibility: visible;
  opacity: 1;
}
.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none {
  display: none;
}
.bs-stepper:not(.vertical) .content.dstepper-none {
  display: none;
}

@media (max-width: 480px) {
  .bs-steps-horizontal.bs-steps-label-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal .bs-steps-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: visible;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal .bs-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal .bs-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal .bs-steps-item-title {
    line-height: 32px;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal .bs-steps-item-description {
    padding-bottom: 12px;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-content > .bs-steps-item-title::after {
    display: none;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal > .bs-steps-item:not(:last-child) > .bs-steps-item-container > .bs-steps-item-tail {
    display: block;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal.bs-steps-small .bs-steps-item-container .bs-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .bs-steps-horizontal.bs-steps-label-horizontal.bs-steps-small .bs-steps-item-container .bs-steps-item-title {
    line-height: 24px;
  }
  .bs-steps-rtl.bs-steps-horizontal.bs-steps-label-horizontal .bs-steps-item-icon {
    float: right;
    margin-right: 0;
    margin-left: 16px;
  }
  .bs-steps-rtl.bs-steps-horizontal.bs-steps-label-horizontal > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-tail {
    right: 16px;
    left: auto;
  }
  .bs-steps-rtl.bs-steps-horizontal.bs-steps-label-horizontal.bs-steps-small .bs-steps-item-container .bs-steps-item-tail {
    right: 12px;
    left: auto;
  }
  .bs-steps-navigation > .bs-steps-item {
    margin-right: 0 !important;
  }
  .bs-steps-navigation > .bs-steps-item::before {
    display: none;
  }
  .bs-steps-navigation > .bs-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .bs-steps-navigation > .bs-steps-item > .bs-steps-item-container > .bs-steps-item-tail {
    visibility: hidden;
  }
  .bs-steps-navigation > .bs-steps-item.bs-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
}
.bs-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: inline-block;
  line-height: 22px;
  color: #000000;
  cursor: pointer;
}
.bs-checkbox-wrapper .bs-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  list-style: none;
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.bs-checkbox-wrapper .bs-checkbox:hover::after {
  visibility: visible;
}
.bs-checkbox-wrapper .bs-checkbox:hover .bs-checkbox-inner {
  border-color: #1d4ed8;
}
.bs-checkbox-wrapper .bs-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.bs-checkbox-wrapper .bs-checkbox.bs-checkbox-indeterminate .bs-checkbox-input:checked ~ .bs-checkbox-inner:after {
  top: 50%;
  left: 22%;
  width: 5.71428571px;
  height: 9.14285714px;
}
.bs-checkbox-wrapper + .bs-checkbox-wrapper {
  margin-left: 8px;
}
.bs-checkbox-wrapper .bs-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.bs-checkbox-wrapper .bs-checkbox-input:checked ~ .bs-checkbox-inner {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.bs-checkbox-wrapper .bs-checkbox-input:checked ~ .bs-checkbox-inner:after {
  position: absolute;
  display: table;
  border: 2px solid #ffffff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: " ";
}
.bs-checkbox-wrapper .bs-checkbox-input:focus + .bs-checkbox-inner {
  border-color: #1d4ed8;
}
.bs-checkbox-wrapper:hover .bs-checkbox-input ~ .bs-checkbox-inner {
  border-color: #1d4ed8;
}
.bs-checkbox-wrapper:hover .bs-checkbox-disabled::after {
  visibility: hidden;
}
.bs-checkbox-wrapper:hover .bs-checkbox::after {
  visibility: visible;
}
.bs-checkbox-wrapper .bs-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border: 1px solid #9ca3af;
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bs-checkbox-wrapper .bs-checkbox-inner:after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #ffffff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: " ";
}
.bs-checkbox-wrapper .bs-checkbox-indeterminate .bs-checkbox-inner {
  background-color: #ffffff;
  border-color: #9ca3af;
}
.bs-checkbox-wrapper .bs-checkbox-indeterminate .bs-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1d4ed8;
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " ";
}
.bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled {
  cursor: not-allowed;
}
.bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #9ca3af !important;
}
.bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-inner::after {
  background-color: #f5f5f5;
  border-color: #9ca3af;
  animation-name: none;
}
.bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-checked .bs-checkbox-inner::after {
  animation-name: none;
}
.bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled .bs-checkbox-input {
  cursor: not-allowed;
}
.bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled:hover::after {
  visibility: hidden;
}
.bs-checkbox-wrapper.bs-checkbox-wrapper-disabled .bs-checkbox.bs-checkbox-disabled.bs-checkbox-indeterminate .bs-checkbox-inner::after {
  background-color: #9ca3af;
  border-color: #9ca3af;
}

.rb-group {
  display: inline-flex;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn-solid,
.btn-group-vertical > .btn-solid {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-solid:hover,
.btn-group-vertical > .btn-solid:hover {
  z-index: 1;
}
.btn-group > .btn-solid:focus, .btn-group > .btn-solid:active, .btn-group > .btn-solid.active,
.btn-group-vertical > .btn-solid:focus,
.btn-group-vertical > .btn-solid:active,
.btn-group-vertical > .btn-solid.active {
  z-index: 1;
}
.btn-group > .btn-solid.btn-solid-primary:not(:disabled):not(.disabled).active,
.btn-group-vertical > .btn-solid.btn-solid-primary:not(:disabled):not(.disabled).active {
  background-color: #0137fc;
  border-color: #0137fc;
}
.btn-group > .btn-solid.btn-solid-primary:not(:disabled):not(.disabled).active:hover, .btn-group > .btn-solid.btn-solid-primary:not(:disabled):not(.disabled).active.hover,
.btn-group-vertical > .btn-solid.btn-solid-primary:not(:disabled):not(.disabled).active:hover,
.btn-group-vertical > .btn-solid.btn-solid-primary:not(:disabled):not(.disabled).active.hover {
  background-color: #346aff;
  border-color: #346aff;
}
.btn-group > .btn-solid.btn-solid-primary:not(:disabled):not(.disabled).active:active,
.btn-group-vertical > .btn-solid.btn-solid-primary:not(:disabled):not(.disabled).active:active {
  background-color: #0004c9;
  border-color: #0004c9;
}
.btn-group > .btn-solid.btn-solid-primary:active:disabled, .btn-group > .btn-solid.btn-solid-primary:active.disabled, .btn-group > .btn-solid.btn-solid-primary.active:disabled, .btn-group > .btn-solid.btn-solid-primary.active.disabled,
.btn-group-vertical > .btn-solid.btn-solid-primary:active:disabled,
.btn-group-vertical > .btn-solid.btn-solid-primary:active.disabled,
.btn-group-vertical > .btn-solid.btn-solid-primary.active:disabled,
.btn-group-vertical > .btn-solid.btn-solid-primary.active.disabled {
  cursor: not-allowed;
  background: #e8e8e8;
  color: #ffffff;
  border-color: #e8e8e8;
}
.btn-group > .btn-solid.btn-solid-primary:disabled, .btn-group > .btn-solid.btn-solid-primary.disabled,
.btn-group-vertical > .btn-solid.btn-solid-primary:disabled,
.btn-group-vertical > .btn-solid.btn-solid-primary.disabled {
  cursor: not-allowed;
}
.btn-group > .btn-solid.btn-solid-outlined:active:disabled, .btn-group > .btn-solid.btn-solid-outlined:active.disabled, .btn-group > .btn-solid.btn-solid-outlined.active:disabled, .btn-group > .btn-solid.btn-solid-outlined.active.disabled,
.btn-group-vertical > .btn-solid.btn-solid-outlined:active:disabled,
.btn-group-vertical > .btn-solid.btn-solid-outlined:active.disabled,
.btn-group-vertical > .btn-solid.btn-solid-outlined.active:disabled,
.btn-group-vertical > .btn-solid.btn-solid-outlined.active.disabled {
  cursor: not-allowed;
  background: #e8e8e8;
  color: #ffffff;
  border-color: #d9d9d9;
}
.btn-group > .btn-solid.btn-solid-outlined:disabled, .btn-group > .btn-solid.btn-solid-outlined.disabled,
.btn-group-vertical > .btn-solid.btn-solid-outlined:disabled,
.btn-group-vertical > .btn-solid.btn-solid-outlined.disabled {
  cursor: not-allowed;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn-solid:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn-solid:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-solid:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn-solid,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-solid:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn-solid:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-solid:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn-solid,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn-solid input[type=radio],
.btn-group-toggle > .btn-solid input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.bs-radio-wrapper {
  position: relative;
  margin-right: 8px;
  white-space: nowrap;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: inline-block;
  line-height: 22px;
  color: #595959;
  cursor: pointer;
}
.bs-radio-wrapper .bs-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  list-style: none;
  position: relative;
  top: -0.09em;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.bs-radio-wrapper .bs-radio:hover::after {
  visibility: visible;
}
.bs-radio-wrapper .bs-radio:hover .bs-radio-inner {
  border-color: #0137fc;
}
.bs-radio-wrapper .bs-radio + span {
  padding-right: 8px;
  padding-left: 8px;
}
.bs-radio-wrapper + .bs-radio-wrapper {
  margin-left: 8px;
}
.bs-radio-wrapper .bs-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.bs-radio-wrapper .bs-radio-input:checked ~ .bs-radio-inner {
  border-color: #0137fc;
}
.bs-radio-wrapper .bs-radio-input:checked ~ .bs-radio-inner:after {
  position: absolute;
  display: table;
  border-top: 0;
  border-left: 0;
  transform: scale(1);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: " ";
}
.bs-radio-wrapper .bs-radio-input:focus + .bs-radio-inner {
  border-color: #0137fc;
}
.bs-radio-wrapper:hover .bs-radio-disabled::after {
  visibility: hidden;
}
.bs-radio-wrapper:hover .bs-radio-input ~ .bs-radio-inner {
  border-color: #0137fc;
}
.bs-radio-wrapper:hover .bs-radio::after {
  visibility: visible;
}
.bs-radio-wrapper .bs-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bs-radio-wrapper .bs-radio-inner:after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #0137fc;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: " ";
}
.bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled {
  cursor: not-allowed;
}
.bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled .bs-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled .bs-radio-inner::after {
  background-color: #bfbfbf;
  border-color: #d9d9d9;
  animation-name: none;
}
.bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled .bs-radio-checked .bs-radio-inner::after {
  animation-name: none;
}
.bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled .bs-radio-input {
  cursor: not-allowed;
}
.bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled:hover::after {
  visibility: hidden;
}
.bs-radio-wrapper.bs-radio-wrapper-disabled .bs-radio.bs-radio-disabled.bs-radio-indeterminate .bs-radio-inner::after {
  background-color: #bfbfbf;
  border-color: #d9d9d9;
}

.radio-vertical {
  flex-direction: column;
}
.radio-vertical .bs-radio-wrapper {
  display: flex;
  flex-direction: row;
  margin: 0 0 0.5rem 0;
  align-items: flex-start;
  white-space: normal;
}
.radio-vertical .bs-radio-wrapper .bs-radio-inner {
  top: 4px;
  left: 1px;
}

.radio-horizontal {
  display: grid;
  grid-template-columns: auto auto;
}
.radio-horizontal .bs-radio-wrapper {
  display: flex;
  flex-direction: row;
  margin: 0 0 0.5rem 0;
  align-items: flex-start;
  white-space: normal;
  margin-right: 32px;
}
.radio-horizontal .bs-radio-wrapper .bs-radio-inner {
  top: 4px;
  left: 2px;
}

.switchToggle input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: relative;
}
.switchToggle input[type=checkbox]:disabled + label {
  background: #e8e8e8;
  cursor: not-allowed;
}
.switchToggle input[type=checkbox]:checked:disabled + label {
  background: #10b981;
}
.switchToggle input[type=checkbox]:checked:disabled + label::before {
  color: #10b981;
  left: unset;
  right: 2px;
}
.switchToggle.switch-small label {
  min-width: 28px;
  height: 16px;
}
.switchToggle.switch-small label::after {
  width: 12px;
  height: 12px;
}
.switchToggle.switch-small label:active:after {
  width: 16px;
}
.switchToggle.switch-small label span {
  font-size: 14px;
  line-height: 16px;
  left: 34px;
}
.switchToggle label {
  cursor: pointer;
  min-width: 44px;
  height: 22px;
  background: #bfbfbf;
  border-radius: 100px;
  position: relative;
  display: inline-block;
}
.switchToggle label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border-radius: 90px;
  transition: 0.3s;
}
.switchToggle label:active:after {
  width: 24px;
}
.switchToggle label span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 22px;
  position: absolute;
  left: 50px;
}
.switchToggle.switch-text input:checked + label {
  background: #10b981;
}
.switchToggle.switch-text input:checked + label:before {
  content: "1";
  z-index: 9;
}
.switchToggle.switch-text input:checked:disabled + label::before {
  left: 4px;
  color: #ffffff;
}
.switchToggle.switch-text input + label:before {
  content: "0";
}
.switchToggle.switch-text input:disabled + label {
  background: #e8e8e8;
  cursor: not-allowed;
}
.switchToggle.switch-icon input + label:before {
  font-family: "SalesHandy";
  content: "\eb53";
}
.switchToggle.switch-icon input:disabled + label {
  background: #e8e8e8;
  cursor: not-allowed;
}
.switchToggle.switch-icon input:checked + label:before {
  font-family: "SalesHandy";
  content: "\e956";
  z-index: 9;
}
.switchToggle.switch-icon input:checked:disabled + label {
  background: #10b981;
  cursor: not-allowed;
}
.switchToggle.switch-icon input:checked:disabled + label::before {
  left: 4px;
  color: #ffffff;
}
.switchToggle input:checked + label {
  background: #10b981;
}
.switchToggle input:checked + label:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}
.switchToggle input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.switchToggle.switch-pending input[type=checkbox] + label:before {
  font-family: "SalesHandy";
  content: "\ebcc";
  animation: spin 2s linear infinite;
  font-size: 12px;
  left: 2px;
  top: 2px;
  z-index: 9;
  color: #bfbfbf;
}
.switchToggle.switch-pending input[type=checkbox]:checked + label::before {
  left: unset;
  right: 2px;
}
.switchToggle.switch-pending.switch-small input[type=checkbox] + label:before {
  font-family: "SalesHandy";
  content: "\ebcc";
  animation: spin 2s linear infinite;
  font-size: 8px;
  left: 3px;
  top: 3px;
  z-index: 9;
  color: #bfbfbf;
  width: 10px;
  height: 10px;
}
.switchToggle.switch-pending.switch-small input[type=checkbox]:checked:disabled + label::before {
  right: 3px;
}
.switchToggle.switch-pending.switch-small input[type=checkbox]:checked + label::before {
  right: 3px;
  left: unset;
}
.switchToggle input + label:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 22px;
  width: 18px;
  height: 18px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}

.bs-slider.rangeslider-horizontal {
  height: 4px;
  border-radius: 0;
  box-shadow: none;
  background: #f5f5f5;
}
.bs-slider.rangeslider-horizontal .rangeslider__fill {
  background-color: #9ad0ff;
  border-radius: 0;
  box-shadow: none;
}
.bs-slider.rangeslider-horizontal .rangeslider__handle {
  width: 14px;
  height: 14px;
  box-shadow: none;
  border: 2px solid #9ad0ff;
}
.bs-slider.rangeslider-horizontal .rangeslider__handle:focus {
  outline: 0;
}
.bs-slider.rangeslider-horizontal .rangeslider__handle:hover {
  border-color: #346aff;
}
.bs-slider.rangeslider-horizontal .rangeslider__handle:active {
  border-color: #0137fc;
  box-shadow: 0px 0px 0px 3px rgba(1, 55, 252, 0.15);
}
.bs-slider.rangeslider-horizontal .rangeslider__handle::after {
  box-shadow: none;
  width: unset;
  height: unset;
}
.bs-slider.disabled.rangeslider-horizontal {
  background: #f5f5f5;
}
.bs-slider.disabled.rangeslider-horizontal .rangeslider__fill {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.bs-slider.disabled.rangeslider-horizontal .rangeslider__handle {
  border-color: #bfbfbf;
  cursor: not-allowed;
}

.bs-input-number-container {
  position: relative;
}
.bs-input-number-container .bs-input-number {
  box-sizing: border-box;
  list-style: none;
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #595959;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #ffffff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  min-width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
}
.bs-input-number-container .bs-input-number::placeholder {
  color: #bfbfbf;
}
.bs-input-number-container .bs-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.bs-input-number-container .bs-input-number:hover {
  border-color: #346aff;
  border-right-width: 1px !important;
}
.bs-input-number-container .bs-input-number:hover + .bs-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.bs-input-number-container .bs-input-number:hover .bs-input-number-handler-wrap {
  opacity: 1;
}
.bs-input-number-container .bs-input-number:focus, .bs-input-number-container .bs-input-number:focus-within {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.bs-input-number-container.bs-input-number-error .bs-input-number {
  border-color: #f5222d;
}
.bs-input-number-container.bs-input-number-error .bs-input-number:focus, .bs-input-number-container.bs-input-number-error .bs-input-number:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.bs-input-number-container.bs-input-number-error .bs-input-number-label-suffix {
  color: #f5222d;
}
.bs-input-number-container .bs-input-number-inner {
  position: relative;
}
.bs-input-number-container .bs-input-number-label-prefix {
  color: #262626;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.125rem;
}
.bs-input-number-container .bs-input-number-label-suffix {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0.125rem;
}
.bs-input-number-container .bs-input-number-disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.bs-input-number-container .bs-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.bs-input-number-container .bs-input-number-disabled .bs-input-number-input {
  cursor: not-allowed;
}
.bs-input-number-container .bs-input-number-disabled .bs-input-number-handler-wrap {
  display: none;
}

.bs-input-number-focused {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}

.bs-input-number[disabled] {
  color: #bfbfbf;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.bs-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

textarea.bs-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.bs-input-number-lg {
  padding: 6.5px 11px;
  font-size: 16px;
  padding: 0;
}
.bs-input-number-lg input {
  height: 38px;
}

.bs-input-number-sm {
  padding: 0px 7px;
  padding: 0;
}
.bs-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}

.bs-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: #8c8c8c;
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.bs-input-number-handler:active {
  background: #f5f5f5;
}
.bs-input-number-handler:hover .bs-input-number-handler-up-inner {
  color: #346aff;
}
.bs-input-number-handler:hover .bs-input-number-handler-down-inner {
  color: #346aff;
}

.bs-input-number-handler-up-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: #8c8c8c;
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.bs-input-number-handler-up-inner > * {
  line-height: 1;
}
.bs-input-number-handler-up-inner::before {
  display: none;
}
.bs-input-number-handler-up-inner .bs-input-number-handler-up-inner-icon {
  display: block;
}
.bs-input-number-handler-up-inner .bs-input-number-handler-down-inner-icon {
  display: block;
}

.bs-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: #8c8c8c;
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.bs-input-number-handler-down-inner > * {
  line-height: 1;
}
.bs-input-number-handler-down-inner::before {
  display: none;
}
.bs-input-number-handler-down-inner .bs-input-number-handler-up-inner-icon {
  display: block;
}
.bs-input-number-handler-down-inner .bs-input-number-handler-down-inner-icon {
  display: block;
}

.bs-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  color: #595959;
  outline: 0;
  transition: all 0.3s linear;
}
.bs-input-number-input::placeholder {
  color: #bfbfbf;
}
.bs-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}

.bs-input-number-input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.bs-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #ffffff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.bs-input-number-handler-wrap .bs-input-number-handler .bs-input-number-handler-up-inner {
  display: inline-block;
  font-size: 0.625rem;
  min-width: auto;
  margin-right: 0;
}
.bs-input-number-handler-wrap .bs-input-number-handler .bs-input-number-handler-down-inner {
  display: inline-block;
  font-size: 0.625rem;
  min-width: auto;
  margin-right: 0;
}
.bs-input-number-handler-wrap:hover .bs-input-number-handler {
  height: 40%;
}

.bs-input-number-handler-up {
  border-top-right-radius: 2px;
  cursor: pointer;
}
.bs-input-number-handler-up:hover {
  height: 60% !important;
}

.bs-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}
.bs-input-number-handler-down:hover {
  height: 60% !important;
}

.bs-input-number-handler-up-disabled {
  cursor: not-allowed;
}
.bs-input-number-handler-up-disabled:hover .bs-input-number-handler-up-inner {
  color: #bfbfbf;
}

.bs-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.bs-input-number-handler-down-disabled:hover .bs-input-number-handler-down-inner {
  color: #bfbfbf;
}

.input-number-error-caption {
  color: #f5222d;
}

.input-number-error-border {
  border-color: #f5222d;
}
.input-number-error-border:focus, .input-number-error-border:focus-within {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
  border-color: #ff4d4f;
}
.input-number-error-border:hover {
  border-color: #ff4d4f;
}

.bs-input-affix-wrapper {
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #595959;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  transition: all 0.3s;
  display: inline-flex;
}
.bs-input-affix-wrapper::placeholder {
  color: #bfbfbf;
}
.bs-input-affix-wrapper:hover {
  border-color: #346aff;
  border-right-width: 1px !important;
}
.bs-input-affix-wrapper:focus, .bs-input-affix-wrapper:focus-within {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.bs-input-affix-wrapper > input.bs-input {
  padding: 0;
  border: none;
  outline: none;
}
.bs-input-affix-wrapper > input.bs-input:focus {
  box-shadow: none;
}
.bs-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: " ";
}
.bs-input-affix-wrapper.input-error {
  border: 1px solid #f5222d;
}
.bs-input-affix-wrapper.input-error:hover {
  border-color: #f5222d;
}
.bs-input-affix-wrapper.input-error:focus, .bs-input-affix-wrapper.input-error:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.bs-input-affix-wrapper.input-error .bs-input-suffix {
  color: #f5222d !important;
}
.bs-input-affix-wrapper.input-error .color-default {
  color: #595959 !important;
}
.bs-input-affix-wrapper.input-warning {
  border: 1px solid #fa8c16;
}
.bs-input-affix-wrapper.input-warning:hover {
  border-color: #fa8c16;
}
.bs-input-affix-wrapper.input-warning:focus, .bs-input-affix-wrapper.input-warning:focus-within {
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.5);
}
.bs-input-affix-wrapper.input-warning .bs-input-suffix {
  color: #fa8c16 !important;
}
.bs-input-affix-wrapper.input-warning .color-default {
  color: #595959 !important;
}
.bs-input-affix-wrapper.input-success .bs-input-suffix {
  color: #52c41a !important;
}
.bs-input-affix-wrapper.input-success .color-default {
  color: #595959 !important;
}
.bs-input-affix-wrapper.input-succeeded {
  border: 1px solid #059669;
}
.bs-input-affix-wrapper.input-succeeded:hover {
  border-color: #059669;
}
.bs-input-affix-wrapper.input-succeeded:focus, .bs-input-affix-wrapper.input-succeeded:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.bs-input-affix-wrapper.input-succeeded .bs-input-suffix {
  color: #059669 !important;
}
.bs-input-affix-wrapper.input-succeeded .color-default {
  color: #595959 !important;
}

.bs-input-container {
  width: 100% !important;
  margin-bottom: 0.625rem;
}
.bs-input-container .bs-input-label-prefix {
  white-space: nowrap;
  color: #262626;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.125rem;
}
.bs-input-container .bs-input-label-suffix {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0.125rem;
}
.bs-input-container .icon-outside-wrapper {
  display: flex;
  align-items: center;
}
.bs-input-container .icon-outside-wrapper .icon-outside-input {
  padding: 4px;
  display: flex;
  cursor: pointer;
}
.bs-input-container .icon-outside-wrapper .icon-outside-input i {
  font-size: 18px;
}

.input-error-container .bs-input-label-suffix {
  color: #f5222d;
}

.input-warning-container .bs-input-label-suffix {
  color: #fa8c16;
}

.input-succeeded-container .bs-input-label-suffix {
  color: #059669;
}

.bs-input-affix-wrapper-focused {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}

.bs-input-affix-wrapper-disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.bs-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.bs-input-affix-wrapper-disabled .bs-input-suffix + .bs-input-suffix {
  color: #595959;
}

.bs-input-affix-wrapper[disabled] {
  color: #bfbfbf;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.bs-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

textarea.bs-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.bs-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.bs-input-affix-wrapper-lg .bs-input-search-icon {
  padding: 0 12px;
}
.bs-input-affix-wrapper-lg .bs-input-search-icon::before {
  transform: translateX(-13px);
}
.bs-input-affix-wrapper-lg .bs-input-search-icon::after {
  width: 40px;
}

.bs-input-affix-wrapper-sm {
  padding: 0px 7px;
}
.bs-input-affix-wrapper-sm .bs-input-search-icon {
  padding: 0 6px;
}
.bs-input-affix-wrapper-sm .bs-input-search-icon::before {
  transform: translateX(-7px);
}
.bs-input-affix-wrapper-sm .bs-input-search-icon::after {
  width: 24px;
}

.bs-input-affix-wrapper-rtl {
  direction: rtl;
}
.bs-input-affix-wrapper-rtl .bs-input-prefix {
  margin: 0 0 0 4px;
}
.bs-input-affix-wrapper-rtl .bs-input-suffix {
  margin: 0 4px 0 0;
}
.bs-input-affix-wrapper-rtl .bs-input-clear-icon:last-child {
  margin-right: 4px;
  margin-left: 0;
}
.bs-input-affix-wrapper-rtl .bs-input-textarea-clear-icon {
  right: auto;
  left: 0;
  margin: 8px 0 0 8px;
}

.bs-input-prefix {
  display: flex;
  flex: none;
  align-items: center;
  margin-right: 4px;
}

.bs-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
  margin-left: 4px;
}
.bs-input-suffix + .bs-input-suffix {
  color: #0137fc;
}

.bs-input-clear-icon {
  color: #bfbfbf;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin: 0 4px;
  vertical-align: -1px;
}
.bs-input-clear-icon:hover {
  color: #8c8c8c;
}
.bs-input-clear-icon:active {
  color: #595959;
}
.bs-input-clear-icon + i {
  margin-left: 6px;
}
.bs-input-clear-icon:last-child {
  margin-right: 0;
}

.bs-input-clear-icon-hidden {
  visibility: hidden;
}

.bs-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0 !important;
  border: 0 !important;
}

.bs-input-textarea-clear-icon {
  color: #bfbfbf;
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  margin: 8px 8px 0 0;
}
.bs-input-textarea-clear-icon:hover {
  color: #8c8c8c;
}
.bs-input-textarea-clear-icon:active {
  color: #595959;
}
.bs-input-textarea-clear-icon + i {
  margin-left: 6px;
}

.bs-input-textarea-clear-icon-hidden {
  visibility: hidden;
}

.bs-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #595959;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  transition: all 0.3s;
}
.bs-input::placeholder {
  color: #bfbfbf;
}
.bs-input:placeholder-shown {
  text-overflow: ellipsis;
}
.bs-input:hover {
  border-color: #346aff;
  border-right-width: 1px !important;
}
.bs-input:focus {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.bs-input.input-error {
  border: 1px solid #f5222d;
}
.bs-input.input-error:hover {
  border-color: #f5222d;
}
.bs-input.input-error:focus {
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.5);
}
.bs-input.input-warning {
  border: 1px solid #fa8c16;
}
.bs-input.input-warning:hover {
  border-color: #fa8c16;
}
.bs-input.input-warning:focus {
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.5);
}

.bs-input-focused {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}

.bs-input-disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.bs-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

.bs-input[disabled] {
  color: #bfbfbf;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.bs-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

textarea.bs-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.bs-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.bs-input-sm {
  padding: 0px 7px;
}

.bs-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595959;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.bs-input-group > [class*=col-] {
  padding-right: 8px;
}
.bs-input-group > [class*=col-]:last-child {
  padding-right: 0;
}
.bs-input-group > .bs-input {
  display: table-cell;
}
.bs-input-group > .bs-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bs-input-group > .bs-input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bs-input-group > .bs-input:first-child .bs-select .bs-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bs-input-group > .bs-input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bs-input-group > .bs-input:last-child .bs-select .bs-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bs-input-group .bs-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.bs-input-group .bs-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.bs-input-group .bs-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.bs-input-group > .bs-input-affix-wrapper:not(:first-child) .bs-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bs-input-group > .bs-input-affix-wrapper:not(:last-child) .bs-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bs-input-group .bs-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bs-input-group .bs-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bs-input-group > .bs-input-rtl:first-child {
  border-radius: 0 2px 2px 0;
}

.bs-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.bs-input-group-addon {
  display: table-cell;
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
  position: relative;
  padding: 0 11px;
  color: #595959;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.bs-input-group-addon:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bs-input-group-addon .bs-select {
  margin: -5px -11px;
}
.bs-input-group-addon .bs-select.bs-select-single:not(.bs-select-customize-input) .bs-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.bs-input-group-addon .bs-select-open .bs-select-selector {
  color: #1890ff;
}
.bs-input-group-addon .bs-select-focused .bs-select-selector {
  color: #1890ff;
}
.bs-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.bs-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.bs-input-group-addon:first-child .bs-select .bs-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bs-input-group-addon:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bs-input-group-addon:last-child .bs-select .bs-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bs-input-group-wrap {
  display: table-cell;
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.bs-input-group-wrap:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bs-input-group-wrap > * {
  display: block !important;
}

.bs-input-group-lg .bs-input {
  padding: 6.5px 11px;
  font-size: 16px;
}
.bs-input-group-lg > .bs-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.bs-input-group-lg .bs-select-single .bs-select-selector {
  height: 40px;
}

.bs-input-group-sm .bs-input {
  padding: 0px 7px;
}
.bs-input-group-sm > .bs-input-group-addon {
  padding: 0px 7px;
}
.bs-input-group-sm .bs-select-single .bs-select-selector {
  height: 24px;
}

.bs-input-group.bs-input-group-compact {
  display: block;
}
.bs-input-group.bs-input-group-compact::before {
  display: table;
  content: "";
}
.bs-input-group.bs-input-group-compact::after {
  display: table;
  clear: both;
  content: "";
}
.bs-input-group.bs-input-group-compact > .bs-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.bs-input-group.bs-input-group-compact > .bs-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.bs-input-group.bs-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.bs-input-group.bs-input-group-compact > *:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bs-input-group.bs-input-group-compact > *:last-child {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-input-affix-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.bs-input-group.bs-input-group-compact > .bs-picker-range {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.bs-input-group.bs-input-group-compact .bs-input {
  float: none;
}
.bs-input-group.bs-input-group-compact > .bs-select > .bs-select-selector {
  border-right-width: 1px;
  border-radius: 0;
}
.bs-input-group.bs-input-group-compact > .bs-select > .bs-select-selector:hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-select > .bs-select-selector:focus {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-select > .bs-select-arrow {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-select:first-child > .bs-select-selector {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-select:last-child > .bs-select-selector {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-calendar-picker .bs-input {
  border-right-width: 1px;
  border-radius: 0;
}
.bs-input-group.bs-input-group-compact > .bs-calendar-picker .bs-input:hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-calendar-picker .bs-input:focus {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-calendar-picker:first-child .bs-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-calendar-picker:last-child .bs-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-select-auto-complete .bs-input {
  border-right-width: 1px;
  border-radius: 0;
  vertical-align: top;
}
.bs-input-group.bs-input-group-compact > .bs-select-auto-complete .bs-input:hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-select-auto-complete .bs-input:focus {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-select-auto-complete:first-child .bs-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-select-auto-complete:last-child .bs-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-cascader-picker .bs-input {
  border-right-width: 1px;
  border-radius: 0;
}
.bs-input-group.bs-input-group-compact > .bs-cascader-picker .bs-input:hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-cascader-picker .bs-input:focus {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-cascader-picker:first-child .bs-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-cascader-picker:last-child .bs-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-mention-wrapper .bs-mention-editor {
  border-right-width: 1px;
  border-radius: 0;
}
.bs-input-group.bs-input-group-compact > .bs-mention-wrapper .bs-mention-editor:hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-mention-wrapper .bs-mention-editor:focus {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-mention-wrapper:first-child .bs-mention-editor {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-mention-wrapper:last-child .bs-mention-editor {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-time-picker .bs-time-picker-input {
  border-right-width: 1px;
  border-radius: 0;
}
.bs-input-group.bs-input-group-compact > .bs-time-picker .bs-time-picker-input:hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-time-picker .bs-time-picker-input:focus {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-time-picker:first-child .bs-time-picker-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-time-picker:last-child .bs-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bs-input-group.bs-input-group-compact > .bs-input-group-wrapper .bs-input {
  border-right-width: 1px;
  border-radius: 0;
}
.bs-input-group.bs-input-group-compact > .bs-input-group-wrapper .bs-input:hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-input-group-wrapper .bs-input:focus {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-select-focused {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact > .bs-cascader-picker-focused:last-child .bs-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.bs-input-group.bs-input-group-compact-addon:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.bs-input-group.bs-input-group-compact-addon:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact-addon:not(:first-child):not(:last-child):focus {
  z-index: 1;
}

.bs-input-group.bs-input-group-compact-wrap:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.bs-input-group.bs-input-group-compact-wrap:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.bs-input-group.bs-input-group-compact-wrap:not(:first-child):not(:last-child):focus {
  z-index: 1;
}

.bs-input-group-rtl .bs-input-group-addon:first-child {
  border-radius: 0 2px 2px 0;
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.bs-input-group-rtl .bs-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl .bs-input-group > .bs-input:last-child {
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl {
  direction: rtl;
}

.bs-input-group-rtl.bs-input-group .bs-input-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl.bs-input-group .bs-input-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}

.bs-input-group-rtl.bs-input-group.bs-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > *:first-child {
  border-radius: 0 2px 2px 0;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > *:last-child {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-select:first-child > .bs-select-selector {
  border-radius: 0 2px 2px 0;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-select:last-child > .bs-select-selector {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-calendar-picker:first-child .bs-input {
  border-radius: 0 2px 2px 0;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-calendar-picker:last-child .bs-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-select-auto-complete:first-child .bs-input {
  border-radius: 0 2px 2px 0;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-select-auto-complete:last-child .bs-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-cascader-picker:first-child .bs-input {
  border-radius: 0 2px 2px 0;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-cascader-picker:last-child .bs-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-mention-wrapper:first-child .bs-mention-editor {
  border-radius: 0 2px 2px 0;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-mention-wrapper:last-child .bs-mention-editor {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-time-picker:first-child .bs-time-picker-input {
  border-radius: 0 2px 2px 0;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-time-picker:last-child .bs-time-picker-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.bs-input-group-rtl.bs-input-group.bs-input-group-compact > .bs-cascader-picker-focused:last-child .bs-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}

.bs-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}

.bs-input-password-icon {
  color: #8c8c8c;
  cursor: pointer;
  transition: all 0.3s;
}
.bs-input-password-icon:hover {
  color: #262626;
}

.bs-input[type=color] {
  height: 32px;
}

.bs-input[type=color].bs-input-lg {
  height: 40px;
}

.bs-input[type=color].bs-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.bs-input-search-icon {
  padding: 0 9px;
  margin-left: 0.5em;
  color: #8c8c8c;
  cursor: pointer;
  transition: all 0.3s;
}
.bs-input-search-icon::before {
  transform: translateX(-10px);
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  border-left: 1px solid #d9d9d9;
  transition: all 0.3s;
  content: "";
}
.bs-input-search-icon::after {
  width: 32px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}
.bs-input-search-icon:hover {
  color: #262626;
}

.bs-input-search:not(.bs-input-search-enter-button) {
  padding-right: 0;
}

.bs-input-search-enter-button input {
  border-right: 0;
}
.bs-input-search-enter-button input:hover {
  border-color: #346aff;
}
.bs-input-search-enter-button input:focus {
  border-color: #346aff;
}
.bs-input-search-enter-button input + .bs-input-group-addon {
  padding: 0;
  border: 0;
}
.bs-input-search-enter-button input + .bs-input-group-addon .bs-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bs-input-search-enter-button + .bs-input-group-addon {
  padding: 0;
  border: 0;
}
.bs-input-search-enter-button + .bs-input-group-addon .bs-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bs-input-search-enter-button.bs-input-affix-wrapper {
  border-right: 0;
}

.bs-input-group-wrapper-rtl {
  direction: rtl;
}

.bs-input-affix-wrapper.bs-input-affix-wrapper-rtl > input.bs-input {
  border: none;
  outline: none;
}

.bs-input-search-rtl {
  direction: rtl;
}
.bs-input-search-rtl .bs-input-search-icon {
  margin-right: 0.5em;
  margin-left: 0;
}
.bs-input-search-rtl .bs-input-search-icon::before {
  border-left: none;
}
.bs-input-search-rtl .bs-input-search-icon::after {
  right: auto;
  left: 0;
  border-right: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bs-input-search-rtl.bs-input-search:not(.bs-input-search-enter-button) {
  padding-right: 11px;
  padding-left: 0;
}

.bs-input-search-rtl.bs-input-search-enter-button input {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.bs-input-search-rtl.bs-input-search-enter-button input:hover {
  border-color: #346aff;
}
.bs-input-search-rtl.bs-input-search-enter-button input:focus {
  border-color: #346aff;
}
.bs-input-search-rtl.bs-input-search-enter-button input + .bs-input-group-addon .bs-input-search-button {
  width: 100%;
  border-radius: 2px 0 0 2px;
}
.bs-input-search-rtl.bs-input-search-enter-button + .bs-input-group-addon .bs-input-search-button {
  width: 100%;
  border-radius: 2px 0 0 2px;
}

.bs-input-search-rtl.bs-input-search-enter-button.bs-input-affix-wrapper {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.bs-input-search-rtl.bs-input-search-enter-button.bs-input-affix-wrapper:hover {
  border-color: #346aff;
}
.bs-input-search-rtl.bs-input-search-enter-button.bs-input-affix-wrapper:focus {
  border-color: #346aff;
}

@media screen and (-ms-high-contrast: active) {
  .bs-input {
    height: 32px;
  }
  .bs-input-lg {
    height: 40px;
  }
  .bs-input-sm {
    height: 24px;
  }
  .bs-input-affix-wrapper > input.bs-input {
    height: auto;
  }
}
@media (-ms-high-contrast: none) {
  .bs-input {
    height: 32px;
  }
  .bs-input-lg {
    height: 40px;
  }
  .bs-input-sm {
    height: 24px;
  }
  .bs-input-affix-wrapper > input.bs-input {
    height: auto;
  }
}
.search-input {
  border: 0.0625rem solid #d1d5db;
  border-radius: 0.25rem;
  max-width: 13.5rem;
}
.search-input .bs-input-prefix {
  color: #9ca3af;
}
.search-input input::placeholder {
  color: #9ca3af;
}

.simple-input-container {
  width: 100%;
  cursor: text;
  outline: none;
  position: relative;
}
.simple-input-container .simple-input-field {
  padding: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  min-height: 320px;
}
.simple-input-container .simple-input-field:hover {
  border: 1px solid #1d4ed8;
}
.simple-input-container .error-input {
  border: 1px solid #b91c1c;
}
.simple-input-container .simple-input-field.form-control {
  color: #1f2937;
}
.simple-input-container .simple-input-count-container {
  width: 100%;
  padding: 8px 0px 8px 12px;
  position: absolute;
  bottom: 0;
  right: 8px;
  display: flex;
  justify-content: end;
}
.simple-input-container .simple-input-count-container .simple-input-count {
  padding: 0 4px;
  align-items: center;
  border-radius: 32px;
  background: #f3f4f6;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.simple-input-errors .error-message {
  color: #b91c1c;
  font-size: 10px;
  line-height: 20px;
  font-weight: 500;
}

.bs-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #8c8c8c;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.bs-badge .bs-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.bs-badge:not(.bs-badge-not-a-wrapper) {
  margin-right: 20px;
}

.bs-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.bs-badge-count a {
  color: #ffffff;
}
.bs-badge-count a:hover {
  color: #ffffff;
}

.bs-badge-multiple-words {
  padding: 0 8px;
}

.bs-badge-dot {
  z-index: auto;
  width: 0.5rem;
  height: 0.5rem;
  background: #f5222d;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.bs-badge-purple-dot,
.bs-badge-yellow-dot {
  z-index: auto;
  width: 8px;
  height: 8px;
  background: #6d28d9;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.bs-badge-gray-dot {
  z-index: auto;
  width: 8px;
  height: 8px;
  background: #9ca3af;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.bs-badge-yellow-dot {
  background: #fbbf24;
}

.bs-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}

.bs-badge-status-dot {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border-radius: 50%;
}

.bs-badge-status-success {
  background-color: #52c41a;
}

.bs-badge-status-processing {
  position: relative;
  background-color: #0137fc;
}
.bs-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #0137fc;
  border-radius: 50%;
  content: "";
}

.bs-badge-status-default {
  background-color: #d9d9d9;
}

.bs-badge-status-error {
  background-color: #f5222d;
}

.bs-badge-status-warning {
  background-color: #fa8c16;
}

.bs-badge-status-process {
  background: #0137fc;
}

.bs-badge-status-text {
  margin-left: 8px;
  color: #8c8c8c;
  font-size: 14px;
}

.bs-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #bfbfbf;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.bs-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bs-avatar-image {
  background: transparent;
}

.bs-avatar-string {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: 0 center;
}

.bs-avatar.bs-avatar-icon {
  font-size: 18px;
}
.bs-avatar.bs-avatar-icon > .anticon {
  margin: 0;
}

.bs-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}

.bs-avatar-lg.bs-avatar-icon {
  font-size: 24px;
}
.bs-avatar-lg.bs-avatar-icon > .anticon {
  margin: 0;
}

.bs-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}

.bs-avatar-md {
  width: 27px;
  height: 27px;
  line-height: 27px;
  border-radius: 50%;
}

.bs-avatar-sm.bs-avatar-icon {
  font-size: 14px;
}
.bs-avatar-sm.bs-avatar-icon > .anticon {
  margin: 0;
}

.bs-avatar-square {
  border-radius: 2px;
}

@keyframes "fadein" {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bs-accordions.accordion {
  border: none;
  border-radius: 0.25rem;
}
.bs-accordions.accordion *[data-hidden] {
  display: none;
}
.bs-accordions .accordion__item {
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}
.bs-accordions .accordion__item + .accordion__item {
  border-top: 1px solid #d9d9d9;
}
.bs-accordions .accordion__item + .accordion__item .accordion__heading:focus {
  outline-color: transparent;
  outline: 0;
}
.bs-accordions .accordion__item + .accordion__item .accordion__heading .accordion__button:focus {
  outline-color: transparent;
  outline: 0;
}
.bs-accordions .accordion__item .accordion__heading:focus {
  outline-color: transparent;
  outline: 0;
}
.bs-accordions .accordion__item .accordion__heading .accordion__button:focus {
  outline-color: transparent;
  outline: 0;
}
.bs-accordions .accordion__item:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}
.bs-accordions .accordion__item:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
  border-bottom: 1px solid #d9d9d9;
}
.bs-accordions .accordion__button {
  background-color: #fafafa;
  color: #262626;
  padding: 12px;
}
.bs-accordions .accordion__button:hover {
  background-color: #fafafa;
}
.bs-accordions .accordion__button:before {
  position: relative;
  top: -2px;
}
.bs-accordions .accordion__button[aria-expanded=true]::before {
  transform: rotate(45deg);
}
.bs-accordions .accordion__button[aria-selected=true]::before {
  transform: rotate(45deg);
}
.bs-accordions .accordion__panel {
  padding: 20px;
  animation: fadein 0.35s ease-in;
}

.bs-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595959;
  font-size: 14px;
  line-height: 22px;
  list-style: none;
  position: relative;
  background: #ffffff;
  border-radius: 2px;
}

.bs-card-bordered {
  border: 1px solid #d9d9d9;
}

.bs-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: #262626;
  font-weight: 600;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
}
.bs-card-head::before {
  display: table;
  content: "";
}
.bs-card-head::after {
  display: table;
  clear: both;
  content: "";
}
.bs-card-head .bs-tabs {
  clear: both;
  margin-bottom: -17px;
  color: #8c8c8c;
  font-weight: normal;
  font-size: 14px;
}
.bs-card-head .bs-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}

.bs-card-head-wrapper {
  display: flex;
  align-items: center;
}

.bs-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bs-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: #8c8c8c;
  font-weight: normal;
  font-size: 14px;
}

.bs-card-body {
  padding: 24px;
}
.bs-card-body::before {
  display: table;
  content: "";
}
.bs-card-body::after {
  display: table;
  clear: both;
  content: "";
}

.bs-card-small > .bs-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.bs-card-small > .bs-card-head > .bs-card-head-wrapper > .bs-card-head-title {
  padding: 8px 0;
}
.bs-card-small > .bs-card-head > .bs-card-head-wrapper > .bs-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.bs-card-small > .bs-card-body {
  padding: 12px;
}

.card {
  border: 1px solid #eaedef;
  border-radius: 0.25rem;
  padding: 1.5rem;
}
.card .card-header {
  border-bottom: 1px solid #eaedef;
}
.card .card-header:first-child {
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}
.card .card-title {
  color: #1f2937;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  margin: 0;
}
.card .card-body {
  padding: 0.25rem 0px;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
}
.card .card-footer {
  border-top: 1px solid #eaedef;
}
.card .card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.bs-empty {
  padding: 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}

.bs-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.bs-empty-image img {
  height: 100%;
}
.bs-empty-image svg {
  height: 100%;
  margin: auto;
}

.bs-empty-description {
  margin: 0;
}

.bs-empty-footer {
  margin-top: 16px;
}

.bs-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.bs-empty-normal .bs-empty-image {
  height: 40px;
}

.bs-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.bs-empty-small .bs-empty-image {
  height: 35px;
}

.bs-empty-img-default-ellipse {
  fill-opacity: 0.8;
  fill: #f5f5f5;
}

.bs-empty-img-default-path-1 {
  fill: #aeb8c2;
}

.bs-empty-img-default-path-2 {
  fill: url(#linearGradient-1);
}

.bs-empty-img-default-path-3 {
  fill: #f5f5f7;
}

.bs-empty-img-default-path-4 {
  fill: #dce0e6;
}

.bs-empty-img-default-path-5 {
  fill: #dce0e6;
}

.bs-empty-img-default-g {
  fill: #fff;
}

.bs-empty-img-simple-ellipse {
  fill: #f5f5f5;
}

.bs-empty-img-simple-g {
  stroke: #d9d9d9;
}

.bs-empty-img-simple-path {
  fill: #fafafa;
}

.bs-empty-rtl {
  direction: rtl;
}

.popover {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.bs-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9 ;
  border: 0;
  border-radius: calc(0.25rem * 2);
  padding: 0.25rem;
}
.bs-popover-inner .popover-body {
  padding: 0;
}
.bs-popover-inner .bs-popover-title {
  min-width: 177px;
  min-height: 32px;
  padding: 18px 16px 4px;
  padding-bottom: 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
}
.bs-popover-inner .bs-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.bs-popover-inner .bs-popover-inner-content p {
  margin: 0;
}
.bs-popover-inner.dark {
  background-color: #1f2937;
}
.bs-popover-inner.dark .bs-popover-title {
  background: #1f2937;
  border-bottom: none;
  color: white;
}
.bs-popover-inner.dark .bs-popover-inner-content {
  color: rgba(255, 255, 255, 0.85);
}

.bs-popover-left > .arrow::before, .bs-popover-inner[x-placement^=left-end] > .arrow::before, .bs-popover-inner[x-placement^=left-start] > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: #ffffff;
}
.bs-popover-left.dark > .arrow::before, .dark.bs-popover-inner[x-placement^=left-end] > .arrow::before, .dark.bs-popover-inner[x-placement^=left-start] > .arrow::before, .dark.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: #1f2937;
}
.bs-popover-left.dark > .arrow::after, .dark.bs-popover-inner[x-placement^=left-end] > .arrow::after, .dark.bs-popover-inner[x-placement^=left-start] > .arrow::after, .dark.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: #1f2937;
}

.bs-popover-top > .arrow::before, .bs-popover-inner[x-placement^=top-end] > .arrow::before, .bs-popover-inner[x-placement^=top-start] > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: #ffffff;
}
.bs-popover-top.dark > .arrow::before, .dark.bs-popover-inner[x-placement^=top-end] > .arrow::before, .dark.bs-popover-inner[x-placement^=top-start] > .arrow::before, .dark.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: #1f2937;
}
.bs-popover-top.dark > .arrow::after, .dark.bs-popover-inner[x-placement^=top-end] > .arrow::after, .dark.bs-popover-inner[x-placement^=top-start] > .arrow::after, .dark.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: #1f2937;
}

.bs-popover-right > .arrow::before, .bs-popover-inner[x-placement^=right-end] > .arrow::before, .bs-popover-inner[x-placement^=right-start] > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: #ffffff;
}
.bs-popover-right.dark > .arrow::before, .dark.bs-popover-inner[x-placement^=right-end] > .arrow::before, .dark.bs-popover-inner[x-placement^=right-start] > .arrow::before, .dark.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: #1f2937;
}
.bs-popover-right.dark > .arrow::after, .dark.bs-popover-inner[x-placement^=right-end] > .arrow::after, .dark.bs-popover-inner[x-placement^=right-start] > .arrow::after, .dark.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: #1f2937;
}

.bs-popover-bottom > .arrow::before, .bs-popover-inner[x-placement^=bottom-end] > .arrow::before, .bs-popover-inner[x-placement^=bottom-start] > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: #ffffff;
}
.bs-popover-bottom.dark > .arrow::before, .dark.bs-popover-inner[x-placement^=bottom-end] > .arrow::before, .dark.bs-popover-inner[x-placement^=bottom-start] > .arrow::before, .dark.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: #1f2937;
}
.bs-popover-bottom.dark > .arrow::after, .dark.bs-popover-inner[x-placement^=bottom-end] > .arrow::after, .dark.bs-popover-inner[x-placement^=bottom-start] > .arrow::after, .dark.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: #1f2937;
}

.bs-popover-inner[x-placement^=top-start] .arrow {
  transform: none !important;
  left: 16px !important;
  bottom: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=top-end] .arrow {
  transform: none !important;
  right: 16px !important;
  bottom: calc(-0.5rem + 1px);
  left: unset !important;
}
.bs-popover-inner[x-placement^=bottom-start] .arrow {
  transform: none !important;
  left: 16px !important;
  top: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=bottom-end] .arrow {
  transform: none !important;
  right: 16px !important;
  top: calc(-0.5rem + 1px);
  left: unset !important;
}
.bs-popover-inner[x-placement^=right-start] .arrow {
  left: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=right-end] .arrow {
  left: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=left-start] .arrow {
  right: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=left-end] .arrow {
  right: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=top] .arrow {
  bottom: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=right] .arrow {
  left: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=left] .arrow {
  right: calc(-0.5rem + 1px);
}
.bs-popover-inner[x-placement^=bottom] .arrow {
  top: calc(-0.5rem + 1px);
}

.tooltip {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .tooltip-inner {
  text-align: left;
  padding: 0.625rem;
  font-weight: 500;
  font-size: 0.75rem;
  background-color: #1f2937;
}
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-inner[x-placement^=top-start] .arrow::before, .tooltip.bs-tooltip-inner[x-placement^=top-end] .arrow::before {
  border-top-color: #1f2937;
}
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-inner[x-placement^=right-start] .arrow::before, .tooltip.bs-tooltip-inner[x-placement^=right-end] .arrow::before {
  border-right-color: #1f2937;
}
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-inner[x-placement^=bottom-start] .arrow::before, .tooltip.bs-tooltip-inner[x-placement^=bottom-end] .arrow::before {
  border-bottom-color: #1f2937;
}
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-inner[x-placement^=left-start] .arrow::before, .tooltip.bs-tooltip-inner[x-placement^=left-end] .arrow::before {
  border-left-color: #1f2937;
}

.bs-tooltip-inner[x-placement^=top-start] .arrow {
  transform: none !important;
  left: 16px !important;
}
.bs-tooltip-inner[x-placement^=top-end] .arrow {
  transform: none !important;
  left: unset !important;
  right: 16px;
}
.bs-tooltip-inner[x-placement^=bottom-start] .arrow {
  transform: none !important;
  left: 16px !important;
}
.bs-tooltip-inner[x-placement^=bottom-end] .arrow {
  transform: none !important;
  left: unset !important;
  right: 16px;
}
.bs-tooltip-inner[x-placement^=bottom-end] .arrow::before {
  border-bottom-color: #1f2937 !important;
}
.bs-tooltip-inner[x-placement^=right-start] .arrow {
  transform: none !important;
  top: 5px !important;
}
.bs-tooltip-inner[x-placement^=right-end] .arrow {
  transform: none !important;
  top: unset !important;
  bottom: 5px;
}
.bs-tooltip-inner[x-placement^=left-start] .arrow {
  transform: none !important;
  top: 5px !important;
}
.bs-tooltip-inner[x-placement^=left-end] .arrow {
  transform: none !important;
  top: 5px !important;
}
.tooltip-max .tooltip-inner {
  max-width: max-content !important;
}

.tooltip-xxl .tooltip-inner {
  max-width: 15.9375rem !important;
}

.tooltip-xl .tooltip-inner {
  max-width: 14.5rem !important;
}

.tooltip-lg .tooltip-inner {
  max-width: 50rem !important;
}

.tooltip-mdd .tooltip-inner {
  max-width: 15.625rem !important;
}

.tooltip-md .tooltip-inner {
  max-width: 13.75rem !important;
}

.tooltip-center .tooltip-inner {
  text-align: center;
}

/* Tooltip div wrapper */
.tooltip-wrapper {
  position: relative;
}

/* Tooltip text */
.tooltip-wrapper .tooltiptext {
  visibility: hidden;
  max-width: 125%;
  height: auto;
  overflow-wrap: break-word;
  background-color: #1f2937;
  color: #fff;
  text-decoration: none;
  border-radius: 0.225rem;
  padding: 0.5rem 0.5rem;
  position: absolute;
  z-index: 10;
  top: 125%;
  left: 1rem;
  margin-left: -2rem;
  transition: opacity 0.3s;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  white-space: normal;
}

.tooltip-wrapper .tooltiptext::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #1f2937 transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-wrapper:hover .tooltiptext {
  visibility: visible;
}

.bs-table.bs-table-middle {
  font-size: 14px;
}

.bs-table.bs-table-middle .bs-table-title,
.bs-table.bs-table-middle .bs-table-footer,
.bs-table.bs-table-middle .bs-table-thead > tr > th,
.bs-table.bs-table-middle .bs-table-tbody > tr > td,
.bs-table.bs-table-middle tfoot > tr > th,
.bs-table.bs-table-middle tfoot > tr > td {
  padding: 12px 8px;
}

.bs-table.bs-table-middle .bs-table-thead th.bs-table-column-has-sorters {
  padding: 0;
}

.bs-table.bs-table-middle .bs-table-thead .bs-table-filter-column {
  margin: -12px -8px;
}

.bs-table.bs-table-middle .bs-table-thead .bs-table-filter-column-title {
  padding: 12px 2.3em 12px 8px;
}

.bs-table.bs-table-middle .bs-table-thead .bs-table-column-sorters {
  padding: 12px 8px;
}

.bs-table.bs-table-middle .bs-table-expanded-row-fixed {
  margin: -12px -8px;
}

.bs-table.bs-table-middle .bs-table-tbody .bs-table-wrapper:only-child .bs-table {
  margin: -12px -8px -12px 25px;
}

.bs-table.bs-table-small {
  font-size: 14px;
}

.bs-table.bs-table-small .bs-table-title,
.bs-table.bs-table-small .bs-table-footer,
.bs-table.bs-table-small .bs-table-thead > tr > th,
.bs-table.bs-table-small .bs-table-tbody > tr > td,
.bs-table.bs-table-small tfoot > tr > th,
.bs-table.bs-table-small tfoot > tr > td {
  padding: 8px 8px;
}

.bs-table.bs-table-small .bs-table-thead th.bs-table-column-has-sorters {
  padding: 0;
}

.bs-table.bs-table-small .bs-table-thead .bs-table-filter-column {
  margin: -8px -8px;
}

.bs-table.bs-table-small .bs-table-thead .bs-table-filter-column-title {
  padding: 8px 2.3em 8px 8px;
}

.bs-table.bs-table-small .bs-table-thead .bs-table-column-sorters {
  padding: 8px 8px;
}

.bs-table.bs-table-small .bs-table-expanded-row-fixed {
  margin: -8px -8px;
}

.bs-table.bs-table-small .bs-table-tbody .bs-table-wrapper:only-child .bs-table {
  margin: -8px -8px -8px 25px;
}

.bs-table-small .bs-table-thead > tr > th {
  background-color: #f3f4f6;
  position: sticky;
  top: 0;
  z-index: 1;
}

.bs-table-small .bs-table-selection-column {
  width: 46px;
  min-width: 46px;
}

.bs-table.bs-table-bordered .bs-table-title {
  border: 1px solid #e8e8e8;
  border-bottom: 0;
}

.bs-table.bs-table-bordered thead > tr > th,
.bs-table.bs-table-bordered tbody > tr > td,
.bs-table.bs-table-bordered tfoot > tr > th,
.bs-table.bs-table-bordered tfoot > tr > td {
  border-right: 1px solid #e8e8e8;
}

.bs-table.bs-table-bordered .bs-table-cell-fix-right-first::after {
  border-right: 1px solid #e8e8e8;
}

.bs-table.bs-table-bordered table thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8;
}

.bs-table.bs-table-bordered .bs-table-container {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}

.bs-table.bs-table-bordered .bs-table-expanded-row-fixed {
  margin: -16px -17px;
}

.bs-table.bs-table-bordered .bs-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #e8e8e8;
  content: "";
}

.bs-table.bs-table-bordered.bs-table-scroll-horizontal tr.bs-table-expanded-row > td,
.bs-table.bs-table-bordered.bs-table-scroll-horizontal tr.bs-table-placeholder > td {
  border-right: 0;
}

.bs-table.bs-table-bordered.bs-table-middle .bs-table-expanded-row-fixed {
  margin: -12px -9px;
}

.bs-table.bs-table-bordered.bs-table-small .bs-table-expanded-row-fixed {
  margin: -8px -9px;
}

.bs-table.bs-table-bordered .bs-table-footer {
  border: 1px solid #e8e8e8;
  border-top: 0;
}

.bs-table-wrapper {
  max-width: 100%;
}

.bs-table-wrapper::before {
  display: table;
  content: "";
}

.bs-table-wrapper::after {
  display: table;
  clear: both;
  content: "";
}

.bs-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5715;
  list-style: none;
  position: relative;
  z-index: 0;
  clear: both;
  font-size: 14px;
  background: #ffffff;
  border-radius: 2px;
}

.bs-table table {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}

.bs-table-thead > tr > th,
.bs-table-tbody > tr > td,
.bs-table tfoot > tr > th,
.bs-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}

.bs-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.bs-table-cell-ellipsis.bs-table-cell-fix-left-last,
.bs-table-cell-ellipsis.bs-table-cell-fix-right-first {
  overflow: visible;
}

.bs-table-cell-ellipsis.bs-table-cell-fix-left-last .bs-table-cell-content,
.bs-table-cell-ellipsis.bs-table-cell-fix-right-first .bs-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bs-table-title {
  padding: 16px 16px;
  border-radius: 2px 2px 0 0;
}

.bs-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-radius: 0 0 2px 2px;
}

.bs-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease;
}

.bs-table-thead > tr > th[colspan]:not([colspan="1"]) {
  text-align: center;
}

.bs-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}

.bs-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s;
}

.bs-table-tbody > tr.bs-table-row.active-row td {
  background: #fafafa;
}

.bs-table-tbody > tr.bs-table-row:hover > td {
  background: #e6f7ff;
}

.bs-table-tbody > tr.bs-table-row-selected > td {
  background: #e6f7ff;
  border-color: rgba(0, 0, 0, 0.03);
}

.bs-table-tbody > tr.bs-table-row-selected:hover > td {
  background: #dcf4ff;
}

.bs-table-tbody > tr .bs-table-wrapper:only-child .bs-table {
  margin: -16px -16px -16px 33px;
}

.bs-table-tbody > tr .bs-table-wrapper:only-child .bs-table td {
  background: transparent;
}

.bs-table-tbody > tr .bs-table-wrapper:only-child .bs-table-tbody > tr:last-child > td {
  border-bottom: 0;
}

.bs-table-tbody > tr .bs-table-wrapper:only-child .bs-table-tbody > tr:last-child > td:first-child,
.bs-table-tbody > tr .bs-table-wrapper:only-child .bs-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}

.bs-table tfoot > tr > th,
.bs-table tfoot > tr > td {
  border-bottom: 1px solid #e8e8e8;
}

.bs-table-pagination.bs-pagination {
  margin: 16px 0;
}

.bs-table-pagination-left {
  float: left;
}

.bs-table-pagination-center {
  text-align: center;
}

.bs-table-pagination-right {
  float: right;
}

.bs-table-thead th.bs-table-column-has-sorters {
  padding: 0;
  cursor: pointer;
  transition: all 0.3s;
}

.bs-table-thead th.bs-table-column-has-sorters:hover {
  background: #f2f2f2;
}

.bs-table-thead th.bs-table-column-has-sorters:hover .bs-table-filter-trigger-container {
  background: #f7f7f7;
}

.bs-table-thead th.bs-table-column-sort {
  background: #f5f5f5;
}

td.bs-table-column-sort {
  background: #fafafa;
}

.bs-table-column-sorters-with-tooltip {
  display: inline-block;
  width: 100%;
}

.bs-table-column-sorters {
  display: inline-flex;
  align-items: center;
  padding: 16px 16px;
}

.bs-table-column-sorter {
  margin-top: 0.15em;
  margin-bottom: -0.15em;
  margin-left: 8px;
  color: #bfbfbf;
}

.bs-table-column-sorter-full {
  margin-top: -0.2em;
  margin-bottom: 0;
}

.bs-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.bs-table-column-sorter-up,
.bs-table-column-sorter-down {
  display: inline-block;
  font-size: 11px;
}

.bs-table-column-sorter-up.active,
.bs-table-column-sorter-down.active {
  color: #1890ff;
}

.bs-table-column-sorter-up + .bs-table-column-sorter-down {
  margin-top: -0.3em;
}

.bs-table-filter-column {
  display: flex;
  align-items: center;
  margin: -16px -16px;
}

.bs-table-filter-column-title {
  flex: auto;
  padding: 16px 2.3em 16px 16px;
}

.bs-table-thead tr th.bs-table-column-has-sorters .bs-table-filter-column {
  margin: 0;
}

.bs-table-thead tr th.bs-table-column-has-sorters .bs-table-filter-column-title {
  padding: 0 2.3em 0 0;
}

.bs-table-filter-trigger-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: none;
  align-items: stretch;
  align-self: stretch;
  cursor: pointer;
  transition: background-color 0.3s;
}

.bs-table-filter-trigger-container-open,
.bs-table-filter-trigger-container:hover,
.bs-table-thead th.bs-table-column-has-sorters:hover .bs-table-filter-trigger-container:hover {
  background: #e5e5e5;
}

.bs-table-filter-trigger {
  display: block;
  width: 2.3em;
  color: #bfbfbf;
  font-size: 12px;
  transition: color 0.3s;
}

.bs-table-filter-trigger .anticon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bs-table-filter-trigger-container-open .bs-table-filter-trigger,
.bs-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
}

.bs-table-filter-trigger.active {
  color: #1890ff;
}

.bs-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  min-width: 120px;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.bs-table-filter-dropdown .bs-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}

.bs-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}

.bs-table-filter-dropdown .bs-checkbox-wrapper + span,
.bs-table-filter-dropdown-submenu .bs-checkbox-wrapper + span {
  padding-left: 8px;
}

.bs-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px 7px 3px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #e8e8e8;
}

.bs-table .bs-table-selection-col {
  width: 60px;
}

table tr th.bs-table-selection-column,
table tr td.bs-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}

table tr th.bs-table-selection-column .bs-radio-wrapper,
table tr td.bs-table-selection-column .bs-radio-wrapper {
  margin-right: 0;
}

.bs-table-selection {
  position: relative;
}

.bs-table-selection-extra {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: all 0.3s;
}

.bs-table-selection-extra .anticon {
  display: inline-block;
  font-size: 10px;
  color: #bfbfbf;
}

.bs-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}

.bs-table-expand-icon-col {
  width: 48px;
}

.bs-table-row-expand-icon-cell {
  text-align: center;
}

.bs-table-row-indent {
  float: left;
  height: 1px;
}

.bs-table-row-expand-icon {
  color: #1890ff;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  display: inline-flex;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 12px;
  vertical-align: -2px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
  user-select: none;
}

.bs-table-row-expand-icon:focus,
.bs-table-row-expand-icon:hover {
  color: #40a9ff;
}

.bs-table-row-expand-icon:active {
  color: #096dd9;
}

.bs-table-row-expand-icon:focus,
.bs-table-row-expand-icon:hover,
.bs-table-row-expand-icon:active {
  border-color: currentColor;
}

.bs-table-row-expanded::before {
  content: "\e90c";
  font-family: "SalesHandy";
}

.bs-table-row-collapsed:before {
  content: "\e911";
  font-family: "SalesHandy";
}

.bs-table-row-expand-icon::before {
  top: 2px;
  right: 0;
  left: 1px;
  position: absolute;
  transition: transform 0.3s ease-out;
}

.bs-table-row-spaced {
  display: none;
  content: none;
}

.bs-table-row-indent + .bs-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}

tr.bs-table-expanded-row > td,
tr.bs-table-expanded-row:hover > td {
  background: #fbfbfb;
}

.bs-table .bs-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}

.bs-table-tbody > tr.bs-table-placeholder {
  text-align: center;
}

.bs-table-empty .bs-table-tbody > tr.bs-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.bs-table-tbody > tr.bs-table-placeholder:hover > td {
  background: #ffffff;
}

.bs-table-cell-fix-left,
.bs-table-cell-fix-right {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 2;
  background: #ffffff;
}

.bs-table-cell-fix-left-first::after,
.bs-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

.bs-table-cell-fix-right-first::after,
.bs-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

.bs-table .bs-table-container::before,
.bs-table .bs-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

.bs-table .bs-table-container::before {
  left: 0;
}

.bs-table .bs-table-container::after {
  right: 0;
}

.bs-table-ping-left:not(.bs-table-has-fix-left) .bs-table-container {
  position: relative;
}

.bs-table-ping-left:not(.bs-table-has-fix-left) .bs-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.bs-table-ping-left .bs-table-cell-fix-left-first::after,
.bs-table-ping-left .bs-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.bs-table-ping-right:not(.bs-table-has-fix-right) .bs-table-container {
  position: relative;
}

.bs-table-ping-right:not(.bs-table-has-fix-right) .bs-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.bs-table-ping-right .bs-table-cell-fix-right-first::after,
.bs-table-ping-right .bs-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

@media all and (-ms-high-contrast: none) {
  .bs-table-ping-left .bs-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .bs-table-ping-right .bs-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.bs-table-title + .bs-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bs-table-title + .bs-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}

.bs-table-title + .bs-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}

.bs-table-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.bs-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}

.bs-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}

.bs-table-wrapper-rtl {
  direction: rtl;
}

.bs-table-rtl {
  direction: rtl;
}

.bs-table-wrapper-rtl .bs-table table {
  text-align: right;
}

.bs-table-wrapper-rtl .bs-table-thead > tr > th[colspan]:not([colspan="1"]) {
  text-align: center;
}

.bs-table-wrapper-rtl .bs-table-thead > tr > th {
  text-align: right;
}

.bs-table-tbody > tr .bs-table.bs-table-rtl {
  margin: -16px 33px -16px -16px;
}

.bs-table-wrapper.bs-table-wrapper-rtl .bs-table-pagination {
  float: left;
}

.bs-table-wrapper.bs-table-wrapper-rtl .bs-table-pagination-left {
  float: left;
}

.bs-table-wrapper.bs-table-wrapper-rtl .bs-table-pagination-right {
  float: right;
}

.bs-table-wrapper.bs-table-wrapper-rtl .bs-table-pagination-center {
  float: initial;
  text-align: center;
}

.bs-table-wrapper-rtl .bs-table-column-sorter {
  margin-right: 8px;
  margin-left: 0;
}

.bs-table-wrapper-rtl .bs-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}

.bs-table-wrapper-rtl .bs-table-filter-trigger-container {
  right: auto;
  left: 0;
}

.bs-dropdown-rtl .bs-table-filter-dropdown .bs-checkbox-wrapper + span,
.bs-dropdown-rtl .bs-table-filter-dropdown-submenu .bs-checkbox-wrapper + span,
.bs-dropdown-menu-submenu-rtl.bs-table-filter-dropdown .bs-checkbox-wrapper + span,
.bs-dropdown-menu-submenu-rtl.bs-table-filter-dropdown-submenu .bs-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}

.bs-table-wrapper-rtl .bs-table-selection {
  text-align: center;
}

.bs-table-wrapper-rtl .bs-table-selection-extra {
  right: auto;
  left: -10px;
}

.bs-table-wrapper-rtl .bs-table-row-indent {
  float: right;
}

.bs-table-wrapper-rtl .bs-table-row-expand-icon {
  float: right;
}

.bs-table-wrapper-rtl .bs-table-row-indent + .bs-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}

.bs-table-wrapper-rtl .bs-table-row-expand-icon::after {
  transform: rotate(-90deg);
}

.bs-table-wrapper-rtl .bs-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}

.bs-table-wrapper-rtl .bs-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}

.bs-space {
  display: inline-flex;
}

.bs-space-item a {
  color: #0137fc;
}

.bs-item-sep {
  color: #6d6d6d;
  margin: 0 10px;
}

.bs-table2 {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 1rem;
}
.bs-table2.bs-table2-middle .bs-table2-thead > tr > th {
  padding: 12px 8px;
}
.bs-table2.bs-table2-middle .bs-table2-tbody > tr > td {
  padding: 12px 8px;
}
.bs-table2.bs-table2-small .bs-table2-thead > tr > th {
  padding: 8px;
}
.bs-table2.bs-table2-small .bs-table2-tbody > tr > td {
  padding: 8px;
}
.bs-table2 .bs-table2-thead.fixed-header {
  table-layout: fixed;
}
.bs-table2 .bs-table2-thead tr th {
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  color: #262626;
  background: #fafafa;
  transition: background 0.3s ease;
  border-top: 0;
  padding: 1rem;
  font-size: 14px;
  vertical-align: middle;
}
.bs-table2 .bs-table2-thead tr th:first-child {
  border-top-left-radius: 2px;
}
.bs-table2 .bs-table2-thead tr th:focus {
  outline: 0;
}
.bs-table2 .bs-table2-thead tr th .no-visibility {
  visibility: hidden;
  float: right;
}
.bs-table2 .bs-table2-thead tr th:hover .no-visibility {
  visibility: visible;
  float: right;
}
.bs-table2 .bs-table2-thead tr th .bs-sort-icon {
  float: right;
  visibility: visible;
}
.bs-table2 .bs-table2-thead tr th .bs-sort-icon i {
  color: #9a9a9a;
}
.bs-table2 .bs-table2-tbody.fixed-header-tbody {
  table-layout: fixed;
}
.bs-table2 .bs-table2-tbody tr:hover {
  background: #e6f7ff;
}
.bs-table2 .bs-table2-tbody tr.active-row {
  background: #fafafa;
}
.bs-table2 .bs-table2-tbody tr.active-row:hover {
  background: #e6f7ff;
}
.bs-table2 .bs-table2-tbody tr td {
  position: relative;
  padding: 1rem;
  overflow-wrap: break-word;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s;
  border-top: 0;
  color: #595959;
  font-size: 14px;
  vertical-align: middle;
}
.bs-table2 .bs-table2-tbody tr td .bs-space-item a {
  color: #0137fc;
  cursor: pointer;
}
.bs-table2 .bs-table2-tbody tr td .bs-space-item a:hover {
  color: #0137fc;
  text-decoration: underline;
}
.bs-table2 .bs-table2-tbody tr td .bs-item-sep {
  color: #6d6d6d;
  margin: 0 10px;
}
.bs-table2 .selection-cell-header input[type=checkbox] {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto;
}
.bs-table2 .selection-cell-header[data-row-selection] {
  width: 48px;
}
.bs-table2.table-bordered .bs-table2-thead.fixed-header {
  table-layout: fixed;
}
.bs-table2.table-bordered .bs-table2-thead th {
  border-right: 1px solid #e8e8e8;
  border-left: 0;
}
.bs-table2.table-bordered .bs-table2-tbody.fixed-header-tbody {
  table-layout: fixed;
}
.bs-table2.table-bordered .bs-table2-tbody tr:last-child td {
  border-bottom: 0;
}
.bs-table2.table-bordered .bs-table2-tbody td {
  border-right: 1px solid #e8e8e8;
  border-left: 0;
}
.bs-table2 .selection-cell input[type=checkbox] {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto;
}
.bs-table2 .bs-table2-row-expand-icon {
  color: #1890ff;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  display: inline-flex;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 12px;
  vertical-align: -2px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
  user-select: none;
  align-items: center;
  justify-content: center;
}
.bs-table2 .bs-table2-row-expand-icon:focus,
.bs-table2 .bs-table2-row-expand-icon:hover {
  color: #40a9ff;
}
.bs-table2 .bs-table2-row-expand-icon:active {
  color: #096dd9;
}
.bs-table2 .bs-table2-row-expand-icon:focus,
.bs-table2 .bs-table2-row-expand-icon:hover,
.bs-table2 .bs-table2-row-expand-icon:active {
  border-color: currentColor;
}
.bs-table2 .bs-table2-row-expand-icon::before {
  position: absolute;
  transition: transform 0.3s ease-out;
}
.bs-table2 .bs-table2-row-expanded::before {
  content: "\e90c";
  font-family: "SalesHandy";
}
.bs-table2 .bs-table2-row-collapsed:before {
  content: "\e911";
  font-family: "SalesHandy";
}

.bs-tabs-small > .bs-tabs-nav .bs-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}

.bs-tabs-large > .bs-tabs-nav .bs-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}

.bs-tabs-card.bs-tabs-small > .bs-tabs-nav .bs-tabs-tab {
  padding: 6px 16px;
}

.bs-tabs-card.bs-tabs-large > .bs-tabs-nav .bs-tabs-tab {
  padding: 7px 16px 6px;
}

.bs-tabs-top {
  flex-direction: column;
}
.bs-tabs-top > .bs-tabs-nav {
  margin: 0 0 16px 0;
}
.bs-tabs-top > .bs-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #e5e7eb;
  content: "";
  bottom: 0;
}
.bs-tabs-top > .bs-tabs-nav .bs-tabs-ink-bar {
  height: 2px;
  bottom: 0;
}
.bs-tabs-top > .bs-tabs-nav .bs-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.bs-tabs-top > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  top: 0;
  bottom: 0;
  width: 30px;
  left: 0;
}
.bs-tabs-top > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
  right: 0;
}
.bs-tabs-top > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.bs-tabs-top > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.bs-tabs-top > div > .bs-tabs-nav {
  margin: 0 0 16px 0;
}
.bs-tabs-top > div > .bs-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #d9d9d9;
  content: "";
  bottom: 0;
}
.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-ink-bar {
  height: 2px;
  bottom: 0;
}
.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  top: 0;
  bottom: 0;
  width: 30px;
  left: 0;
}
.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
  right: 0;
}
.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}

.bs-tabs-bottom {
  flex-direction: column;
}
.bs-tabs-bottom > .bs-tabs-nav {
  margin: 0 0 16px 0;
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.bs-tabs-bottom > .bs-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #d9d9d9;
  content: "";
  top: 0;
}
.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-ink-bar {
  height: 2px;
  top: 0;
}
.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  top: 0;
  bottom: 0;
  width: 30px;
  left: 0;
}
.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
  right: 0;
}
.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.bs-tabs-bottom > div > .bs-tabs-nav {
  margin: 0 0 16px 0;
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.bs-tabs-bottom > div > .bs-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #d9d9d9;
  content: "";
  top: 0;
}
.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-ink-bar {
  height: 2px;
  top: 0;
}
.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  top: 0;
  bottom: 0;
  width: 30px;
  left: 0;
}
.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
  right: 0;
}
.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.bs-tabs-bottom > div > .bs-tabs-content-holder {
  order: 0;
}
.bs-tabs-bottom > .bs-tabs-content-holder {
  order: 0;
}

.bs-tabs-left > .bs-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-tab {
  margin: 0 0 16px 0;
  padding: 8px 24px;
  text-align: center;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-tab:last-of-type {
  margin-bottom: 0;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-nav-wrap {
  flex-direction: column;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  right: 0;
  left: 0;
  height: 30px;
  top: 0;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
  bottom: 0;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-ink-bar {
  width: 2px;
  right: 0;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-nav-list {
  flex-direction: column;
}
.bs-tabs-left > .bs-tabs-nav .bs-tabs-nav-operations {
  flex-direction: column;
}
.bs-tabs-left > div > .bs-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-tab {
  margin: 0 0 16px 0;
  padding: 8px 24px;
  text-align: center;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-tab:last-of-type {
  margin-bottom: 0;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-nav-wrap {
  flex-direction: column;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  right: 0;
  left: 0;
  height: 30px;
  top: 0;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
  bottom: 0;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-ink-bar {
  width: 2px;
  right: 0;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-nav-list {
  flex-direction: column;
}
.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-nav-operations {
  flex-direction: column;
}
.bs-tabs-left > div > .bs-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #d9d9d9;
}
.bs-tabs-left > div > .bs-tabs-content-holder > .bs-tabs-content > .bs-tabs-tabpane {
  padding-left: 24px;
}
.bs-tabs-left > .bs-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #d9d9d9;
}
.bs-tabs-left > .bs-tabs-content-holder > .bs-tabs-content > .bs-tabs-tabpane {
  padding-left: 24px;
}

.bs-tabs-right > .bs-tabs-nav {
  flex-direction: column;
  min-width: 50px;
  order: 1;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-tab {
  margin: 0 0 16px 0;
  padding: 8px 24px;
  text-align: center;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-tab:last-of-type {
  margin-bottom: 0;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-nav-wrap {
  flex-direction: column;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  right: 0;
  left: 0;
  height: 30px;
  top: 0;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
  bottom: 0;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-ink-bar {
  width: 2px;
  left: 0;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-nav-list {
  flex-direction: column;
}
.bs-tabs-right > .bs-tabs-nav .bs-tabs-nav-operations {
  flex-direction: column;
}
.bs-tabs-right > div > .bs-tabs-nav {
  flex-direction: column;
  min-width: 50px;
  order: 1;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-tab {
  margin: 0 0 16px 0;
  padding: 8px 24px;
  text-align: center;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-tab:last-of-type {
  margin-bottom: 0;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-nav-wrap {
  flex-direction: column;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  right: 0;
  left: 0;
  height: 30px;
  top: 0;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
  bottom: 0;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-nav-wrap.bs-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-ink-bar {
  width: 2px;
  left: 0;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-nav-list {
  flex-direction: column;
}
.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-nav-operations {
  flex-direction: column;
}
.bs-tabs-right > div > .bs-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #d9d9d9;
}
.bs-tabs-right > div > .bs-tabs-content-holder > .bs-tabs-content > .bs-tabs-tabpane {
  padding-right: 24px;
}
.bs-tabs-right > .bs-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #d9d9d9;
}
.bs-tabs-right > .bs-tabs-content-holder > .bs-tabs-content > .bs-tabs-tabpane {
  padding-right: 24px;
}

.bs-tabs-card > .bs-tabs-nav .bs-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.bs-tabs-card > .bs-tabs-nav .bs-tabs-tab-active {
  color: #0137fc;
  background: #ffffff;
}
.bs-tabs-card > .bs-tabs-nav .bs-tabs-ink-bar {
  visibility: hidden;
}
.bs-tabs-card > div > .bs-tabs-nav .bs-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.bs-tabs-card > div > .bs-tabs-nav .bs-tabs-tab-active {
  color: #0137fc;
  background: #ffffff;
}
.bs-tabs-card > div > .bs-tabs-nav .bs-tabs-ink-bar {
  visibility: hidden;
}

.bs-tabs-card.bs-tabs-top > .bs-tabs-nav .bs-tabs-tab:not(:last-of-type) {
  margin-right: 2px;
}
.bs-tabs-card.bs-tabs-top > .bs-tabs-nav .bs-tabs-tab {
  border-radius: 0.25rem 0.25rem 0 0;
}
.bs-tabs-card.bs-tabs-top > .bs-tabs-nav .bs-tabs-tab-active {
  border-bottom-color: #ffffff;
}
.bs-tabs-card.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-tab:not(:last-of-type) {
  margin-right: 2px;
}
.bs-tabs-card.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-tab {
  border-radius: 0.25rem 0.25rem 0 0;
}
.bs-tabs-card.bs-tabs-top > div > .bs-tabs-nav .bs-tabs-tab-active {
  border-bottom-color: #ffffff;
}

.bs-tabs-card.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-tab:not(:last-of-type) {
  margin-right: 2px;
}
.bs-tabs-card.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-tab {
  border-radius: 0 0 0.25rem 0.25rem;
}
.bs-tabs-card.bs-tabs-bottom > .bs-tabs-nav .bs-tabs-tab-active {
  border-top-color: #ffffff;
}
.bs-tabs-card.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-tab:not(:last-of-type) {
  margin-right: 2px;
}
.bs-tabs-card.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-tab {
  border-radius: 0 0 0.25rem 0.25rem;
}
.bs-tabs-card.bs-tabs-bottom > div > .bs-tabs-nav .bs-tabs-tab-active {
  border-top-color: #ffffff;
}

.bs-tabs-card.bs-tabs-left > .bs-tabs-nav .bs-tabs-tab:not(:last-of-type) {
  margin-bottom: 2px;
}
.bs-tabs-card.bs-tabs-left > .bs-tabs-nav .bs-tabs-tab {
  border-radius: 0.25rem 0 0 0.25rem;
}
.bs-tabs-card.bs-tabs-left > .bs-tabs-nav .bs-tabs-tab-active {
  border-right-color: #ffffff;
}
.bs-tabs-card.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-tab:not(:last-of-type) {
  margin-bottom: 2px;
}
.bs-tabs-card.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-tab {
  border-radius: 0.25rem 0 0 0.25rem;
}
.bs-tabs-card.bs-tabs-left > div > .bs-tabs-nav .bs-tabs-tab-active {
  border-right-color: #ffffff;
}

.bs-tabs-card.bs-tabs-right > .bs-tabs-nav .bs-tabs-tab:not(:last-of-type) {
  margin-bottom: 2px;
}
.bs-tabs-card.bs-tabs-right > .bs-tabs-nav .bs-tabs-tab {
  border-radius: 0 0.25rem 0.25rem 0;
}
.bs-tabs-card.bs-tabs-right > .bs-tabs-nav .bs-tabs-tab-active {
  border-left-color: #ffffff;
}
.bs-tabs-card.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-tab:not(:last-of-type) {
  margin-bottom: 2px;
}
.bs-tabs-card.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-tab {
  border-radius: 0 0.25rem 0.25rem 0;
}
.bs-tabs-card.bs-tabs-right > div > .bs-tabs-nav .bs-tabs-tab-active {
  border-left-color: #ffffff;
}

.bs-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595959;
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  display: flex;
  overflow: hidden;
}
.bs-tabs > .bs-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-wrap {
  position: relative;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: "";
  pointer-events: none;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: "";
  pointer-events: none;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active:hover {
  color: #1d4ed8;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-list .bs-tabs-tab.bs-tabs-tab-active:active {
  color: #1d4ed8;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-add {
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem 0.25rem 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-add:hover {
  color: #346aff;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-add:active {
  color: #0004c9;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-add:focus {
  color: #0004c9;
}
.bs-tabs > div > .bs-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-wrap {
  position: relative;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-wrap::before {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: "";
  pointer-events: none;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: "";
  pointer-events: none;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: "";
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-add {
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem 0.25rem 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-add:hover {
  color: #346aff;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-add:active {
  color: #0004c9;
}
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-add:focus {
  color: #0004c9;
}

.bs-tabs-extra-content {
  flex: none;
}

.bs-tabs-ink-bar {
  position: absolute;
  background: #0137fc;
  pointer-events: none;
}

.bs-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 32px 0 0;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.bs-tabs-tab:last-of-type {
  margin-right: 0;
  margin-left: 0;
}
.bs-tabs-tab .bs-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: #8c8c8c;
  font-size: 12px;
  outline: none;
  transition: all 0.3s;
}
.bs-tabs-tab .bs-tabs-tab-remove .anticon {
  margin: 0;
}
.bs-tabs-tab .bs-tabs-tab-remove:hover {
  color: #8c8c8c;
}
.bs-tabs-tab .bs-tabs-tab-remove:focus {
  color: #1d4ed8;
}
.bs-tabs-tab .bs-tabs-tab-remove:active {
  color: #1d4ed8;
}
.bs-tabs-tab:focus {
  color: #1d4ed8;
}
.bs-tabs-tab:active {
  color: #1d4ed8;
}
.bs-tabs-tab:hover {
  color: #1d4ed8;
}
.bs-tabs-tab .anticon {
  margin-right: 12px;
}

.bs-tabs-tab.bs-tabs-tab-active {
  color: #0137fc;
  font-weight: 600;
}

.bs-tabs-tab.bs-tabs-tab-disabled {
  color: #bfbfbf;
  cursor: not-allowed;
}

.bs-tabs-content {
  display: flex;
  width: 100%;
}

.bs-tabs-content-holder {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.bs-tabs-content-animated {
  transition: margin 0.3s;
}

.bs-tabs-tabpane {
  flex: none;
  width: 100%;
  outline: none;
}

.bs-tabs-tab .bs-tabs-tab-remove {
  flex: none;
  margin-right: -6px;
  margin-left: 4px;
  color: #8c8c8c;
  font-size: 18px;
  background: 0 0;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  top: -1px;
  line-height: 20px;
}

.bs-tabs-tab-btn:focus {
  outline: 0;
}

.bs-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}

.bs-tabs-dropdown-hidden {
  display: none;
}

.bs-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.bs-tabs-dropdown-menu-item {
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}

.bs-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}

.bs-tabs-dropdown-menu-item-disabled,
.bs-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}

.bs-tabs > .bs-tabs-nav .bs-tabs-nav-more,
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
  text-indent: -999px;
}
.bs-tabs > .bs-tabs-nav .bs-tabs-nav-more:focus,
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-more:focus {
  outline: 0;
}

.bs-tabs > .bs-tabs-nav .bs-tabs-nav-more::before,
.bs-tabs > div > .bs-tabs-nav .bs-tabs-nav-more::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  font-family: "SalesHandy";
  content: "\e9e8";
}

.bs-tabs-nav-operations:before {
  position: absolute;
  font-family: "SalesHandy";
  content: "\e9e8";
  top: 0;
  right: 0;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2.25rem;
  border: 1px solid #d9d9d9;
  background: #ffffff;
}

.info-alert.alert.alert-primary {
  display: flex;
  justify-content: space-between;
}
.info-alert.alert.alert-primary .alert-icon {
  margin-right: 18px;
}
.info-alert.alert.alert-primary .alert-icon i {
  color: #0137fc;
}
.info-alert.alert.alert-primary p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  color: #595959;
}
.info-alert.alert.alert-primary p i {
  color: #0137fc;
  margin-right: 5px;
}
.info-alert.alert.alert-primary .alert-button .btn {
  color: #0137fc;
}
.info-alert.alert.alert-primary .close {
  top: -2px;
  color: #595959;
}

.warning-alert.alert.alert-warning {
  display: flex;
  justify-content: space-between;
}
.warning-alert.alert.alert-warning .alert-icon {
  margin-right: 18px;
}
.warning-alert.alert.alert-warning .alert-icon i {
  color: #faad14;
}
.warning-alert.alert.alert-warning p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  color: #595959;
}
.warning-alert.alert.alert-warning p i {
  color: #faad14;
  margin-right: 5px;
}
.warning-alert.alert.alert-warning .alert-button .btn {
  color: #faad14;
}
.warning-alert.alert.alert-warning .close {
  top: -2px;
  color: #595959;
}

.danger-alert.alert.alert-danger {
  display: flex;
  justify-content: space-between;
}
.danger-alert.alert.alert-danger .alert-icon {
  margin-right: 18px;
}
.danger-alert.alert.alert-danger .alert-icon i {
  color: #f5222d;
}
.danger-alert.alert.alert-danger p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  color: #595959;
}
.danger-alert.alert.alert-danger p i {
  color: #f5222d;
  margin-right: 5px;
}
.danger-alert.alert.alert-danger .alert-button .btn {
  color: #f5222d;
}
.danger-alert.alert.alert-danger .close {
  top: -2px;
  color: #595959;
}

.success-alert.alert.alert-success {
  display: flex;
  justify-content: space-between;
}
.success-alert.alert.alert-success .alert-icon {
  margin-right: 18px;
}
.success-alert.alert.alert-success .alert-icon i {
  color: #52c41a;
}
.success-alert.alert.alert-success p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  color: #595959;
}
.success-alert.alert.alert-success p i {
  color: #52c41a;
  margin-right: 5px;
}
.success-alert.alert.alert-success .alert-button .btn {
  color: #52c41a;
}
.success-alert.alert.alert-success .close {
  top: -2px;
  color: #595959;
}

.alert .alert-heading {
  font-size: 16px;
  line-height: 24px;
  color: #262626;
}
.alert .alert-icon i {
  font-size: 20px;
}
.alert p {
  font-size: 14px;
  line-height: 22px;
}
.alert .alert-button .btn {
  padding: 0;
  font-size: 14px;
  line-height: 22px;
}
.alert .alert-button .btn:focus {
  outline: 0;
  box-shadow: none;
}
.alert .close {
  top: -2px;
  color: #595959;
}
.alert .close:focus {
  outline: 0;
}
.alert.alert-primary {
  background: #e6f7ff;
  border-color: #9ad0ff;
}
.alert.alert-primary.alert-banner {
  border-color: #e6f7ff;
}
.alert.alert-primary-2 {
  background: #eff6ff;
}
.alert.alert-primary-2 .alert-message-text {
  color: #1d4ed8 !important;
}
.alert.alert-warning {
  background: #fffbe6;
  border-color: #ffe58f;
}
.alert.alert-warning.alert-banner {
  border-color: #fffbe6;
}
.alert.alert-warning-2 {
  background: #fffbeb;
}
.alert.alert-warning-2 .alert-message-text {
  color: #b45309 !important;
}
.alert.alert-warning-2 .upgrade-link {
  color: #b45309 !important;
}
.alert.alert-danger {
  background: #fff1f0;
  border-color: #ffa39e;
}
.alert.alert-danger.alert-banner {
  border-color: #fff1f0;
}
.alert.alert-success {
  background: #f6ffed;
  border-color: #b7eb8f;
}
.alert.alert-success.alert-banner {
  border-color: #f6ffed;
}

.alert-component .new-theme.warning-alert {
  background: #fffbeb;
  color: #b45309;
  font-size: 12px;
  border: none;
}
.alert-component .new-theme.danger-alert {
  background: #fef2f2;
  color: #b91c1c;
  font-size: 12px;
  border: none;
}
.alert-component .new-theme .icon-div {
  width: 1.5rem;
}
.alert-component .new-theme .bulk-email-sending-warning-icon {
  display: flex;
  width: auto;
}
.alert-component .new-theme .content-div {
  width: 100%;
}

.bs-modal-body {
  padding: 2rem 2rem 1.5rem 2rem;
}
.bs-modal-body .bs-modal-content {
  display: flex;
}
.bs-modal-body .bs-modal-content .bs-modal-icon {
  font-size: 20px;
  margin-right: 10px;
}
.bs-modal-body .bs-modal-content .bs-modal-icon.icon-warning i {
  color: #faad14;
}
.bs-modal-body .bs-modal-content .bs-modal-icon.icon-basic i {
  color: #0137fc;
}
.bs-modal-body .bs-modal-content .bs-modal-icon.icon-error i {
  color: #f5222d;
}
.bs-modal-body .bs-modal-content .bs-modal-icon.icon-success i {
  color: #52c41a;
}
.bs-modal-body .bs-modal-content .bs-modal-inner-content h3 {
  color: #262626;
  font-weight: 600;
  margin-bottom: 0;
}
.bs-modal-body .bs-modal-content .bs-modal-inner-content p {
  font-size: 14px;
  line-height: 22px;
  color: #595959;
}
.bs-modal-body .bs-modal-content .bs-modal-inner-content__title {
  color: #000000;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-top: 1rem;
}
.bs-modal-body .bs-modal-content .bs-modal-inner-content__contents {
  color: #595959;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.modal-content {
  border: 0 !important;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem !important;
  max-height: 90vh;
}

.modal-body {
  max-height: calc(100vh - 124px);
  overflow-y: auto;
}

.modal-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #262626;
  width: 100%;
}

.modal-header {
  align-items: center;
  border-bottom-color: #e8e8e8;
  padding: 0 1.5rem;
  margin: 0;
  min-height: 3.5rem;
}
.modal-header .close {
  margin: 0 -1rem 0 0;
  color: #262626;
}
.modal-header .close:hover {
  background: transparent;
  opacity: 1;
}
.modal-header .close:focus {
  outline: 0;
  background: transparent;
}
.modal-header .close:active {
  border: 0;
  background-color: transparent;
}
.modal-header .close:not(:disabled):not(.disabled) {
  border: 0;
  background-color: transparent;
  opacity: 1;
  color: #262626;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}
.modal-header .alert.modal-error {
  margin: 0;
  position: absolute;
  z-index: 9;
  top: 1rem;
  left: 50%;
  transform: translate(-50%, 0px);
  width: 70%;
}
.modal-header .alert.modal-error .close {
  margin: auto;
  padding: 0.5rem;
}
.modal-header .alert.modal-error.alert-dismissible {
  padding: 0.5rem 4rem 0.5rem 1.25rem;
}
.modal-header .alert.modal-error .modal-error-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.modal-footer {
  border-top-color: #e8e8e8;
  max-height: 4rem;
  min-height: 4rem;
  padding: 0 1.5rem;
}

.confirm-modal-width .modal-dialog {
  width: 28.125rem;
}
.confirm-modal-width .modal-dialog .bs-modal-icon {
  align-items: flex-start;
}
.confirm-modal-width .modal-content .cancel-btn {
  border-width: 0px !important;
}
.confirm-modal-width .modal-content .submit-btn {
  width: 6.25rem !important;
  background-color: #1d4ed8 !important;
}

.modal-backdrop {
  z-index: 1050 !important;
  backdrop-filter: blur(5px);
  background-color: rgba(31, 41, 55, 0.7);
  opacity: 1 !important;
}

.delete-modal .modal-dialog {
  max-width: 28.12rem;
}
.delete-modal .modal-body {
  display: flex;
  flex-direction: column;
}
.delete-modal .modal-footer .btn-solid {
  border: 1px solid #b91c1c;
  color: #fff;
  font-weight: 400;
  background: #b91c1c;
}
.delete-modal .modal-footer .btn-solid:hover {
  opacity: 0.8;
}

.bs-message-container {
  z-index: 1070;
  position: relative;
}

.bs-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}
.bs-message.top {
  top: 15px;
}
.bs-message.top .message-container {
  margin-top: 15px;
  margin-bottom: 0;
}
.bs-message.top .message-container:first-child {
  margin-top: 0;
}
.bs-message.bottom {
  bottom: 15px;
}
.bs-message.bottom .message-container {
  margin-top: 0;
  margin-bottom: 15px;
}
.bs-message.bottom .message-container:last-child {
  margin-bottom: 0;
}

.message-container {
  background: #ffffff;
  border-radius: 0.25rem;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  padding: 0.625rem 1rem;
  flex-basis: unset;
  max-width: unset;
  width: max-content;
  border: 0;
  backdrop-filter: unset;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 90vw;
}
.message-container.show {
  display: flex;
  align-items: center;
}
.message-container.theme-new.variant-success {
  color: #047857;
  background: #d1fae5;
  border-radius: 0.25rem;
  height: 3rem;
  box-shadow: none;
}
.message-container.theme-new.variant-success .message-desc {
  font-weight: 500;
}
.message-container.theme-new.variant-error {
  color: #b80b1f;
  background: #ffd6db;
  border-radius: 0.25rem;
  height: 3rem;
  box-shadow: none;
}
.message-container.theme-new.variant-error .message-desc {
  font-weight: 500;
}
.message-container.theme-new.variant-basic {
  color: #374151;
  background: #fffbeb;
  border-radius: 0.25rem;
  height: 3rem;
  box-shadow: none;
}
.message-container.theme-new.variant-basic .message-desc {
  font-weight: 500;
}
.message-container.theme-new.variant-warning {
  color: #faad14;
  background: #fffbe6;
  border-radius: 0.25rem;
  height: 3rem;
  box-shadow: none;
}
.message-container.theme-new.variant-warning .message-desc {
  font-weight: 500;
}
.message-container .message-icon {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.375rem;
}
.message-container .message-icon img {
  width: 20px;
  height: 20px;
  margin-top: 0.125rem;
}
.message-container .message-icon.icon-basic i {
  color: #0137fc;
}
.message-container .message-icon.icon-error i {
  color: #f5222d;
}
.message-container .message-icon.icon-success i {
  color: #52c41a;
}
.message-container .message-icon.icon-warning i {
  color: #faad14;
}
.message-container .message-icon.icon-loading i {
  color: #0137fc;
  animation: spin 2s linear infinite;
}
.message-container .message-icon.icon-info i {
  color: #d97706;
}
.message-container .message-desc {
  display: inline-flex;
  width: max-content;
}
.message-container .message-desc p {
  margin-bottom: 0;
}
.message-container .message-close {
  cursor: pointer;
  margin-left: 2rem;
}
.message-container .message-undo {
  cursor: pointer;
  margin-left: 1rem;
  color: #1d4ed8;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}

.bs-notification-container {
  z-index: 1060;
  position: relative;
}

.bs-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: fixed;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.bs-notification.left {
  align-items: flex-start;
}
.bs-notification.right {
  align-items: flex-end;
}
.bs-notification.center {
  align-items: center;
}
.bs-notification.top {
  top: 30px;
}
.bs-notification.top.left {
  left: 30px;
}
.bs-notification.top.right {
  right: 30px;
}
.bs-notification.top.center {
  left: 50%;
  transform: translateX(-50%);
}
.bs-notification.top .notification-container {
  margin-top: 15px;
  margin-bottom: 0;
}
.bs-notification.top .notification-container:first-child {
  margin-top: 0;
}
.bs-notification.bottom {
  bottom: 30px;
}
.bs-notification.bottom.left {
  left: 30px;
}
.bs-notification.bottom.right {
  right: 30px;
}
.bs-notification.bottom.center {
  left: 50%;
  transform: translateX(-50%);
}
.bs-notification.bottom .notification-container {
  margin-top: 0;
  margin-bottom: 15px;
}
.bs-notification.bottom .notification-container:last-child {
  margin-bottom: 0;
}
.bs-notification .bs-toast {
  padding: 1rem 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 0;
  background: #ffffff;
  min-width: 385px;
}
.bs-notification .bs-toast-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  color: #262626;
  background-color: #ffffff;
  background-clip: padding-box;
  border-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
}
.bs-notification .bs-toast-header .close {
  position: absolute;
  top: -10px;
  right: -10px;
}
.bs-notification .bs-toast-header .close:focus {
  outline: 0;
}
.bs-notification .bs-toast-body {
  font-size: 14px;
  line-height: 22px;
  color: #595959;
}

.notification-container {
  background: #ffffff;
  border-radius: 0.25rem;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  padding: 0.625rem 1rem;
  flex-basis: unset;
  max-width: fit-content;
  border: 0;
  backdrop-filter: unset;
  pointer-events: auto;
}
.notification-container .notification-icon {
  font-size: 18px;
  margin-right: 5px;
}
.notification-container .notification-icon i {
  position: relative;
  top: 1px;
}
.notification-container .notification-icon.icon-basic i {
  color: #0137fc;
}
.notification-container .notification-icon.icon-error i {
  color: #f5222d;
}
.notification-container .notification-icon.icon-success i {
  color: #52c41a;
}
.notification-container .notification-icon.icon-warning i {
  color: #faad14;
}
.notification-container .notification-desc {
  display: inline-flex;
  margin-left: 23px;
}
.notification-container .notification-desc p {
  margin-bottom: 0;
}

.bs-progress-bar-container {
  display: flex;
}
.bs-progress-bar-container .bs-progress {
  display: flex;
  height: 0.5rem;
  overflow: hidden;
  line-height: 0;
  background-color: #f5f5f5;
  flex: 0.9;
  margin: 7px 10px 7px 0;
}
.bs-progress-bar-container.square .bs-progress {
  border-radius: 0;
}
.bs-progress-bar-container.round .bs-progress {
  border-radius: 0.5rem;
}
.bs-progress-bar-container.mini .bs-progress {
  height: 0.375rem;
}
.bs-progress-bar-container.mini span {
  font-size: 12px;
  line-height: 20px;
}
.bs-progress-bar-container.error .bs-progress-bar {
  background: #f5222d;
}
.bs-progress-bar-container.error span i {
  color: #f5222d;
}
.bs-progress-bar-container.success .bs-progress-bar {
  background: #52c41a;
}
.bs-progress-bar-container.success span i {
  color: #52c41a;
}
.bs-progress-bar-container span {
  flex: 0.1;
  text-align: left;
  font-size: 14px;
}
.bs-progress-bar-container .bs-progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0137fc;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .bs-progress-bar-container .bs-progress-bar {
    transition: none;
  }
}

/* Progress Bars */
.bs-progress-circle {
  position: relative;
  display: inline-flex;
  margin: 1rem;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background-color: #f5f5f5;
  align-items: center;
}
.bs-progress-circle.mini {
  width: 5rem;
  height: 5rem;
}
.bs-progress-circle.mini:before {
  width: 4.375rem;
  height: 4.375rem;
}
.bs-progress-circle.error i {
  color: #f5222d;
}
.bs-progress-circle.error:after {
  background: #0137fc;
}
.bs-progress-circle.success i {
  color: #52c41a;
}
.bs-progress-circle.success:after {
  background: #0137fc;
}
.bs-progress-circle:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6.875rem;
  height: 6.875rem;
  border-radius: 50%;
  background-color: #ffffff;
}
.bs-progress-circle:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0137fc;
}

.bs-progress-circle-number {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #595959;
  margin: 0;
  font-weight: 400;
}

/**
* $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
*/
.bs-progress-circle.progress--0:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(90deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--0:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(90deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--0:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(90deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--1:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(93.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--1:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(93.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--1:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(93.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--2:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(97.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--2:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(97.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--2:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(97.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--3:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(100.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--3:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(100.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--3:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(100.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--4:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(104.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--4:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(104.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--4:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(104.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--5:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(108deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--5:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(108deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--5:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(108deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--6:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(111.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--6:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(111.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--6:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(111.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--7:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(115.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--7:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(115.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--7:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(115.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--8:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(118.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--8:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(118.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--8:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(118.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--9:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(122.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--9:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(122.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--9:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(122.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--10:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(126deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--10:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(126deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--10:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(126deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--11:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(129.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--11:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(129.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--11:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(129.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--12:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(133.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--12:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(133.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--12:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(133.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--13:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(136.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--13:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(136.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--13:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(136.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--14:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(140.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--14:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(140.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--14:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(140.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--15:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(144deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--15:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(144deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--15:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(144deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--16:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(147.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--16:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(147.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--16:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(147.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--17:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(151.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--17:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(151.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--17:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(151.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--18:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(154.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--18:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(154.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--18:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(154.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--19:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(158.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--19:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(158.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--19:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(158.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--20:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(162deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--20:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(162deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--20:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(162deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--21:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(165.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--21:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(165.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--21:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(165.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--22:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(169.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--22:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(169.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--22:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(169.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--23:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(172.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--23:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(172.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--23:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(172.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--24:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(176.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--24:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(176.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--24:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(176.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--25:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(180deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--25:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(180deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--25:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(180deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--26:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(183.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--26:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(183.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--26:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(183.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--27:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(187.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--27:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(187.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--27:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(187.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--28:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(190.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--28:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(190.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--28:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(190.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--29:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(194.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--29:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(194.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--29:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(194.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--30:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(198deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--30:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(198deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--30:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(198deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--31:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(201.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--31:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(201.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--31:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(201.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--32:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(205.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--32:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(205.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--32:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(205.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--33:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(208.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--33:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(208.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--33:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(208.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--34:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(212.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--34:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(212.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--34:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(212.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--35:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(216deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--35:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(216deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--35:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(216deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--36:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(219.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--36:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(219.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--36:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(219.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--37:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(223.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--37:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(223.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--37:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(223.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--38:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(226.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--38:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(226.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--38:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(226.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--39:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(230.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--39:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(230.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--39:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(230.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--40:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(234deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--40:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(234deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--40:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(234deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--41:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(237.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--41:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(237.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--41:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(237.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--42:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(241.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--42:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(241.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--42:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(241.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--43:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(244.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--43:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(244.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--43:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(244.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--44:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(248.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--44:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(248.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--44:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(248.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--45:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(252deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--45:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(252deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--45:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(252deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--46:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(255.6deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--46:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(255.6deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--46:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(255.6deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--47:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(259.2deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--47:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(259.2deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--47:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(259.2deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--48:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(262.8deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--48:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(262.8deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--48:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(262.8deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--49:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(266.4deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--49:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(266.4deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--49:after {
  background-image: linear-gradient(90deg, #f5f5f5 50%, transparent 50%, transparent), linear-gradient(266.4deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--50:after {
  background-image: linear-gradient(-90deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--50:after {
  background-image: linear-gradient(-90deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--50:after {
  background-image: linear-gradient(-90deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--51:after {
  background-image: linear-gradient(-86.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--51:after {
  background-image: linear-gradient(-86.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--51:after {
  background-image: linear-gradient(-86.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--52:after {
  background-image: linear-gradient(-82.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--52:after {
  background-image: linear-gradient(-82.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--52:after {
  background-image: linear-gradient(-82.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--53:after {
  background-image: linear-gradient(-79.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--53:after {
  background-image: linear-gradient(-79.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--53:after {
  background-image: linear-gradient(-79.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--54:after {
  background-image: linear-gradient(-75.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--54:after {
  background-image: linear-gradient(-75.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--54:after {
  background-image: linear-gradient(-75.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--55:after {
  background-image: linear-gradient(-72deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--55:after {
  background-image: linear-gradient(-72deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--55:after {
  background-image: linear-gradient(-72deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--56:after {
  background-image: linear-gradient(-68.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--56:after {
  background-image: linear-gradient(-68.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--56:after {
  background-image: linear-gradient(-68.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--57:after {
  background-image: linear-gradient(-64.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--57:after {
  background-image: linear-gradient(-64.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--57:after {
  background-image: linear-gradient(-64.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--58:after {
  background-image: linear-gradient(-61.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--58:after {
  background-image: linear-gradient(-61.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--58:after {
  background-image: linear-gradient(-61.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--59:after {
  background-image: linear-gradient(-57.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--59:after {
  background-image: linear-gradient(-57.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--59:after {
  background-image: linear-gradient(-57.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--60:after {
  background-image: linear-gradient(-54deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--60:after {
  background-image: linear-gradient(-54deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--60:after {
  background-image: linear-gradient(-54deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--61:after {
  background-image: linear-gradient(-50.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--61:after {
  background-image: linear-gradient(-50.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--61:after {
  background-image: linear-gradient(-50.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--62:after {
  background-image: linear-gradient(-46.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--62:after {
  background-image: linear-gradient(-46.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--62:after {
  background-image: linear-gradient(-46.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--63:after {
  background-image: linear-gradient(-43.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--63:after {
  background-image: linear-gradient(-43.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--63:after {
  background-image: linear-gradient(-43.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--64:after {
  background-image: linear-gradient(-39.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--64:after {
  background-image: linear-gradient(-39.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--64:after {
  background-image: linear-gradient(-39.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--65:after {
  background-image: linear-gradient(-36deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--65:after {
  background-image: linear-gradient(-36deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--65:after {
  background-image: linear-gradient(-36deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--66:after {
  background-image: linear-gradient(-32.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--66:after {
  background-image: linear-gradient(-32.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--66:after {
  background-image: linear-gradient(-32.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--67:after {
  background-image: linear-gradient(-28.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--67:after {
  background-image: linear-gradient(-28.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--67:after {
  background-image: linear-gradient(-28.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--68:after {
  background-image: linear-gradient(-25.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--68:after {
  background-image: linear-gradient(-25.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--68:after {
  background-image: linear-gradient(-25.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--69:after {
  background-image: linear-gradient(-21.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--69:after {
  background-image: linear-gradient(-21.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--69:after {
  background-image: linear-gradient(-21.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--70:after {
  background-image: linear-gradient(-18deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--70:after {
  background-image: linear-gradient(-18deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--70:after {
  background-image: linear-gradient(-18deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--71:after {
  background-image: linear-gradient(-14.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--71:after {
  background-image: linear-gradient(-14.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--71:after {
  background-image: linear-gradient(-14.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--72:after {
  background-image: linear-gradient(-10.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--72:after {
  background-image: linear-gradient(-10.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--72:after {
  background-image: linear-gradient(-10.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--73:after {
  background-image: linear-gradient(-7.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--73:after {
  background-image: linear-gradient(-7.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--73:after {
  background-image: linear-gradient(-7.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--74:after {
  background-image: linear-gradient(-3.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--74:after {
  background-image: linear-gradient(-3.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--74:after {
  background-image: linear-gradient(-3.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--75:after {
  background-image: linear-gradient(0deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--75:after {
  background-image: linear-gradient(0deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--75:after {
  background-image: linear-gradient(0deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--76:after {
  background-image: linear-gradient(3.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--76:after {
  background-image: linear-gradient(3.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--76:after {
  background-image: linear-gradient(3.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--77:after {
  background-image: linear-gradient(7.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--77:after {
  background-image: linear-gradient(7.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--77:after {
  background-image: linear-gradient(7.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--78:after {
  background-image: linear-gradient(10.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--78:after {
  background-image: linear-gradient(10.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--78:after {
  background-image: linear-gradient(10.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--79:after {
  background-image: linear-gradient(14.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--79:after {
  background-image: linear-gradient(14.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--79:after {
  background-image: linear-gradient(14.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--80:after {
  background-image: linear-gradient(18deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--80:after {
  background-image: linear-gradient(18deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--80:after {
  background-image: linear-gradient(18deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--81:after {
  background-image: linear-gradient(21.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--81:after {
  background-image: linear-gradient(21.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--81:after {
  background-image: linear-gradient(21.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--82:after {
  background-image: linear-gradient(25.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--82:after {
  background-image: linear-gradient(25.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--82:after {
  background-image: linear-gradient(25.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--83:after {
  background-image: linear-gradient(28.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--83:after {
  background-image: linear-gradient(28.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--83:after {
  background-image: linear-gradient(28.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--84:after {
  background-image: linear-gradient(32.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--84:after {
  background-image: linear-gradient(32.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--84:after {
  background-image: linear-gradient(32.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--85:after {
  background-image: linear-gradient(36deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--85:after {
  background-image: linear-gradient(36deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--85:after {
  background-image: linear-gradient(36deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--86:after {
  background-image: linear-gradient(39.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--86:after {
  background-image: linear-gradient(39.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--86:after {
  background-image: linear-gradient(39.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--87:after {
  background-image: linear-gradient(43.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--87:after {
  background-image: linear-gradient(43.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--87:after {
  background-image: linear-gradient(43.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--88:after {
  background-image: linear-gradient(46.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--88:after {
  background-image: linear-gradient(46.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--88:after {
  background-image: linear-gradient(46.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--89:after {
  background-image: linear-gradient(50.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--89:after {
  background-image: linear-gradient(50.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--89:after {
  background-image: linear-gradient(50.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--90:after {
  background-image: linear-gradient(54deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--90:after {
  background-image: linear-gradient(54deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--90:after {
  background-image: linear-gradient(54deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--91:after {
  background-image: linear-gradient(57.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--91:after {
  background-image: linear-gradient(57.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--91:after {
  background-image: linear-gradient(57.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--92:after {
  background-image: linear-gradient(61.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--92:after {
  background-image: linear-gradient(61.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--92:after {
  background-image: linear-gradient(61.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--93:after {
  background-image: linear-gradient(64.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--93:after {
  background-image: linear-gradient(64.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--93:after {
  background-image: linear-gradient(64.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--94:after {
  background-image: linear-gradient(68.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--94:after {
  background-image: linear-gradient(68.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--94:after {
  background-image: linear-gradient(68.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--95:after {
  background-image: linear-gradient(72deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--95:after {
  background-image: linear-gradient(72deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--95:after {
  background-image: linear-gradient(72deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--96:after {
  background-image: linear-gradient(75.6deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--96:after {
  background-image: linear-gradient(75.6deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--96:after {
  background-image: linear-gradient(75.6deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--97:after {
  background-image: linear-gradient(79.2deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--97:after {
  background-image: linear-gradient(79.2deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--97:after {
  background-image: linear-gradient(79.2deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--98:after {
  background-image: linear-gradient(82.8deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--98:after {
  background-image: linear-gradient(82.8deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--98:after {
  background-image: linear-gradient(82.8deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--99:after {
  background-image: linear-gradient(86.4deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--99:after {
  background-image: linear-gradient(86.4deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--99:after {
  background-image: linear-gradient(86.4deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.progress--100:after {
  background-image: linear-gradient(90deg, #0137fc 50%, transparent 50%, transparent), linear-gradient(270deg, #0137fc 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.error.progress--100:after {
  background-image: linear-gradient(90deg, #f5222d 50%, transparent 50%, transparent), linear-gradient(270deg, #f5222d 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-progress-circle.success.progress--100:after {
  background-image: linear-gradient(90deg, #52c41a 50%, transparent 50%, transparent), linear-gradient(270deg, #52c41a 50%, #f5f5f5 50%, #f5f5f5);
}

.bs-popover-inner.bs-popover-confirm {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9 ;
  border: 0;
}
.bs-popover-inner.bs-popover-confirm .popover-body {
  padding: 0;
}
.bs-popover-inner.bs-popover-confirm .bs-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  background: #fff;
}
.bs-popover-inner.bs-popover-confirm .bs-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.bs-popover-inner.bs-popover-confirm .bs-popover-inner-content p {
  margin: 0;
}

.bs-popover-confirm-desc {
  display: flex;
}
.bs-popover-confirm-desc .bs-popover-confirm-icon {
  margin-right: 5px;
}
.bs-popover-confirm-desc .bs-popover-confirm-icon.icon-basic i {
  color: #0137fc;
}
.bs-popover-confirm-desc .bs-popover-confirm-icon.icon-error i {
  color: #f5222d;
}
.bs-popover-confirm-desc .bs-popover-confirm-icon.icon-success i {
  color: #52c41a;
}
.bs-popover-confirm-desc .bs-popover-confirm-icon.icon-warning i {
  color: #faad14;
}

.bs-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595959;
  list-style: none;
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.bs-tag a {
  color: rgba(0, 0, 0, 0.65);
}
.bs-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.bs-tag.site-tag-plus {
  background: #fff;
  border-style: dashed;
  cursor: pointer;
}
.bs-tag .bs-tag-close-icon {
  color: #595959;
  cursor: pointer;
}
.bs-tag .bs-tag-close-icon i {
  position: relative;
  top: 1px;
}
.bs-tag .bs-tag-close-icon:hover {
  color: #262626;
}
.bs-tag .bs-tag-close-icon:focus {
  outline: 0;
}
.bs-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.bs-tag .anticon-close {
  display: inline-block;
  font-size: 10px;
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.bs-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.bs-tag > .anticon + span {
  margin-left: 7px;
}
.bs-tag > span + .anticon {
  margin-left: 7px;
}

.bs-tag-has-color {
  border-color: transparent;
  color: #fff;
}
.bs-tag-has-color a {
  color: #fff;
}
.bs-tag-has-color a:hover {
  color: #fff;
}
.bs-tag-has-color .anticon-close {
  color: #fff;
}
.bs-tag-has-color .anticon-close:hover {
  color: #fff;
}

.bs-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.bs-tag-checkable:not(.bs-tag-checkable-checked):hover {
  color: #1890ff;
}
.bs-tag-checkable:active {
  color: #fff;
  background-color: #096dd9;
}

.bs-tag-checkable-checked {
  color: #fff;
  background-color: #1890ff;
}

.bs-tag-hidden {
  display: none;
}

.bs-tag-gray {
  color: #1f2937;
  background: #e5e7eb;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-gray-2 {
  color: #1f2937;
  background: #e5e7eb;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.bs-tag-gray-3 {
  color: #1f2937;
  background: #f3f4f6;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-gray-4 {
  color: #1f2937;
  background: #d1d5db;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}

.bs-tag-blue {
  color: #0137fc;
  background: #e6f7ff;
  border-color: #9ad0ff;
}

.bs-tag-blue-2 {
  color: #1f2937;
  background: #dbeafe;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-blue-3 {
  background: #1d4ed8;
  color: #fff;
}

.bs-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}

.bs-tag-red-2 {
  color: #1f2937;
  background: #fee2e2;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}

.bs-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}

.bs-tag-orange-2 {
  color: #1f2937;
  background: #fed7aa;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-orange-3 {
  color: #1f2937;
  background: #ffedd5;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-orange-4 {
  color: #1f2937;
  background: #fef3c7;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}

.bs-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}

.bs-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}

.bs-tag-green-2 {
  color: #1f2937;
  background: #d1fae5;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}

.bs-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}

.bs-tag-blue-13 {
  color: #1f2937;
  background-color: #dbeafe;
  border-radius: 4px;
  font-size: 14px;
  line-height: 17px;
  padding: 4px 8px;
  border-width: 0;
}

.bs-tag-indigo {
  color: #3730a3;
  background: #c7d2fe;
}

.bs-tag-indigo-2 {
  color: #1f2937;
  background: #e0e7ff;
  border-width: 0px;
  border-radius: 6.25rem;
  font-size: 14px;
  line-height: 20px;
}

.bs-tag-blue-17 {
  padding: 0.125rem 0.5rem !important;
  color: #1f2937;
  background: #eff6ff;
  border-width: 0px;
}

.bs-tag-pause {
  width: 4.125rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fee2e2;
  border-radius: 6.25rem;
  border: none;
  color: #1f2937;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: normal;
}

.priority {
  border-radius: 1.25rem;
  padding: 0.125rem 0.5rem;
  display: inline-block;
  text-align: center;
}
.priority p {
  margin: 0px;
  line-height: 1.125rem;
}

.transfer-overlay {
  padding: 0.1875rem;
  z-index: 1061;
}
.transfer-overlay.agency-client-dropdown .transfer-container {
  width: 480px;
}
.transfer-overlay.agency-client-dropdown .transfer-container .transfer-list li :hover button {
  border: none;
  background: #eff6ff;
}
.transfer-overlay.agency-client-dropdown .transfer-container .transfer-list li button {
  border: none;
  background: #fff;
}
.transfer-overlay.agency-client-dropdown .transfer-container .transfer-list li.active button {
  border: none;
  background: #eff6ff;
}
.transfer-overlay.bulk-email-account-client .transfer-container {
  width: 406px;
}
.transfer-overlay.general-settings-agency-dropdown .transfer-container {
  width: 406px;
}
.transfer-overlay.custom-outcome-dropdown .transfer-container .transfer-body .transfer-search {
  height: 32px;
}
.transfer-overlay.custom-outcome-dropdown.transfer-container-transform .transfer-container {
  transform: translateY(-437px);
  min-height: 458px;
}
.transfer-overlay.custom-outcome-dropdown.transfer-container-transform .transfer-container .transfer-body .transfer-content {
  word-break: break-all;
  max-height: none;
  overflow-y: initial;
}
.transfer-overlay.custom-outcome-dropdown.transfer-container-dynamic-top .transfer-container {
  max-height: 335px;
  min-height: 335px;
  overflow-y: scroll;
  transform: translate(9px, -371px);
}
.transfer-overlay.custom-outcome-dropdown.transfer-container-dynamic-top .transfer-container .transfer-body .transfer-content {
  word-break: break-all;
  max-height: none;
  overflow-y: initial;
}
.transfer-overlay.custom-outcome-dropdown.transfer-container-dynamic-bottom .transfer-container {
  max-height: 335px;
  min-height: 335px;
  overflow-y: scroll;
  transform: translateX(9px);
}
.transfer-overlay.custom-outcome-dropdown.transfer-container-dynamic-bottom .transfer-container .transfer-body .transfer-content {
  word-break: break-all;
  max-height: none;
  overflow-y: initial;
}

.transfer-container {
  border-radius: 0.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  min-width: 14.5rem;
}
.transfer-container .transfer-header {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #e8e8e8;
}
.transfer-container .transfer-body {
  position: relative;
  padding: 0.5rem 0px;
}
.transfer-container .transfer-body .transfer-disabled {
  background: #f5f5f5;
  position: absolute;
  height: 100%;
  z-index: 999;
  width: 100%;
  opacity: 0.5;
  cursor: not-allowed;
}
.transfer-container .transfer-body .transfer-body-title {
  margin: 0 0.375rem;
  display: flex;
  padding: 0.5rem 0 0.25rem 0;
}
.transfer-container .transfer-body .transfer-search {
  height: 2.5rem;
  background-color: #f9fafb;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 1rem 0.375rem 1rem;
}
.transfer-container .transfer-body .transfer-search .transfer-search-input {
  height: 1.25rem;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  align-items: center;
}
.transfer-container .transfer-body .transfer-search .transfer-search-input:hover, .transfer-container .transfer-body .transfer-search .transfer-search-input:focus-within {
  border: none;
  border-color: transparent;
  border-right-width: 0;
  box-shadow: none;
}
.transfer-container .transfer-body .transfer-search .transfer-search-input input {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #111827;
  background-color: transparent;
}
.transfer-container .transfer-body .transfer-search .transfer-search-input input::placeholder {
  color: #9ca3af;
}
.transfer-container .transfer-body .transfer-search .transfer-search-input .sh-search {
  color: #9ca3af;
}
.transfer-container .transfer-body .transfer-search .transfer-search-input span {
  margin-left: 0 !important;
  margin-top: 0.0625rem;
}
.transfer-container .transfer-body .transfer-tags {
  margin: 0.375rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e8e8e8;
}
.transfer-container .transfer-body .transfer-content {
  max-height: 15.725rem;
  overflow-y: auto;
  word-break: break-all;
}
.transfer-container .transfer-body .transfer-content .bs-tabs-nav {
  margin-bottom: 0;
}
.transfer-container .transfer-body .transfer-content::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
}
.transfer-container .transfer-body .transfer-content::-webkit-scrollbar-track {
  background-color: transparent;
}
.transfer-container .transfer-body .transfer-content::-webkit-scrollbar-thumb {
  background-color: #b0adab;
  border-radius: 16px;
  border: 3px solid #fff;
}
.transfer-container .transfer-body .transfer-content .transfer-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1px;
  padding: 0px 24px;
  background: #e5e7eb;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.transfer-container .transfer-body .transfer-content .transfer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.transfer-container .transfer-body .transfer-content .transfer-list div > li {
  padding: 0.625rem 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  color: #1f2937;
}
.transfer-container .transfer-body .transfer-content .transfer-list div > li:last-child {
  border-bottom: 0;
}
.transfer-container .transfer-body .transfer-content .transfer-list div > li:hover {
  background-color: #eff6ff;
}
.transfer-container .transfer-body .transfer-content .transfer-list div > li.active {
  background-color: #eff6ff;
}
.transfer-container .transfer-body .transfer-content .transfer-list div > li small {
  font-size: 12px;
  line-height: 20px;
  color: #bfbfbf;
}
.transfer-container .transfer-body .transfer-content .transfer-list div > li .checkbox-wrapper {
  margin-right: 0.5rem;
}
.transfer-container .transfer-body .transfer-content .transfer-empty {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.725rem 0;
}
.transfer-container .transfer-body .transfer-content .transfer-empty img {
  height: 2.5rem;
  margin-bottom: 0.5rem;
}
.transfer-container .transfer-body .transfer-content .load-more-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}
.transfer-container .transfer-body .transfer-extra-content {
  max-height: 6.725rem;
}
.transfer-container .transfer-body .transfer-footer {
  padding: 0.4rem 1rem;
}
.transfer-container .transfer-body .transfer-footer .custom-outcome-dropdown-footer {
  display: flex;
  align-items: center;
  align-self: stretch;
  background: #ffffff;
  cursor: pointer;
  justify-content: center;
  margin: auto;
  padding-top: 0.5rem;
  border: none;
}
.transfer-container .transfer-body .transfer-footer .custom-outcome-dropdown-footer p {
  color: #1d4ed8;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.transfer-container .transfer-body .transfer-content .transfer-list div > li:hover {
  background-color: #eff6ff;
}

.bs-select-box {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #595959;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  transition: all 0.3s;
  user-select: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bs-select-box:hover {
  border-color: #346aff;
  border-right-width: 1px !important;
}
.bs-select-box:focus {
  border-color: #346aff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.5);
}
.bs-select-box .bs-select-box-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bs-select-box .bs-select-box-text.placeholder {
  color: #bfbfbf;
}
.bs-select-box .bs-select-box-icon-wrapper {
  display: flex;
  align-items: center;
  color: #1f2937;
  margin-left: 0.5rem;
}

.bs-select-box-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}

.bs-select-box-sm {
  padding: 0 7px;
}

.bs-select-box-disabled {
  color: #bfbfbf;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.bs-select-box-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}

.transfer-select-box .transfer-container {
  min-width: unset;
}

.ribbon {
  position: absolute;
  width: 2.625rem;
  height: 1.25rem;
  right: -8px;
  top: -0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  border-radius: 1px 1px 0px 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ribbon:after,
.ribbon:before {
  content: "";
  position: absolute;
}

.ribbon:before {
  height: 0;
  width: 0;
  bottom: -0.53125rem;
  right: 0.1px;
  border-right: 0.5625rem solid transparent;
}

.ribbon.rib-primary {
  background: #1d4ed8;
}

.ribbon.rib-primary:before {
  border-top: 0.5625rem solid #1d4ed8;
}

.ribbon.rib-success {
  background: #52c41a;
}

.ribbon.rib-success:before {
  border-top: 0.5625rem solid #52c41a;
}

.ribbon.rib-warning {
  background: #fadb14;
}

.ribbon.rib-warning:before {
  border-top: 0.5625rem solid #fadb14;
}

.ribbon.rib-danger {
  background: #dc2626;
}

.ribbon.rib-danger:before {
  border-top: 0.5625rem solid #b91c1c;
}

.bs-mr-5 {
  margin-right: 5px !important;
}

.bs-ml-5 {
  margin-left: 5px !important;
}

.bs-mt-2 {
  margin-top: 2px !important;
}

.bs-mt-3 {
  margin-top: 0.1875rem !important;
}

.bs-mt-5 {
  margin-top: 5px !important;
}

.bs-mb-5 {
  margin-bottom: 5px !important;
}

.bs-mt-6 {
  margin-top: 0.375rem !important;
}

.bs-mt-10 {
  margin-top: 10px !important;
}

.bs-mt-12 {
  margin-top: 12px !important;
}

.bs-mr-10 {
  margin-right: 10px !important;
}

.bs-mr-12 {
  margin-right: 12px !important;
}

.bs-ml-10 {
  margin-left: 10px !important;
}

.bs-ml-12 {
  margin-left: 12px !important;
}

.bs-mb-10 {
  margin-bottom: 10px !important;
}

.bs-mb-12 {
  margin-bottom: 12px !important;
}

.bs-mt-15 {
  margin-top: 15px !important;
}

.bs-mt-18 {
  margin-top: 1.125rem !important;
}

.bs-mr-15 {
  margin-right: 15px !important;
}

.bs-ml-15 {
  margin-left: 15px !important;
}

.bs-mb-15 {
  margin-bottom: 15px !important;
}

.bs-mt-20 {
  margin-top: 20px !important;
}

.bs-mr-20 {
  margin-right: 20px !important;
}

.bs-mb-20 {
  margin-bottom: 20px !important;
}

.bs-ml-20 {
  margin-left: 20px !important;
}

.bs-mt-30 {
  margin-top: 30px !important;
}

.bs-mr-30 {
  margin-right: 30px !important;
}

.bs-mb-30 {
  margin-bottom: 30px !important;
}

.bs-ml-30 {
  margin-left: 30px !important;
}

.bs-ml-34 {
  margin-left: 32px !important;
}

.bs-ml-36 {
  margin-left: 2.25rem !important;
}

.bs-mt-32 {
  margin-top: 32px !important;
}

.bs-mr-32 {
  margin-right: 32px !important;
}

.bs-mb-32 {
  margin-bottom: 32px !important;
}

.bs-ml-32 {
  margin-left: 32px !important;
}

.bs-ml-34 {
  margin-left: 32px !important;
}

.bs-ml-36 {
  margin-left: 2.25rem !important;
}

.bs-pt-2 {
  padding-top: 2px !important;
}

.bs-pb-2 {
  padding-bottom: 2px !important;
}

.bs-py-6 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.bs-px-12 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.bs-ml-6 {
  margin-left: 6px !important;
}

.bs-border-radius-4 {
  border-radius: 0.25rem !important;
}

.bs-border-radius-8 {
  border-radius: 0.5rem !important;
}

.bs-border-radius-50 {
  border-radius: 50% !important;
}

.bs-no-margin {
  margin: 0px !important;
}

.bs-align-self-start {
  align-self: flex-start;
}

.divider {
  height: 1px;
  background: #e8e8e8;
  display: flex;
  margin: 1rem 0;
  width: 100%;
}

.no-shadow {
  box-shadow: none !important;
}

/*Skeleton loading start*/
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.sequence-header.header-skeleton h1 {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  width: 12rem;
  position: relative;
  text-indent: -99999px;
}
.sequence-header.header-skeleton p {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  width: 20rem;
  position: relative;
  text-indent: -99999px;
}
.sequence-header.header-skeleton p:active {
  background-color: #e8e8e8;
}
.sequence-header.header-skeleton .btn-solid {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  width: 11rem;
  position: relative;
  border: 0;
  text-indent: -99999px;
}
.sequence-header.header-skeleton .new-sequence-title {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  width: 12rem;
  position: relative;
  text-indent: -99999px;
}
.sequence-header.header-skeleton .steps-top-action .switchToggle {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  position: relative;
  width: 6.25rem;
  text-indent: -99999px;
}
.sequence-header.header-skeleton h1:after,
.sequence-header.header-skeleton p:after,
.sequence-header.header-skeleton .btn-solid:after,
.sequence-header.header-skeleton .new-sequence-title:after,
.sequence-header.header-skeleton .steps-top-action .switchToggle:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite;
  content: "";
}

.step-list-skeleton {
  display: flex;
  flex: 1;
}
.step-list-skeleton ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.step-list-skeleton ul li {
  padding: 0.875rem 0.8rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.step-list-skeleton ul li .step-title {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  width: 22rem;
  position: relative;
}
.step-list-skeleton ul li .step-list-inner-skeleton {
  display: flex;
  flex-direction: column;
  padding: 0 2rem 0 4rem;
  margin-top: 1rem;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton .step-skeleton-left {
  padding: 0.375rem;
  display: flex;
  align-items: center;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton .step-skeleton-left .box-skeleton {
  width: 2.625rem;
  height: 2.625rem;
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  position: relative;
  margin-right: 0.4375rem;
  overflow: hidden;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton .step-skeleton-left .step-desc-skeleton p {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  width: 18rem;
  position: relative;
  margin: 0 0 2px 0;
  overflow: hidden;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton .step-skeleton-left .step-desc-skeleton span {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  width: 14rem;
  position: relative;
  display: flex;
  overflow: hidden;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton .step-skeleton-right {
  display: flex;
  align-items: center;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton .step-skeleton-right .box-skeleton {
  width: 2.625rem;
  height: 2.625rem;
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  position: relative;
  margin-right: 0.4375rem;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton .step-skeleton-right .action-skeleton {
  width: 1.5rem;
  height: 1.9375rem;
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  position: relative;
}
.step-list-skeleton ul li .step-list-inner-skeleton .step-sub-list-skeleton.full-skeleton {
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  position: relative;
  min-height: 3.375rem;
}
.step-list-skeleton .step-title:after,
.step-list-skeleton .box-skeleton:after,
.step-list-skeleton .step-desc-skeleton p:after,
.step-list-skeleton .step-desc-skeleton span:after,
.step-list-skeleton .action-skeleton:after,
.step-list-skeleton .full-skeleton:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite;
  content: "";
}

.table-list tr .hoverable-cell--actions {
  display: none !important;
}
.table-list tr:hover {
  background: #f9fafb !important;
}
.table-list tr:hover .hoverable-cell--content {
  display: none !important;
}
.table-list tr:hover .hoverable-cell--actions {
  display: flex !important;
  animation: iconsAnimation 0.2s ease-in-out forwards;
}

@keyframes iconsAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sequence-list .skeleton-row .checkbox-skeleton {
  width: 1rem;
  height: 1rem;
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  position: relative;
}
.sequence-list .skeleton-row .title-skeleton {
  width: 20rem;
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  margin: 0;
  position: relative;
}
.sequence-list .skeleton-row .round-skeleton {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #e8e8e8;
  border-radius: 100%;
  position: relative;
}
.sequence-list .skeleton-row .action-skeleton {
  width: 1.5rem;
  height: 1.9375rem;
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  position: relative;
}
.sequence-list .skeleton-row .state-row {
  opacity: 1;
}
.sequence-list .skeleton-row .state-row .box-skeleton {
  width: 3.125rem;
  height: 3.125rem;
  background-color: #e8e8e8;
  border-radius: 0.25rem;
  position: relative;
  margin-left: 0.4375rem;
}
.sequence-list .checkbox-skeleton:after,
.sequence-list .title-skeleton:after,
.sequence-list .round-skeleton:after,
.sequence-list .action-skeleton:after,
.sequence-list .box-skeleton:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite;
  content: "";
}
.sequence-list .sequence-table-header.table-organism-header {
  border: 0px solid #f3f4f6 !important;
}
.sequence-list .sequence-body-wrapper > tr {
  border: 1px solid #e8e8e8 !important;
  padding-left: 2rem !important;
}
.sequence-list .sequence-body-wrapper > tr .sequence-total-text {
  position: relative;
}
.sequence-list .sequence-body-wrapper > tr .sequence-total-text::after {
  content: "";
  position: absolute;
  right: 0;
  margin-right: -0.5rem;
  bottom: -0.675rem;
  background: #e5e7eb;
  width: 0.125rem;
  height: 2.6875rem;
}
.sequence-list .sequence-body-wrapper > tr .created-by-wrap {
  height: 1.8rem;
  min-width: 9rem;
  max-width: 9rem;
}
.sequence-list .sequence-body-wrapper > tr .created-by-wrap .sequence-created-by {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sequence-list .sequence-body-wrapper > tr .sequence-actions {
  width: 7rem;
  margin-left: -0.5rem;
}
.sequence-list .sequence-body-wrapper > tr .hoverable-cell--actions {
  display: none;
}
.sequence-list .sequence-body-wrapper > tr:hover {
  background: #f9fafb !important;
}
.sequence-list .sequence-body-wrapper > tr:hover .hoverable-cell--content {
  display: none;
}
.sequence-list .sequence-body-wrapper > tr:hover .hoverable-cell--actions {
  display: block;
}
.sequence-list .sequence-body-wrapper > tr > td {
  padding: 1.25rem 0.75rem !important;
}
.sequence-list .sequence-body-wrapper > tr > td:first-child {
  padding-left: 2rem !important;
}
.sequence-list .sequence-avatar .bs-avatar-string {
  color: #1d4ed8 !important;
  font-size: 0.8rem;
}

/*Skeleton loading end*/
.header-justify-content-center {
  justify-content: center;
}

.header-justify-content-end {
  justify-content: flex-end;
}

.flex-flow-wrap {
  flex-flow: wrap;
}

.link {
  color: #1d4ed8;
  text-decoration: underline;
}
.link:hover {
  color: #1d4ed8;
}

.link-2 {
  color: #1d4ed8;
}
.link-2:hover {
  color: #1d4ed8;
}

.font-monospace {
  font-family: monospace !important;
}

.font-italic {
  font-style: italic;
}

.underline-txt {
  text-decoration: underline;
}

.hover-underline:hover {
  text-decoration: underline;
}

.icon-hover {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}
.icon-hover:hover {
  background-color: #eff6ff;
}

.empty-avatar {
  background-color: #dbeafe;
  padding: 0.5rem;
  border-radius: 50%;
}

.z-idx-1 {
  z-index: 1 !important;
}

.shd--user-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.0625rem solid #dbeafe;
  background: #eff6ff;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shd--user-avatar svg {
  display: block;
  color: #1d4ed8;
}
.shd--user-avatar__md {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.375rem;
}
.shd--user-avatar__md svg {
  width: 0.75rem;
  height: 0.75rem;
}