/* /Pages/Authorized/ActivityFeed.razor.rz.scp.css */

[b-4zp82002hl] .container-fluid {
    border-bottom: none !important;
}

[b-4zp82002hl] .e-linkheader {
    display: none !important;
}
[b-4zp82002hl] .e-list-virtualcontainer {
    display: grid;
    position: relative;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    margin-top: 15px;
}
[b-4zp82002hl] .e-list-virtualcontainer {
    display: grid;
    position: relative;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    margin-top: 15px;
}

[b-4zp82002hl] .e-listview {
    height: auto !important;
    border: transparent !important;
}

[b-4zp82002hl] .e-list-item > .container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
}

[b-4zp82002hl] .e-listview {
    height: auto !important;
    border: transparent !important;
}

[b-4zp82002hl] .e-list-item > .container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
}

[b-4zp82002hl] #rteEmoticons-smiley {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10px, 1fr));
    gap: 10px; /* Adjust the gap between grid items */
}

[b-4zp82002hl] #rteEmoticons-animal {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10px, 1fr));
    gap: 10px; /* Adjust the gap between grid items */
}

[b-4zp82002hl] .char_block {
    /*  background-color: #ddd;
         padding: 20px; */
    text-align: center;
}

[b-4zp82002hl] .emoticons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust the gap between emoticons as needed */
}


 /* To Hide Video Link Url from rich text editor   */
[b-4zp82002hl] .e-video-url-wrap {
    display: none !important;
}

.arrow-line[b-4zp82002hl] {
    position: relative;
    height: 2px;
    background: black;
    width: auto;
}

.arrow-head[b-4zp82002hl] {
    position: absolute;
    right: -10px;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent black;
    transform: rotate(0deg); /* Add this line */
}


.straight-line[b-4zp82002hl] {
    width: 100px;
    height: 2px;
    background-color: black;
    position: relative;
}

.curved-line[b-4zp82002hl] {
    width: 50px;
    height: 50px;
    border-top: solid 2px black;
    border-right: solid 2px black;
    border-radius: 50%;
    transform: rotate(-45deg);
    margin-top: -50px;
    margin-left: 50px;
}

.dashed-circle-success[b-4zp82002hl] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #00A558;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}

.dashed-circle-fail[b-4zp82002hl] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #DC042166;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}
.dashed-circle-blue[b-4zp82002hl] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #9FB7D5;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}


audio[b-4zp82002hl] {
    width: 300px;
    height: 25px;
    background-color: #fff;
    border-radius: 10px;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    audio[b-4zp82002hl]::-webkit-media-controls-panel {
        background-color: #fff;
        border-radius: 10px;
        color: #000;
    }

    audio[b-4zp82002hl]::-webkit-media-controls-play-button,
    audio[b-4zp82002hl]::-webkit-media-controls-volume-slider-container {
        color: #000;
    }



.contain[b-4zp82002hl] {
    position: sticky !important;
    top: 0;
    z-index: 999;
    padding-top: 20px;
    background: #fff;
    padding: 0px;
    padding-bottom: 21px;
}

[b-4zp82002hl] .e-listview .e-list-item {
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 1px;
    border-bottom: 0px solid !important;
}

[b-4zp82002hl] .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error)[b-4zp82002hl] {
    border-radius: 10px !important;
}

[b-4zp82002hl] .row.pt-1.align-items-center {
    box-shadow: inset 0 1px 10px -2.5px #B200ED;
    border-radius: 10px;
}

[b-4zp82002hl] #titleCenterAllign {
    margin-top: 10px;
}

[b-4zp82002hl] #btnCSS {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

[b-4zp82002hl] .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist[b-4zp82002hl] {
    background-color: #fff !important;
    color: #212529 !important;

}

[b-4zp82002hl] .e-list-item e-level-1 {
    border-bottom: 0px none !important;
}

/* ::deep p { */
    /* margin-left: 20px; */
     /* margin-left: 50px !important;
    margin-top: -17px !important; */
    /* color: blue !important; */
/* } */

[b-4zp82002hl] li {
    margin-bottom: 14px;
}

.scroll-container[b-4zp82002hl] {
    scroll-behavior: smooth;
}

[b-4zp82002hl] #ActivityFeedListDiv li {
    height: auto !important;
}

[b-4zp82002hl] .e-hover {
    background-color: white !important;
    border-color: white !important;
    /*  // color: white !important; */
}

[b-4zp82002hl] .loaderCC {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid;
    border-color: #421cd9 #0000;
    animation: l1 1s infinite;
    margin-left: 45% !important;
}


.emoticons-container[b-4zp82002hl] {
    display: grid;
    grid-template-columns: repeat(15, 1fr); /* 15 items per row */
}

.char_block[b-4zp82002hl] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px; /* Adjust based on the size of your emoticons */
    cursor: pointer;
}

.char_block.ActiveClass[b-4zp82002hl] {
    background-color: #e0e0e0; /* Highlight selected icon */
}
[b-4zp82002hl] .emoticons-container {
    display: flex;               /* Use flexbox for layout */
    flex-wrap: wrap;             /* Allow items to wrap onto a new line when necessary */
    justify-content: flex-start; /* Align items to the start of the container */
    gap: 10px;                   /* Optional: Adds space between emojis */
    overflow: hidden;            
}

[b-4zp82002hl] .char_block {
    font-size: 2em; /* Increase the size of the emoticons */
    cursor: pointer;
    padding: 0; /* Add padding around the emoticons */
    border: 1px solid transparent; /* Add a border for better visibility */
    border-radius: 5px; /* Add border radius for rounded corners */
    transition: background-color 0.3s, border-color 0.3s; /* Add transition for hover effect */
}
[b-4zp82002hl] .char_block.e-active {
    background-color: rgb(57 59 70 / 50%);
}

[b-4zp82002hl] .char_block:hover {
    background-color: #f0f0f0; /* Change background color on hover */
    border-color: #ccc; /* Change border color on hover */
}

[b-4zp82002hl] .ActiveClass {
    background-color: #d0d0d0; /* Active background color */
    border-color: #999; /* Active border color */
}
[b-4zp82002hl] .likes-comments-box svg {
    position: relative;
    top: 5px;
    display: block;
    margin-right: 8px;
}

/*Not sure what this doing. It breaks the tooltip in certain resolutions when showing who Liked the comment*/
[b-4zp82002hl] .row.justify-content-center.ps-2 > div:first-child{
    /* position: relative; */
}

/*Not sure what this doing. It breaks the tooltip in certain resolutions when showing who Liked the comment*/
[b-4zp82002hl] .row.justify-content-center.ps-2 > div:first-child::after {
   /*
   
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-right: 1px solid #dee2e6;
    width: 310px;
    height: 100%;
   */
   
}
[b-4zp82002hl] .main-comment-box.rounded-pill.p-2.e-input-group.e-control-container{
    border-radius: 50px !important;
} 
[b-4zp82002hl] .e-dropdown-menu .e-item.e-code,
[b-4zp82002hl] .e-dropdown-menu .e-item.e-quote,
[b-4zp82002hl] ul.e-dropdown-menu li.e-item[title="Align Right"],
[b-4zp82002hl] ul.e-dropdown-menu li.e-item[title="Align Justify"]
{
    display: none;
}
[b-4zp82002hl] .e-imginline{
   max-height: 500px;
    max-width: 500px;
}
/* /Pages/Authorized/ActivityFeedDetails.razor.rz.scp.css */
[b-2yj18c9zkp] .likes-comments-box {
    font-size: 14px;
    font-weight: 400;
}

[b-2yj18c9zkp] .likes-comments-box svg{
    position: relative;
    top: 5px;
    display: block;
    margin-right: 8px;
}

[b-2yj18c9zkp] .row justify-content-center ps-2 pt-2 pb-2 {
    display: flex;
    justify-content: center !important;
}

[b-2yj18c9zkp] .row.justify-content-center.ps-2.pt-2.pb-2 > div:first-child {
    /* border-right: 1px solid #dee2e6; */
    position: relative;
}
[b-2yj18c9zkp] .row.justify-content-center.ps-2.pt-2.pb-2.custom_padding_zero > div:first-child::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-right: 1px solid #dee2e6;
    width: 1px;
    height: 100%;   
}

/* ::deep .row.justify-content-center.ps-2.pt-2.pb-2 > div:last-child {
    margin-left: 15vw;
} */

[b-2yj18c9zkp] .container-fluid {
    margin-bottom: 40px !important
}

[b-2yj18c9zkp] #backBtnCss {
    margin-left: 25px;
    margin-bottom: 15px;
    font-size: large;
}

[b-2yj18c9zkp] .main_comment_section .offset-2:before {
    margin-left: -9px;
}

[b-2yj18c9zkp] .test-2-inner:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: calc(50% + 52px) !important;
    width: 1px;
    background: #b5b5b5;
    left: calc(0px - 15px);
}

[b-2yj18c9zkp] .test-1:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 45px;
    height: calc(50% + 52px) !important;
    width: 1px;
    background: #b5b5b5;
}

[b-2yj18c9zkp] .comments-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 750px;
    /* Set a max width for better readability */
}

[b-2yj18c9zkp] .comment {
    background-color: #f8f9fa;
    /* Light background color for comments */
    border: 1px solid #dee2e6;
    /* Light border for comments */
    border-radius: 15px;
    /* Rounded corners */
    padding: 1rem;
    /* Padding inside the comment box */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for a slight 3D effect */
}

[b-2yj18c9zkp] .comment-info {
    font-size: 0.875rem;
    /* Slightly smaller font size */
    color: #495057;
    /* Darker text color for info */
}

[b-2yj18c9zkp] .text-success {
    color: blue !important;
    margin-left: 8px;
    /* blue color for liked notification */
}

[b-2yj18c9zkp] .mb-0 {
    margin-bottom: 0;
    /* Remove default bottom margin for paragraphs */
}

[b-2yj18c9zkp] .comment-background {
    border-radius: 10px !important;
    background-color: #ffb6c129;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    width: fit-content;
    display: flex;
    flex-direction: column;
}

[b-2yj18c9zkp] .like-reply {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
}

[b-2yj18c9zkp].sub-comments-container {

    /* Indent sub-comments for clarity */
}

[b-2yj18c9zkp] .row.align-items-start {
    display: flex;
    align-items: flex-start;
    /* Align icons and text at the top */
}

[b-2yj18c9zkp] .row.pt-1.align-items-center {
    box-shadow: inset 0 1px 10px -2.5px #B200ED;
    border-radius: 10px;
}

[b-2yj18c9zkp] .date-time-comment{
    font-size: 12px !important;
    
} 


[b-2yj18c9zkp] .e-control.e-btn.e-lib.e-primary.custom-back-button {
    position: relative;
    top: -18px;
}
[b-2yj18c9zkp] .row.justify-content-center.ps-2.bl_line{
    border-right: 2px solid #ffb6c185 !important;
}
[b-2yj18c9zkp] .custom_padding_zero{
    padding-top: 0  !important;
    padding-bottom: 0  !important;
}

[b-2yj18c9zkp] .likes-comments-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-2yj18c9zkp] .afd_comment_area .section-panel {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
[b-2yj18c9zkp] .ba_content_data{
    display: flex;
    flex-direction: column;
    margin-left: 25px;
    position: relative;
    top: -4px;
}
[b-2yj18c9zkp] .ba_content_data span{
    font-size: 14px;
    display: block;
    margin-left: 0  !important;
}
[b-2yj18c9zkp] .ba_content_data span.small{
    font-size: 12.25px;
    color: #6c757d;
} 
[b-2yj18c9zkp] .ml-minus{
    margin-left: -10px;
}
[b-2yj18c9zkp] .font14{
    font-size: 14px;
}
.cc_comment_line-1[b-2yj18c9zkp]{
    position: relative;
}
.cc_comment_line-1[b-2yj18c9zkp]::before{
    content: "";
    position: absolute;
    top: 7px;
    left: -34px;
    height: 100%;
    width: 1px;
    background: #b5b5b5;
}

.cc_comment_line-2 .col-auto.pe-0[b-2yj18c9zkp]{
    position: relative;
}
.cc_comment_line-2 .col-auto.pe-0[b-2yj18c9zkp]::before{
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: -21px;
    width: 43px;
    position: absolute;
    height: 1px;
    background: #b5b5b5;
}
[b-2yj18c9zkp] .comment-background .row .col span:first-child{
    font-size: 14px !important;
} 
[b-2yj18c9zkp] .col.com_text {
    font-size: 14px !important;
}
[b-2yj18c9zkp] .cc_comment_line-2:last-child{
    position: relative;
}
[b-2yj18c9zkp] .cc_comment_line-2:last-child::before{
    content: "";
    position: absolute;
    top: 36px;
    left: -68px;
    height: 100%;
    width: 1px;
    background: #fafbff;
}
[b-2yj18c9zkp] .cc_comment_line-2:last-child::after{
    content: "";
    position: absolute;
    top: 31px;
    left: -22px;
    height: 100%;
    width: 2px;
    background: #fafbff;
}
[b-2yj18c9zkp] .col-auto.pe-0{
    position: relative;
    z-index: 99;
}

[b-2yj18c9zkp] .dashed-circle-success {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #00A558;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}

[b-2yj18c9zkp] .dashed-circle-fail {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #DC042166;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}
[b-2yj18c9zkp] .dashed-circle-blue {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #9FB7D5;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}
[b-2yj18c9zkp] .row.pt-1.align-items-center.chat {
    box-shadow: inset 0 1px 10px -2.5px #FFAC64;
    border-radius: 10px;
}
[b-2yj18c9zkp] .border-top-success {
    border-top: 3px dashed #00A558;
    height: 0;
}

[b-2yj18c9zkp] .border-top-fail {
    border-top: 3px dashed #DC042166;
    height: 0;
}
/* /Pages/Authorized/ActivityFeedTemplate.razor.rz.scp.css */
[b-8zmf6ci2kf] .covertext p{
    word-break: break-all;
}
[b-8zmf6ci2kf] .call-status-container {
    display: flex;
    align-items: center;
}

[b-8zmf6ci2kf] .call-status-line {
    flex-grow: 1;
}

[b-8zmf6ci2kf] .border-top-success {
    border-top: 3px dashed #00A558;
    height: 0;
}

[b-8zmf6ci2kf] .border-top-fail {
    border-top: 3px dashed #DC042166;
    height: 0;
}

[b-8zmf6ci2kf] .call-status-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-8zmf6ci2kf] .dashed-circle-success {
    border: 3px dashed #00A558;
    padding: 10px;
    display: inline-block;
    border-radius: 50%;
}
[b-8zmf6ci2kf] .dashed-circle-blue {
    border: 3px dashed #9FB7D5;
    padding: 10px;
    display: inline-block;
    border-radius: 50%;
}

[b-8zmf6ci2kf] .dashed-circle-fail {
    border: 3px dashed #DC042166;
    padding: 10px;
    display: inline-block;
    border-radius: 50%;
}
[b-8zmf6ci2kf] .call-container .section-panel.p-3.py-2{
    padding: 0 !important;
} 
[b-8zmf6ci2kf] .call-container .section-panel.p-3.py-2 .row:first-child{
    display: none !important;
}
[b-8zmf6ci2kf] .call-container .section-panel.p-3.py-2 .row .p-2{
    padding: 0 !important;
}
[b-8zmf6ci2kf] .row.pt-1.align-items-center.chat {
    box-shadow: inset 0 1px 10px -2.5px #FFAC64;
    border-radius: 10px;
}
/* /Pages/Authorized/Analytics.razor.rz.scp.css */



.analytics-panel[b-uokljctjvg] {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.head-panel[b-uokljctjvg] {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}


.initiated-call[b-uokljctjvg] {
    background-color: #e0e0e0;
}

.no-answer-call[b-uokljctjvg] {
    background-color: #ffd7cc;
}

.missed-call[b-uokljctjvg] {
    background-color: #ffd7cc;
}

.direct-voicemail-call[b-uokljctjvg] {
    background-color: #ffae42;
}

.completed-call[b-uokljctjvg] {
    background-color: #ccffcc;
}

/* Box colour*/
.box-primary[b-uokljctjvg] {
    background: linear-gradient(135deg, #6DD5FA, #2980B9);
    color: white;
}

.box-success[b-uokljctjvg] {
    background: linear-gradient(135deg, #1D976C, #93F9B9);
    color: white;
}

.box-info[b-uokljctjvg] {
    background: linear-gradient(45deg, #138496, #17a2b8, #5bc0de);
    color: white;
}

.box-warning[b-uokljctjvg] {
    background: linear-gradient(90deg, #ffc078, #fd7e14); /* Golden, vibrant yellow */
    color: white;
}

.box-danger[b-uokljctjvg] {
    background: linear-gradient(135deg, #C33764, #1D2671);
    color: white;
}

.box-secondary[b-uokljctjvg] {
    background: linear-gradient(135deg, #606C88, #3F4C6B);
    color: white;
}
/* /Pages/Authorized/ArticleView.razor.rz.scp.css */
[b-u0m6mzvm6o] .Innerhtml a {
    color: #007bff; /* Default color for anchor tags */
    text-decoration: none; /* Remove underline */
}

[b-u0m6mzvm6o] .Innerhtml a:hover {
    color: #0056b3; /* Color on hover */
    text-decoration: underline; /* Underline on hover */
}
/* /Pages/Authorized/Billing.razor.rz.scp.css */
[b-ot50cyrmt0] .e-listview .e-list-item.e-focused {
    background-color: white !important;
}

[b-ot50cyrmt0] .e-focused {
    background-color: white !important;
}


.e-listview[b-ot50cyrmt0],
.e-list-item[b-ot50cyrmt0] {
    background-color: white !important;
}

.e-focused[b-ot50cyrmt0] {
    background-color: white !important;
}

[b-ot50cyrmt0] .bg-light {
    background-color: #e4f1ff !important;
    border-radius: 5px;
}

[b-ot50cyrmt0] .e-control.e-btn.e-lib.e-progress-btn.e-outline.e-spin-left.e-primary {
    background: rgba(0, 0, 0, 0);
    border-color: #0d6efd;
    color: #0d6efd;
    transition: all 0.3s ease;
}

[b-ot50cyrmt0] .e-control.e-btn.e-lib.e-progress-btn.e-outline.e-spin-left.e-primary:hover {
    background: #0d6efd;
    color: white;
    border-color: #0d6efd;
}

[b-ot50cyrmt0] .e-control.e-btn.e-lib.e-outline.e-primary {
    background: rgba(0, 0, 0, 0);
    border-color: #0d6efd;
    color: #0d6efd;
    transition: all 0.3s ease;
}

[b-ot50cyrmt0] .e-control.e-btn.e-lib.e-outline.e-primary:hover {
    background: #0d6efd;
    color: white;
    border-color: #0d6efd;
}

[b-ot50cyrmt0] .e-switch-on {
    background-color: #2a3d58 !important;
    border-color: #efefef00 !important;
}

[b-ot50cyrmt0] .e-radio:checked+label::before{
    background-color:#0d6efd;
    border-color: #0d6efd;
}
[b-ot50cyrmt0] span.e-switch-inner.e-switch-active{
 
    background-color: transparent !important;
    border-color: #fafbff !important;

}
[b-ot50cyrmt0] .e-btn.e-primary{
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

[b-ot50cyrmt0] .e-btn.e-primary:hover {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}
/* /Pages/Authorized/BusinessRegistrationForm.razor.rz.scp.css */

.sample-box[b-widqrvf1ad]{
    min-height: 100px !important;
}
/* /Pages/Authorized/Callflow/CallFlow.razor.rz.scp.css */
#ZKvyK_content[b-stv2h9ozx4] {
    overflow: hidden !important;
}
.callflow-container[b-stv2h9ozx4] {
    /* height: 45px; */
    height: auto;
    background-color: #E6EBFF;
    border: 1px solid #D1D8FF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.flex-align-center[b-stv2h9ozx4] {
    display: flex;
    align-items: center;
}
.div#ZNiyl_content[b-stv2h9ozx4]{
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE and Edge (legacy) */
}
.div#ZNiyl_content[b-stv2h9ozx4]::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari, and Edge (modern) */
}
/* /Pages/Authorized/Callflow/CallFlows.razor.rz.scp.css */
.header-background[b-v6sl5aoo5f] {
    /* background-color: #330000; */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D18'/%3E%3Cstop offset='1' stop-color='%23330000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E"); */
    background-attachment: fixed;
    background-size: cover;
    border-radius: 10px !important;
    background: linear-gradient(90deg, rgba(80,95,201,1) 20%, rgba(127,141,237,1) 66%);
}


.section-panel-callflow[b-v6sl5aoo5f] {
    height: 75px;
    background-color: #505fc9;
    /* background-color: #330000; */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D18'/%3E%3Cstop offset='1' stop-color='%23330000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E"); */
    background-attachment: fixed;
    background-size: cover;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 10px !important;
}
/* /Pages/Authorized/Callflow/CfAvailabilityHours.razor.rz.scp.css */


/* /Pages/Authorized/Callflow/CfCallGroup.razor.rz.scp.css */


[b-z9f86hryxu] .e-listview .e-list-item {
    background-color: white;
}

[b-z9f86hryxu] .e-focused {
    background-color: white !important;
}
/* /Pages/Authorized/Callflow/CfPhoneMenu.razor.rz.scp.css */

.key-enabled[b-htiys6h1ek] {
    color: #008CFF;
}

.key-disabled[b-htiys6h1ek] {
    color: #d3d3d3;
}
/* /Pages/Authorized/Callflow/CfSms.razor.rz.scp.css */



/* /Pages/Authorized/Help.razor.rz.scp.css */
.container[b-cf3unoi94o] {
    /* max-width: 670px;
    margin: 50px auto;
    padding: 20px 35px;
    border-radius: 8px;           */

    max-width: 668px;
    margin: 44px 44px;
    padding: 19px 35px;
    border-radius: 8px;
    margin-left: 0;

}

h1[b-cf3unoi94o] {
    text-align: center;
    color: #333;
}

label[b-cf3unoi94o] {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #495566;
}

input[b-cf3unoi94o], select[b-cf3unoi94o], textarea[b-cf3unoi94o] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

textarea[b-cf3unoi94o] {
    resize: vertical;
    height: 100px;
}

button[b-cf3unoi94o] {
    /* background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer; */

    background-color:#0d6efd;
    color: white;
    padding: 7px 21px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

button:hover[b-cf3unoi94o] {
    background-color:#0d6efd;
}

.file-upload[b-cf3unoi94o] {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    color: #888;
    cursor: pointer;
}

.file-upload:hover[b-cf3unoi94o] {
    border-color: #4CAF50;
}
/* /Pages/Authorized/PhoneNumbers.razor.rz.scp.css */
[b-bmzlzkp9bt] #addNewPhonebtn{
    float: right;
    margin-right: 26px;
}
/* /Pages/Authorized/UserDetails.razor.rz.scp.css */


[b-1cdr21wrve] .voicemail-pin .e-float-input, [b-1cdr21wrve] .extension .e-float-input {
    margin-top: 0 !important;
}


.pointer[b-1cdr21wrve] {
    cursor: pointer;
}

[b-1cdr21wrve] .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon[b-1cdr21wrve] {
    border-color: transparent!important;
}

@media(min-width: 1200px){
    [b-1cdr21wrve] .aa_col{
        width: 20.666667%;
    }
}
[b-1cdr21wrve] .e-radio-wrapper{
    height: 18px;
}
/* /Pages/Authorized/Users.razor.rz.scp.css */
[b-lkt1nd7f7u] .circle {
    width: 65px;
    height: 65px;
    /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    font-size: 25px;
    font-weight: bold;
}
    

[b-lkt1nd7f7u] .box-shadow {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
[b-lkt1nd7f7u] #addNewUserbtn{
    float: right;
    margin-right: 26px;
}


@media screen and (max-width: 1250px) {
    [b-lkt1nd7f7u] .col-lg-4.col-md-6.mt-4.user-block .container-fluid {
        padding: 0;
    }
    [b-lkt1nd7f7u] .col-lg-4.col-md-6.mt-4.user-block .section-panel {
        padding: 6px !important;
    }
}
/* /Pages/Unauthorized/Auth/Login.razor.rz.scp.css */
[b-hyuzx218tw] .e-custom {
    background-color: #FFD234 !important;
    border: #FFD234 !important;
    color: black !important;
    width: 100% !important;
    font-weight: bold !important;
}

[b-hyuzx218tw] .e-custom:hover, .e-custom:focus[b-hyuzx218tw], .e-custom:active[b-hyuzx218tw] {
    color: black !important;
    background-color: #FFD234 !important;
    border: black !important;
    border-style: solid !important;
    border-width: 1px !important;
}


[b-hyuzx218tw] .login-btn{
    width: 70%;
    font-size: 18px;
}

@media only screen and (max-width: 600px) {

    .login-container[b-hyuzx218tw] {
        width: 90vw;
        padding: 5px;
    }
}

@media only screen and (min-width: 768px) {

    .login-container[b-hyuzx218tw] {
        min-width: 550px !important;
        padding: 40px;
    }
}
/* /Pages/Unauthorized/Signup/Signup.razor.rz.scp.css */
.wizard-logo-section[b-al33j4vdpn] {
    height: 15vh;
}

.wizard-progress-bar-section[b-al33j4vdpn] {
    height: 10vh;
}

.wizard-input-section[b-al33j4vdpn]{
    min-height:75vh;/*min-height fills background on mobile*/
    background: #114BA3 0 0 no-repeat padding-box;
    border-radius: 93px 93px 0 0;
    opacity: 1;
}

/********************************/
@media (max-width: 640px) {

    .item-container[b-al33j4vdpn]{
        background: #E3EFFF 0 0 no-repeat padding-box !important;
    }
}

.item-container[b-al33j4vdpn] {
    /*height: 450px;*/
    background: #FFFFFF 0 0 no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
}
/********************************/

.item-sub-container[b-al33j4vdpn]{

    /*height: 100%;*/
    min-height: 250px;
    /*width: 100%;*/
    background: #E3EFFF 0 0 no-repeat padding-box;
    border-radius: 13px;
    opacity: 1;

}

.pricing-total-box[b-al33j4vdpn]{

     height: 80%;

 }

.pricing-total-box-next[b-al33j4vdpn]{

    height: 20%;

}


[b-al33j4vdpn] .numeric-textbox {
    height: 40px;
    font-size: 14px;
    margin: auto;
}


[b-al33j4vdpn] .e-numerictextbox {
    margin: auto !important;
}

[b-al33j4vdpn] .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
    font-size: 16px;
    color: #1F7DFC;
}

.free-trial-text[b-al33j4vdpn]{
    font-size: 11px;
}

[b-al33j4vdpn] .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon[b-al33j4vdpn] {
    border-color: transparent!important;
}
/* /Pages/Unauthorized/Signup/VerifyAccount.razor.rz.scp.css */

@media only screen and (max-width: 600px) {

    .access-code-container[b-1mpvafycn0] {
        width: 90vw;
        padding: 5px;
    }
}

@media only screen and (min-width: 768px) {

    .access-code-container[b-1mpvafycn0] {
        min-width: 550px !important;
        padding: 40px;
    }
}
/* /Shared/ActivityFeedSectionPanel.razor.rz.scp.css */
[b-rimuiolapm] .section-panel{ 
    margin-top: 14px;
    /* overflow: hidden; */
}

[b-rimuiolapm] .call-container .section-panel.p-3.py-2{
    padding: 0 !important;
} 
[b-rimuiolapm] .call-container .section-panel.p-3.py-2 .row:first-child{
    display: none !important;
}
[b-rimuiolapm] .call-container .section-panel.p-3.py-2 .row .p-2{
    padding: 0 !important;
}
/* /Shared/ActivityFeed/ActivityFeedCommentBox.razor.rz.scp.css */

[b-vyb9rsv8eo] .arrow-line {
    position: relative;
    height: 2px;
    background: black;
    width: auto;
}

[b-vyb9rsv8eo] .arrow-head {
    position: absolute;
    right: -10px;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent black;
    transform: rotate(0deg); /* Add this line */
}
[b-vyb9rsv8eo] .likes-comments-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-vyb9rsv8eo] .straight-line {
    width: 100px;
    height: 2px;
    background-color: black;
    position: relative;
}

[b-vyb9rsv8eo] .curved-line {
    width: 50px;
    height: 50px;
    border-top: solid 2px black;
    border-right: solid 2px black;
    border-radius: 50%;
    transform: rotate(-45deg);
    margin-top: -50px;
    margin-left: 50px;
}

[b-vyb9rsv8eo] .dashed-circle-success {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #00A558;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}

[b-vyb9rsv8eo] .dashed-circle-fail {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #DC042166;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}
[b-vyb9rsv8eo] .dashed-circle-blue {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px dashed #9FB7D5;
    display: flex; /* Enables flexbox for the circle */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center; /* Centers text content */
}

[b-vyb9rsv8eo] audio {
    width: 300px;
    height: 25px;
    background-color: #fff;
    border-radius: 10px;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    [b-vyb9rsv8eo] audio::-webkit-media-controls-panel {
        background-color: #fff;
        border-radius: 10px;
        color: #000;
    }

    [b-vyb9rsv8eo] audio::-webkit-media-controls-play-button,
    audio[b-vyb9rsv8eo]::-webkit-media-controls-volume-slider-container {
        color: #000;
    }

[b-vyb9rsv8eo] .e-list-virtualcontainer {
    display: grid;
    position: relative;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    margin-top: 15px;
}

[b-vyb9rsv8eo] .e-listview {
    height: auto !important;
}

[b-vyb9rsv8eo] .e-list-item > .container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
}

[b-vyb9rsv8eo] .contain {
    position: sticky !important;
    top: 0;
    z-index: 999;
    padding-top: 20px;
    background: #fff;
    padding: 0px;
    padding-bottom: 21px;
}

[b-vyb9rsv8eo] .e-listview .e-list-item {
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 1px;
}

[b-vyb9rsv8eo] .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error)[b-vyb9rsv8eo] {
    border-radius: 10px !important;
}

[b-vyb9rsv8eo] .row.pt-1.align-items-center {
    box-shadow: inset 0 1px 10px -2.5px #B200ED;
    border-radius: 10px;
}

[b-vyb9rsv8eo] #commentBoxCSS {
    width: 70%;
}

[b-vyb9rsv8eo] #imageCSS {
    height: 25px;
    margin-top: -7px;
}

[b-vyb9rsv8eo] .like-reply {
    font-size: 12px;
    font-weight: 600;
}

[b-vyb9rsv8eo] .comment-background {
    border-radius: 10px !important;
    background-color: #ffb6c129;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    color: #212529 !important;
    width: fit-content;
    display: flex;
    flex-direction: column;
}

[b-vyb9rsv8eo] .offset-2 {
    margin-left: 14.666667%;
}

[b-vyb9rsv8eo] .offset-1 {
    margin-left: 6.333333%;
}

[b-vyb9rsv8eo] .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input[b-vyb9rsv8eo], .e-float-input input[b-vyb9rsv8eo], .e-float-input.e-control-wrapper input[b-vyb9rsv8eo], .e-input-group textarea.e-input[b-vyb9rsv8eo], .e-input-group.e-control-wrapper textarea.e-input[b-vyb9rsv8eo], .e-float-input textarea[b-vyb9rsv8eo], .e-float-input.e-control-wrapper textarea[b-vyb9rsv8eo], .e-input-group .e-input[disabled][b-vyb9rsv8eo], .e-input-group.e-control-wrapper .e-input[disabled][b-vyb9rsv8eo], .e-input-group.e-disabled input.e-input[b-vyb9rsv8eo], .e-input-group.e-control-wrapper.e-disabled input.e-input[b-vyb9rsv8eo], .e-input-group.e-disabled textarea.e-input[b-vyb9rsv8eo], .e-input-group.e-control-wrapper.e-disabled textarea.e-input[b-vyb9rsv8eo] {
    background: #fff;
}

[b-vyb9rsv8eo] .comment-text{
    position: relative;
    z-index: 99999999999;
    overflow: hidden;
}
/* /Shared/ActivityFeed/ActivityFeedSubCommentLike.razor.rz.scp.css */
[b-58yt8qejja] .like-reply {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

[b-58yt8qejja] .comment-background {
    border-radius: 10px !important;
    background-color: #ffb6c129;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}


[b-58yt8qejja] .offset-2 {
    margin-left: 14.666667%;
}

[b-58yt8qejja] .offset-1 {
    margin-left: 6.333333%;
}

[b-58yt8qejja] .e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input[b-58yt8qejja],
.e-float-input input[b-58yt8qejja],
.e-float-input.e-control-wrapper input[b-58yt8qejja],
.e-input-group textarea.e-input[b-58yt8qejja],
.e-input-group.e-control-wrapper textarea.e-input[b-58yt8qejja],
.e-float-input textarea[b-58yt8qejja],
.e-float-input.e-control-wrapper textarea[b-58yt8qejja],
.e-input-group .e-input[disabled][b-58yt8qejja],
.e-input-group.e-control-wrapper .e-input[disabled][b-58yt8qejja],
.e-input-group.e-disabled input.e-input[b-58yt8qejja],
.e-input-group.e-control-wrapper.e-disabled input.e-input[b-58yt8qejja],
.e-input-group.e-disabled textarea.e-input[b-58yt8qejja],
.e-input-group.e-control-wrapper.e-disabled textarea.e-input[b-58yt8qejja] {
    background: #fff;
}

.test-1[b-58yt8qejja] {
    position: relative;
}

    .test-1[b-58yt8qejja]:before {
        content: "";
        position: absolute;
        top: 10px;
        left: 45px;
        /* height: calc(50% + 50px); */
        height: 250%;
        width: 1px;
        background: #b5b5b5;
    }
    .test-1:last-child[b-58yt8qejja]:before {
        height: 150%;
    }
    /* .test-1:first-child:before {
        top: 10%;
    } */

[b-58yt8qejja] svg {
    position: relative;
    z-index: 2;
}

[b-58yt8qejja] .test2 {
    position: relative;
    left: 60px;
}

[b-58yt8qejja] .test-2-inner {
    position: relative;
}

    [b-58yt8qejja] .test-2-inner:before {
        /* content: "";
        top: 40%;
        left: calc(0px - 15px);
        width: 60px;
        position: absolute;
        height: 1px;
        background: #b5b5b5; */
        /* content: "";
        top: 40%;
        transform: translateY(-50%);
        left: -14px;
        width: 43px;
        position: absolute;
        height: 1px;
        background: #b5b5b5; */
    }

    [b-58yt8qejja] .test-2-inner:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        height: 150%;
        width: 1px; 
        background: #b5b5b5;
        left: calc(0px - 15px);
    }

    [b-58yt8qejja] .test-2-inner.test-3:after {
        display: none;
    }

    [b-58yt8qejja] .test-2-inner.test-3:last-child::after {
        content: "";
        position: absolute;
        top: 35px;
        left: 0;
        height: calc(50% + 50px);
        width: 2px;
        background: #fafbff;
        left: calc(0px - 15px);
        display: block !important;
        
    }
    [b-58yt8qejja] .date-time-comment{
        font-size: 12px !important;
        
    } 
    [b-58yt8qejja] .cc_comment_line-2:last-child::after{
        content: "";
        position: absolute;
        top: 5px;
        left: -22px;
        height: 90%;
        width: 2px;
        background: #fafbff;
    }
    [b-58yt8qejja] .col-auto.pe-0{
        position: relative;
        z-index: 99;
    }
    .cc_comment_line-2 .col-auto.pe-0[b-58yt8qejja]::before{
        content: "";
        top: 50%;
        transform: translateY(-50%);
        left: -21px;
        width: 43px;
        position: absolute;
        height: 1px;
        background: #b5b5b5;
    }
    [b-58yt8qejja] .comment-background .row .col span:first-child{
        font-size: 14px !important;
    } 
    [b-58yt8qejja] .col.com_text {
        font-size: 14px !important;
    }
    [b-58yt8qejja] .cc_comment_line-2:last-child{
        position: relative;
    }
    [b-58yt8qejja] .cc_comment_line-2:last-child::before{
        content: "";
        position: absolute;
        top: 36px;
        left: -68px;
        height: 100%;
        width: 1px;
        background: #fafbff;
    }
    [b-58yt8qejja] .cc_comment_line-2:last-child::after{
        content: "";
        position: absolute;
        top: 31px;
        left: -22px;
        height: 100%;
        width: 2px;
        background: #fafbff;
    }
    [b-58yt8qejja] .col-auto.pe-0{
        position: relative;
        z-index: 99;
    }
    [b-58yt8qejja] .test{
        overflow: hidden !important;
    }
    /* ::deep .cc_comment_3 .col-auto.pe-0::before{
        content: "";
        top: 50%;
        transform: translateY(-50%);
        left: -15px;
        width: 43px;
        position: absolute;
        height: 1px;
        background: #b5b5b5;
    } */
    [b-58yt8qejja] .test-2-inner .col-auto.pe-0:nth-child(1)::before
    {
        content: "";
        top: 50%;
        transform: translateY(-50%);
        left: -15px;
        width: 43px;
        position: absolute;
        height: 1px;
        background: #b5b5b5;
    }
    [b-58yt8qejja] p.mb-0.text-success{
        color: blue !important;
    }
    
/* /Shared/AppComm/ActiveCall/CallConnecting.razor.rz.scp.css */
[b-qiietooqsl] .contact-image-normal-icon-large svg{
    width: 100px;
    height: 100px;
} 
/* /Shared/AppComm/ActiveCall/CallControl.razor.rz.scp.css */
.HeaderScroll[b-xvm4we2g3u] {
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: clip !important;
}

.tranfer-hight[b-xvm4we2g3u]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);
}

.transfer-call-background[b-xvm4we2g3u] {
    background-color: #F3F9FF !important;
}

 .tranfer-hight[b-xvm4we2g3u]{
    overflow-y:auto !important;
    overflow-x:clip;        
}
.tranfer-hight[b-xvm4we2g3u]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);
}
/* Webkit browsers (Chrome, Safari) */
.tranfer-hight[b-xvm4we2g3u]::-webkit-scrollbar {
    width: 10px;
}

.tranfer-hight[b-xvm4we2g3u]::-webkit-scrollbar-thumb {
    background-color: #106b9c;
    border-radius: 50px;
}

.tranfer-hight[b-xvm4we2g3u]::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}

/* Firefox */
.tranfer-hight[b-xvm4we2g3u] {
    scrollbar-width: thin;
    scrollbar-color:#00a6ff #f0f0f0;
}


/* Scrollbar styling for .HeaderScroll */


.HeaderScroll[b-xvm4we2g3u]::-webkit-scrollbar {
    width: 10px;
}

.HeaderScroll[b-xvm4we2g3u]::-webkit-scrollbar-thumb {
    background-color: #106b9c; 
    border-radius: 50px; 
}

.HeaderScroll[b-xvm4we2g3u]::-webkit-scrollbar-track {
    background-color: #f0f0f0; 
}

/* Firefox */
.HeaderScroll[b-xvm4we2g3u] {
    scrollbar-width: thin;
    scrollbar-color: #00a6ff #f0f0f0;
}
/* /Shared/AppComm/ActiveCall/MenuItems.razor.rz.scp.css */
.menu-items-container[b-oinnace4oh] {
    background-color: white;
    border: solid 1px #91D6FF;
    border-radius: 25px;
    position: absolute;
    bottom: 5%;
    width: 88%;
   
}

.col-container[b-oinnace4oh] {
    border-left: 1px solid #91D6FF;
}

/* /Shared/AppComm/ActiveCall/SendDigits.razor.rz.scp.css */
[b-32y37k6qtb] .back-btn{
    background-color: #204D81 !important;
    padding: 10px 20px;
    color: white;
}
/* /Shared/AppComm/AppComm.razor.rz.scp.css */
 
.phone-app-container[b-tonta9koty] {
    
    border: 4px solid dimgrey; /* Change #000000 to whatever color you want */
    border-radius: 10px; /* Adjust as needed to get the amount of curvature you want */
    
    
    background-color: #ffffff;
    
    position: fixed;
    bottom: -725px;
    right: 30px;
    padding: 0;
    
    height: 90vh;
    width: 400px;
  
    
    transition: 1s bottom;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    border-radius: 8px;
    border: none; /* Remove any existing border */
    box-shadow: 0 0 0 4px dimgrey; /* Creates an outside border */
    bottom: 3px!important;
}
[b-tonta9koty] .out-border-for{
    border-radius: 10px;
    overflow: hidden;
}

.phone-app-container.dialer--hide[b-tonta9koty]{
    opacity: 0;
    visibility: hidden;
    /* transition: all 1.3s ease; */
    transition: 1.3s bottom;
}
.phone-app-container.dialer--show[b-tonta9koty]{
    opacity: 1;
    visibility: visible;
    /* transition: all 1.3s ease; */
    transition: 1.3s bottom;
}

[b-tonta9koty] .contactList{
    height: 250px;
}
.dialer--incoming-call[b-tonta9koty] {
    animation: shake-b-tonta9koty 1s cubic-bezier(.36, .07, .19, .97) infinite both;
}


@keyframes shake-b-tonta9koty {
    5%, 45% {
        transform: translate3d(-3px, -2px, 0);
    }
    10%, 40% {
        transform: translate3d(3px, 2px, 0);
    }
    15%, 35% {
        transform: translate3d(-5px, 0, 0);
    }
    20%, 30% {
        transform: translate3d(5px, -3px, 0);
    }
    25% {
        transform: translate3d(-6px, 3px, 0);
    }
}

.web-app-container--show-top[b-tonta9koty] {

   

}


.dialer--show[b-tonta9koty] {
    bottom: 0;
}

.dialer-btn[b-tonta9koty]{
    padding: 10px;
    border-radius: 50px;
    background-color: #ffffff;
    color: #146c43;
}
.show-hide-button[b-tonta9koty] {
    position: absolute;
    top: -52px;
    right: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 40px;
    border:  1px solid #6c757d;
}

.fixed_show_App_btn[b-tonta9koty]{
    position: fixed;
    bottom: -5px;
    right: 34px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 40px;
}
[b-tonta9koty] svg.Call_Icon{
    width: 50px  !important;
    height: 50px !important;
}
@media (max-width:1500px) {
    [b-tonta9koty] svg.Call_Icon{
        width: 50px  !important;
        height: 50px !important;
    }
}
@media screen and (max-height:800px){
    .phone-app-container[b-tonta9koty] {
        /* height: calc(100% - 66px); */
        height: calc(95vh - 66px);
    }
    [b-tonta9koty] .contactList {
        height: calc(100vh - 539px) !important;
    }
}

@media screen and (max-height:700px){
    .phone-app-container[b-tonta9koty] {
        width: 380px;
    }
    /* ::deep .contactList {
        height: 160px !important;
    } */
    [b-tonta9koty] svg.Call_Icon{
        width: 50px  !important;
        height: 50px !important;
    }
    [b-tonta9koty] .keypad-keys {
        font-size: 20px !important;
    }
    [b-tonta9koty] .keypad-keys-alpha {
        font-size: 14px !important;
    }
    [b-tonta9koty] .contactList {
        height: calc(100vh - 500px) !important;
    }
    .keyPadCSS  .container-fluid[b-tonta9koty] {
        width: 90%;
    }


} 
[b-tonta9koty] .contactList {
    width: 100%;
    margin: 0;
}
/* Customizing the scrollbar track */
[b-tonta9koty] .contactList::-webkit-scrollbar {
    width: 6px; /* Width of the scrollbar */
    background: #e0e0e0; /* Background of the scrollbar track */
    margin-right: 20px;
}

/* Customizing the scrollbar thumb */
[b-tonta9koty] .contactList::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);
    border-radius: 5px; /* Rounded corners for the thumb */
}

/* Optional: Hover effect on scrollbar thumb */
[b-tonta9koty] .contactList::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(0deg, rgba(0, 145, 255, 1) 0%, rgba(30, 70, 150, 1) 100%);
}

/* Optional: Custom scrollbar corner for when both scrollbars intersect */
[b-tonta9koty] .contactList::-webkit-scrollbar-corner {
    background: rgba(0, 166, 255, 0.5); /* Corner color */
}


[b-tonta9koty] body::-webkit-scrollbar{
	width: 8px;
}
[b-tonta9koty] body::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);  
}

[b-tonta9koty] .edit_profile_form{
    overflow: auto;
    height: calc(90vh - 95px) !important;
}
[b-tonta9koty] .edit_profile_form::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
[b-tonta9koty] .edit_profile_form::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);
}

[b-tonta9koty] .ScrollClass::-webkit-scrollbar,
[b-tonta9koty] .contact_scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
[b-tonta9koty] .ScrollClass::-webkit-scrollbar-thumb,
[b-tonta9koty] .contact_scroll::-webkit-scrollbar-thumb
{
	background: linear-gradient(0deg, rgba(0,166,255,1) 0%, rgba(40,82,165,1) 100%) ;
}
[b-tonta9koty] .contact_scroll{
    height: calc(100vh - 125px);
    overflow: auto;
}

[b-tonta9koty] .e-dropdown-menu .e-item.e-code,
[b-tonta9koty] .e-dropdown-menu .e-item.e-quote,
[b-tonta9koty] ul.e-dropdown-menu li.e-item[title="Align Right"],
[b-tonta9koty] ul.e-dropdown-menu li.e-item[title="Align Justify"]
{
    display: none;
}

@media (max-height: 1000px) {
    [b-tonta9koty] .edit_profile_form {
        height: calc(100vh - 40px) !important;
    }
    
}
@media (max-height: 800px) {
    [b-tonta9koty] .edit_profile_form {
        height: calc(100vh - 150px) !important;
    }
    
}
[b-tonta9koty] .tranfer-hight{
    overflow-y:auto !important;
    overflow-x:clip;        
}

[b-tonta9koty] .tranfer-hight::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);
}
/* /Shared/AppComm/ContactAddChooseNewExistingScreen.razor.rz.scp.css */
/*todo this is also save-btn under contacts*/
[b-p130sbzmm5] .option-btn {
    background: rgb(32,77,129);
    background: linear-gradient(90deg, rgba(32,77,129,1) 0%, rgba(16,39,65,1) 33%);
    border-radius: 50px;
    border: 1px solid #707070;
}
/* /Shared/AppComm/ContactAddEditScreen.razor.rz.scp.css */
[b-zncbe4z8wz] .e-input-group {
    box-shadow: 0px 3px 5px 0px #00000029;
    border-radius: 50px !important;
    font-size: 18px;
    color: #9FB7D5 !important;
    height: 50px;
}

[b-zncbe4z8wz]::placeholder {
    color: #9FB7D5 !important;
}


[b-zncbe4z8wz] .e-input-group.e-ddl {
    background: rgb(32,77,129) !important;
    background: linear-gradient(90deg, rgba(32,77,129,1) 0%, rgba(16,39,65,1) 33%) !important;
}

[b-zncbe4z8wz] .e-dropdownlist {
    color: white !important;
}

[b-zncbe4z8wz] .e-input-group-icon {
    color: #FC861F !important;
}

[b-zncbe4z8wz] .save-btn {
    background: rgb(32,77,129);
    background: linear-gradient(90deg, rgba(32,77,129,1) 0%, rgba(16,39,65,1) 33%);
    border-radius: 50px;
    border: 1px solid #707070;
}

[b-zncbe4z8wz] .chatProfileSvgIcon {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    height: 135px;
}

    [b-zncbe4z8wz] .chatProfileSvgIcon svg {
        display: block;
    }

    [b-zncbe4z8wz] .chatProfileSvgIcon svg:last-child {
            position: absolute;
            bottom: 23px;
            right: 3px;
        }

[b-zncbe4z8wz] .imageProfileIcon img {
    width: 120px;
    height: 120px;
    margin-left: 0;
}


[b-zncbe4z8wz] .btn-bs-file {
    width: 33px;
    display: block;
    height: 33px;
    position: absolute;
    position: absolute;
    bottom: 25px;
    right: 5px;
}

[b-zncbe4z8wz] .e-popup-open li :hover {
    background: none !important
}
[b-zncbe4z8wz] .profile_update {
    height: calc(100vh - 150px) !important;
    overflow: auto;
}
[b-zncbe4z8wz] .mh_col .col-5{
    width: 37%;
}
[b-zncbe4z8wz] .mh_col .col-7{
    width: 63%;
}
/* /Shared/AppComm/ContactDetailsScreen.razor.rz.scp.css */
[b-h442xwvz7q] .active-item {
    background-color: #204D81;
    font-size: 16px;
    font-weight: 600;
    color: white;
}

[b-h442xwvz7q] .inactive-item {
    font-size: 16px;
    font-weight: 600;
    color: #9FB7D5;
}
[b-h442xwvz7q] .e-listview {
    border: transparent !important;
}

[b-h442xwvz7q] .listClass {
    border-bottom: 1px solid #9FB7D5 !important;
}
[b-h442xwvz7q] .listClass .row{
    margin-right: 0 !important;
}
/* ::deep .listClass .row .col-auto{
    padding: 0 !important;
} */

[b-h442xwvz7q] .e-listview .e-list-item {
    /* border-bottom: 1px solid #9FB7D5 !important; */
    border-bottom: 0px none !important;
}

[b-h442xwvz7q] .ContactDetailsScreenList {
    height: calc(90vh - 399px) !important;
    overflow-y: auto;
    overflow-x: clip;
}

[b-h442xwvz7q] .ContactDetailsScreenList.history-container{
    height: calc(90vh - 420px) !important;
}


[b-h442xwvz7q] .ContactDetailsScreenList::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
[b-h442xwvz7q] .ContactDetailsScreenList::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);
}
[b-h442xwvz7q] .main_col_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
[b-h442xwvz7q] .main_col_row .col-auto {
    display: flex;
    gap: 20px;
    align-items: center;
}
[b-h442xwvz7q] .e-list-parent > li{
    height: auto !important;
    /* margin-bottom: 70px !important; */
}


/* @media screen and (max-width: 768px) {
   
    ::deep .ContactDetailsScreenList {
        height: 300px !important;
    }
} */

[b-h442xwvz7q] .history-content-wraper{
   
    flex: 1;

}
[b-h442xwvz7q] .date-time-wrapper{
    display: flex;
    align-items: center;
}
[b-h442xwvz7q] .border-out{
    position: relative;

}
[b-h442xwvz7q] .border-out::before{
    content: "";
    position: absolute;
    top: -1px;
    height: 1px;
    width: 80%;
    background-color: #6fbef3;
    left: 50%;
    transform: translateX(-50%);
}
[b-h442xwvz7q] .e-list-parent > li:last-child .border-out::after{
    content: "";
    position: absolute;
    bottom: -1px;
    height: 1px;
    width: 80%;
    background-color: #6fbef3;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-height: 1200px) {
    [b-h442xwvz7q] .ContactDetailsScreenList {
        /* height: calc(90vh - 388px) !important; */
        height: calc(90vh - 400px) !important;
    }
}
@media (max-height: 800px) {
    [b-h442xwvz7q] .ContactDetailsScreenList {
        height: calc(90vh - 420px) !important;
    }
}
/* /Shared/AppComm/ContactImage.razor.rz.scp.css */
.img-fluid[b-frr7r67ymq] {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin: 10px;
    border: 1px grey solid;
}
/* /Shared/AppComm/ContactImageUrlNormal.razor.rz.scp.css */
.img-fluid[b-l246gmi1kp] {
    height: 50px !important;
    width: 50px !important;
    margin-bottom: 10px;
    border-radius: 50%;
    margin-left: 10px;
}
/* /Shared/AppComm/ContactList.razor.rz.scp.css */
[b-fga53q88pi] .e-listview {
    border: transparent !important;
}

    [b-fga53q88pi] .e-listview .e-list-item {
        border-bottom: 0px none !important;
    }

[b-fga53q88pi] .e-list-virtualcontainer {
    margin-top: -25px;
}

[b-fga53q88pi] .SelectNumberList .e-list-container ul.e-list-parent.e-ul li.e-list-item.e-level-1 {
    border-bottom: 1px solid #9FB7D5 !important;
    margin-left: 15px;
    margin-right: 15px;
}

[b-fga53q88pi] .e-list-item > .container-fluid {
    margin-top: 0px;
}

[b-fga53q88pi] .e-list-virtualcontainer {
    margin-top: 15px !important;
}

[b-fga53q88pi] .SelectNumberList {
    height: 250px !important;
    overflow-y: auto !important;
    overflow-x: clip !important;
}

[b-fga53q88pi] .e-listview .e-list-container {
    overflow: visible !important;
}

[b-fga53q88pi] .SelectNumberList .e-list-container ul.e-list-parent.e-ul li.e-list-item.e-level-1 .container-fluid .row.e-list-content .col .row.align-items-center {
    margin-bottom: 6px;
}
/* /Shared/AppComm/ContactListScreen.razor.rz.scp.css */

[b-jf14l2kclj] .e-listview {
    border: transparent !important;
}

/*  .e-listview .e-list-item {
    
    border-bottom: 1px solid #9FB7D5 !important;
    
    } */


[b-jf14l2kclj] .listClass {
    border-bottom: 1px solid #9FB7D5 !important;
}

[b-jf14l2kclj] .e-listview .e-list-item {
    /* border-bottom: 1px solid #9FB7D5 !important; */
    border-bottom: 0px none !important;
}

[b-jf14l2kclj] .searchContactList .e-list-container ul.e-list-parent.e-ul li .e-list-virtualcontainer li.e-list-item.e-level-1 .row.e-list-content .col .row.align-items-center {
    margin-bottom: 6px;
}

[b-jf14l2kclj] .e-input-group-icon:hover {
    background: transparent !important;
    color: black !important;
}



[b-jf14l2kclj] .search-box {
    box-shadow: 0px 3px 5px 0px #00000029;
    border-radius: 25px !important; /*not needed in isolation*/

    height: 50px;
}

[b-jf14l2kclj] li {
    height: auto !important;
}

[b-jf14l2kclj] .light-blue-background {
    background-color: #F8FBFF !important;
}

[b-jf14l2kclj] .ScrollClass {
    /* height: 541px !important; */
    height: calc(90vh - 240px) !important;
    overflow-y: auto !important;
    overflow-x: clip !important;
}
[b-jf14l2kclj] .ScrollClass::-webkit-scrollbar,
[b-jf14l2kclj] .contact_scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
[b-jf14l2kclj] .ScrollClass::-webkit-scrollbar-thumb,
[b-jf14l2kclj] .contact_scroll::-webkit-scrollbar-thumb
{
	background: linear-gradient(0deg, rgba(0,166,255,1) 0%, rgba(40,82,165,1) 100%) ;
}
[b-jf14l2kclj] .contact_scroll{
    height: calc(100vh - 125px);
    /* overflow: auto; */
}
[b-jf14l2kclj] .col-auto.user-svg-icon {
    width: 94px;
    height: 70px;
}
[b-jf14l2kclj] .col-auto.user-svg-icon svg {
    width: 70px;
    height: 75px;
}
/* /Shared/AppComm/Conversation/ConversationDetailsScreen.razor.rz.scp.css */
[b-30jubw31gl] #ConversationDetailList {
    font-family: 'Poppins', sans-serif;
}
[b-30jubw31gl] .conversation-container {
    height: 50px;
    background-color: blue;
    border-radius: 25px 25px 0 0;
}


[b-30jubw31gl] .e-listview {
    border: transparent !important;
    background-color: white !important;
}

    [b-30jubw31gl] .e-listview .e-list-item {
        border-bottom: transparent !important;
        background-color: white !important;
    }

[b-30jubw31gl] .message-box {
    /* height: 45px !important; */
    height: auto;
    border: 1px solid #FC861F !important;
    border-radius: 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #204D81 !important;
}


[b-30jubw31gl] .app-solid-light-blue-background {
    height: calc(100% - 120px);
}

[b-30jubw31gl] .bg-white {
    flex-direction: column;
    justify-content: end;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
    width: 100%;
    margin: 0;
}

[b-30jubw31gl] .MessageList {
    height: calc(100% - 70px);
    overflow-y: auto;
    overflow-x: clip;
    border-radius: 15px 15px 0 0;
}
[b-30jubw31gl] #ConversationDetailList::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
[b-30jubw31gl] #ConversationDetailList::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);
}
[b-30jubw31gl] .td_box{
    height: calc(90vh - 224px);
}

[b-30jubw31gl] span.align-items-center.border-0.e-control-container.e-control-wrapper.e-input-focus.e-input-group.ps-2 {
    box-shadow: none;
}
/* /Shared/AppComm/Conversation/ConversationListScreen.razor.rz.scp.css */
[b-oezxq6oa0f] .add-conversation {
    height: 40px;
    width: 40px;
    padding: 20px;
    border-radius: 25px;
    background-color: #26b050;
    border: #26b050;
    position: absolute;
    bottom: 0;
    right: 0;
}

[b-oezxq6oa0f] .row.e-list-content.align-content-center {
    /*  margin-bottom:6px; */
}

[b-oezxq6oa0f] .truncate {
    width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-oezxq6oa0f] li {
    height: auto !important;
}
[b-oezxq6oa0f] .e-listview {
    border: transparent !important;
}

    [b-oezxq6oa0f] .e-listview .e-list-item {
        border-bottom: 0px none !important;
        margin-left: 15px;
        margin-right: 15px;
    }


[b-oezxq6oa0f] .listClass {
    border-bottom: 1px solid #9FB7D5 !important;
}

[b-oezxq6oa0f] .ScrollClass {
    height: 541px !important;
    overflow-y: auto !important;
    overflow-x: clip !important;
}

[b-oezxq6oa0f] .maxWidthclass {
    max-width: 82px;
}

[b-oezxq6oa0f] .ScrollClass::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
[b-oezxq6oa0f] .ScrollClass::-webkit-scrollbar-thumb
{
	background: linear-gradient(0deg, rgba(0,166,255,1) 0%, rgba(40,82,165,1) 100%) ;
}
[b-oezxq6oa0f] .message-contain {
    height:calc(90vh - 208px) !important;
    min-height:auto !important;
    overflow: auto;
}

[b-oezxq6oa0f] .message-contain::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

[b-oezxq6oa0f] .message-contain::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, rgba(0,166,255,1) 0%, rgba(40,82,165,1) 100%);
}
[b-oezxq6oa0f] .chatboat_message_row {
    padding: 10px 0;
}
[b-oezxq6oa0f] .chat_edit_icon svg{
    width: 75px !important;
    height: 70px !important;
}
/* /Shared/AppComm/Conversation/ConversationMessageBubble.razor.rz.scp.css */
.bubble-author[b-v5yjhy9pme] {
    background-color: #F3F9FF;
    border: 1px solid #9FB7D5;
    padding: 10px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #204D81;
}

.bubble-non-author[b-v5yjhy9pme] {
    background-color: #204D81;
    border: 1px solid #91D6FF;
    padding: 10px;
    border-radius: 30px;
    color: #F3F9FF;
    font-size: 14px;
    font-weight: 500;
}


[b-v5yjhy9pme] .TextWrap {
    max-width: 200px;
    width: auto;
    word-break: break-word;

}
/* /Shared/AppComm/Conversation/ConversationNewScreen.razor.rz.scp.css */
[b-544yofnjpj] .e-listview {
    border: transparent !important;
}
/* 
        .e-listview .e-list-item {
            border-bottom: 1px solid #9FB7D5 !important;
        } */

[b-544yofnjpj] .listClass {
    border-bottom: 1px solid #9FB7D5 !important;
}

[b-544yofnjpj] .e-listview .e-list-item {
    /* border-bottom: 1px solid #9FB7D5 !important; */
    border-bottom: 0px none !important;
}

[b-544yofnjpj] .searchContactList .e-list-container ul.e-list-parent.e-ul li .e-list-virtualcontainer li.e-list-item.e-level-1 .row.e-list-content .col .row.align-items-center {
    margin-bottom: 6px;
}

[b-544yofnjpj] .e-input-group-icon:hover {
    background: transparent !important;
    color: black !important;
}



[b-544yofnjpj] .search-box {
    box-shadow: 0px 3px 5px 0px #00000029;
    border-radius: 25px !important; /*not needed in isolation*/

    height: 50px;
}

[b-544yofnjpj] li {
    height: auto !important;
}


.light-blue-background[b-544yofnjpj] {
    background-color: #F8FBFF !important;
}

.ScrollClass[b-544yofnjpj] {
    height: 500px !important;
    overflow-y: auto !important;
    overflow-x: clip !important;
}

[b-544yofnjpj] .ScrollClass::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
[b-544yofnjpj] .ScrollClass::-webkit-scrollbar-thumb
{
	background: linear-gradient(0deg, rgba(0,166,255,1) 0%, rgba(40,82,165,1) 100%) ;
}
/* /Shared/AppComm/DialerScreen.razor.rz.scp.css */
.keyPadCSS[b-c9q3gnsgqu] {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

[b-c9q3gnsgqu] .contactList .col-12 .e-listview .e-list-container ul.e-list-parent.e-ul li.e-list-item.e-level-1 {
    border-bottom: 1px solid #9FB7D5 !important;
    margin-left: 15px;
    margin-right: 15px;
}

[b-c9q3gnsgqu] .e-list-item > .container-fluid {
    margin-top: 0px;
}

[b-c9q3gnsgqu] .e-list-virtualcontainer {
    margin-top: 15px !important;
}

[b-c9q3gnsgqu] .contactList {
    height: 250px;
    overflow-y: auto;
    overflow-x: clip;
}

@media (max-width: 2300px) {
    [b-c9q3gnsgqu] .contactList {
        height: 290px;
    }
    
}
@media (max-width: 2000px) {
    [b-c9q3gnsgqu] .contactList {
        height: 295px;
    }
    
}
@media (max-width: 1500px) {
    [b-c9q3gnsgqu] .contactList {
        height: 280px;
    }
    
}
@media (max-width: 1300px) {
    [b-c9q3gnsgqu] .contactList {
        height: 285px;
    }
    
}

@media (max-height: 990px) {
    [b-c9q3gnsgqu] .contactList {
        height: 380px;
    }
  
    
}
@media (min-height: 830px) and (max-height: 890px) {
    [b-c9q3gnsgqu] .contactList {
        height: 310px;
    }
}
@media (min-height: 780px) and (max-height: 825px) {
    [b-c9q3gnsgqu] .contactList {
        height: 280px;
    }
}
@media (max-height: 690px) {
    [b-c9q3gnsgqu] .contactList {
        height: 250px;
    }
    
}

/* /Shared/AppComm/Keypad.razor.rz.scp.css */
.keypad-digit-box[b-fb7lnhwfe9] {
    height: 45px !important;
    background-color: #91D6FF !important;
    border-radius: 30px !important;
}

.keypad-textbox[b-fb7lnhwfe9] {
    font-size: 18px;
    font-weight: 600;
    color: #204D81;
    text-align: center;
    background-color: #91D6FF !important;
    border: none;
    outline: none;
}

.keypad-keys[b-fb7lnhwfe9] {
    font-size: 28px;
    font-weight: bold; /*todo montserrat medium*/
    color: #204D81;
}

.keypad-keys-alpha[b-fb7lnhwfe9] {
    font-size: 16px;
    color: #9FB7D5;
}
.keypad-dimensions[b-fb7lnhwfe9]{
    
    height: 100%;
    width: 100%;
    
}


[b-fb7lnhwfe9] .keypad-dial-btn {

    border-radius: 50%;
    height: 50px;
    width: 50px;
    font-size: 25px;
    font-weight: bold;
    background-color: #212529;
}

/* /Shared/AppComm/NavigationBottom.razor.rz.scp.css */
.navigation-bar[b-ifwj45obtg] {
    height: 60px;
    width: 100%;
    padding-top: 7px;
    position: fixed;
    bottom: 0px;
    background: rgb(0,166,255);
    background: linear-gradient(0deg, rgba(0,166,255,1) 0%, rgba(40,82,165,1) 100%);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
/* /Shared/AppComm/RecentCallsScreen.razor.rz.scp.css */
[b-887ohwx61y] .e-listview {
    border: transparent !important;
}


[b-887ohwx61y] .underlined {
    text-decoration: underline;
}

[b-887ohwx61y] .backgroundColor {
    color: blue;
    text-decoration: underline;
}

[b-887ohwx61y] .e-listview .e-list-item {
    border-bottom: 0px none !important;
    padding-bottom: 4px;
    position: relative;
}
[b-887ohwx61y] .e-listview .e-list-item::after{
    border-bottom: 1px solid #9FB7D5 !important;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 97%;
}
[b-887ohwx61y] .callList .e-list-container ul.e-list-parent.e-ul {
    overflow-y: auto;
    height: 360px;
    overflow-x: clip;
}
@media(min-width: 148px) {
    [b-887ohwx61y] .callList .e-list-container ul.e-list-parent.e-ul {
        height: calc(92vh - 251px) !important;
    }
    
}
[b-887ohwx61y] .e-listview .e-list-item.e-focused {
    background-color: #ffffff !important;
    color: #212529 !important;
}

[b-887ohwx61y] .callList .e-list-container ul.e-list-parent.e-ul::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
[b-887ohwx61y] .callList .e-list-container ul.e-list-parent.e-ul::-webkit-scrollbar-thumb
{
	background: linear-gradient(0deg, rgba(0,166,255,1) 0%, rgba(40,82,165,1) 100%) ;
}
[b-887ohwx61y] .e-list-content img.img-fluid{
    margin: 10px 10px 0;
}
[b-887ohwx61y] .rc_svg svg{
    height: 65px !important;
}
[b-887ohwx61y] .col-6.rc_middle_content,
[b-887ohwx61y] .col-3.rc_middle_content{
    padding: 10px 12px 10px 0;
}
[b-887ohwx61y] .col-3.rc_first_col_3{
    width: 22%;
}
[b-887ohwx61y] .callList{
    height: 540px !important;
    overflow: visible !important;
}
/* ::deep .callList .e-list-container ul.e-list-parent.e-ul > li{
    height: 520px !important;
} */
/* /Shared/AppComm/SettingsScreen.razor.rz.scp.css */
[b-sb4dwpvlye]::placeholder {
    color: #9FB7D5 !important;
}


.sign-out-btn[b-sb4dwpvlye] {
    height: 50px;
    background: rgb(32,77,129);
    background: linear-gradient(90deg, rgba(32,77,129,1) 0%, rgba(16,39,65,1) 33%);
    border-radius: 50px;
    border: 1px solid #707070;
    color: white;
    font-size: 20px;
    font-weight: 600;
}


.settings-header[b-sb4dwpvlye]{
    height: calc(100vh - 150px);
    overflow: auto;
}

/* Custom scrollbar styling for .settings-header */
.settings-header[b-sb4dwpvlye]::-webkit-scrollbar {
    width: 6px;
}

.settings-header[b-sb4dwpvlye]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);
}

.settings-header[b-sb4dwpvlye]::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.margin-bottom[b-sb4dwpvlye]{
    margin-bottom: 20px;
}

/* /Shared/AppStore.razor.rz.scp.css */

.app-store-badge[b-sgyf5qg5t0]{
    max-width: 250px;
}

.qr-code[b-sgyf5qg5t0]{
    max-width: 200px;
}

.app-store-badge-auth[b-sgyf5qg5t0]{
    max-width: 175px;
    opacity: .6;
}

.qr-code-auth[b-sgyf5qg5t0]{
    max-width: 125px;
    opacity: .6;
}
/* /Shared/Billing/BillingSlider.razor.rz.scp.css */
:root[b-zgqyygjpr1] {
    --blue: #1e90ff;
}


[b-zgqyygjpr1] .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {

    background-color: white;
    height: 14px;
}

[b-zgqyygjpr1] .e-control-wrapper.e-slider-container .e-slider .e-range {

    height: 14px;

}

[b-zgqyygjpr1] .e-control-wrapper.e-slider-container .e-slider .e-handle {

    height: 22px;
    width: 22px;
    border-color: white;
    border-style: solid;
    border-width: 2px;
}

[b-zgqyygjpr1] .e-control-wrapper.e-slider-container .e-slider .e-range {
    background: linear-gradient(135deg, #4e73df, #2c3e50) !important;
}

[b-zgqyygjpr1] .e-control-wrapper.e-slider-container .e-slider .e-handle {
    background: linear-gradient(135deg, #4e73df, #2c3e50) !important;
    border: 1px solid #2c3e50;
    height: 22px;
    width: 22px;
    border-color: white;
    border-style: solid;
    border-width: 2px;

}
/* /Shared/BuyPhoneNumber.razor.rz.scp.css */
@media (max-width: 640px) {

    .overflow-row[b-4i3itff0ka] {

        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        cursor: move;
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: grab;


    }
    
    .overflow-column[b-4i3itff0ka]{
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }


    .overflow-row[b-4i3itff0ka]::-webkit-scrollbar {
        width: 25px; /* width of the entire scrollbar */
    }

    .overflow-row[b-4i3itff0ka]::-webkit-scrollbar-track {
        background: transparent; /* color of the tracking area */
    }

    .overflow-row[b-4i3itff0ka]::-webkit-scrollbar-thumb {
        background-color: #114BA3A8; /* color of the scroll thumb */
        border-radius: 10px; /* roundness of the scroll thumb */
        border: 1px solid #114BA3A8; /* creates padding around scroll thumb */
    }
    
    .phone-number-container[b-4i3itff0ka]{
        height: 174px !important;
        width: 200px !important;
    }
    
}

.phone-number-container[b-4i3itff0ka]{
    height: 200px;
    width: 230px;
    border-radius: 11px;
}


.area-code-search[b-4i3itff0ka]{
    border-bottom: solid #1F7DFC 1px !important;
}

.selected-item[b-4i3itff0ka] {
    background-color: #DBF4E6;
    border-radius: 11px;
}

/*Active number selection*/
[b-4i3itff0ka] .select-number-btn {
    background-color: #1F7DFC !important;
    color: white !important;
    font-size: 12px !important;
}

.phone-flag[b-4i3itff0ka] {
    max-width: 30px;
}

.voice-sms-tag[b-4i3itff0ka] {
    font-size: 10px;
    font-weight: bold;
}

.phone-select[b-4i3itff0ka] {
    border: 1px solid #1F7DFC;
    border-radius: 4px;
    font-size: 12px;
}

.no-numbers-found[b-4i3itff0ka]{
    background-color: #FFA8A8;
    border-radius: 20px;
}
/* /Shared/Callflow/CfChooseOptionItem.razor.rz.scp.css */
.item[b-t3riikz8r5]{
    height: 185px;
}
/* /Shared/Callflow/CfModalPlayer.razor.rz.scp.css */

.player-container[b-9b0fzmwhnl] {
    /* width: 500px; 
     height: 150px;*/
}

.heading[b-9b0fzmwhnl]  .e-label {
    font-weight: bold !important;
}

.player[b-9b0fzmwhnl] {
    color: #008200 !important;
}

.play-button[b-9b0fzmwhnl]{
    color: darkgreen !important;
}

.stop-button[b-9b0fzmwhnl]{
    color: darkred !important;
}

[b-9b0fzmwhnl] .e-upload-files {
    display: none !important;
}
/* /Shared/LoginComponent.razor.rz.scp.css */


[b-zr56xqhdmy] .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon[b-zr56xqhdmy] {
    border-color: transparent!important;
}
/* /Shared/MainLayout.razor.rz.scp.css */


[b-ms4c1thiij] div.content {
    margin-top: 20px;
    margin-left: 175px;
    padding: 1px 16px;
}
[b-ms4c1thiij] .circleaf {
    width: 35px;
    height: 35px;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    font-size: 15px;
    font-weight: normal;
}


[b-ms4c1thiij] .circleusers {
    width: 35px;
    height: 35px;
    background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    font-size: 15px;
    font-weight: normal;
}

[b-ms4c1thiij] .circlecallflows {
    width: 35px;
    height: 35px;
    background: #1f4037; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #99f2c8, #1f4037); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #99f2c8, #1f4037); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    font-size: 15px;
    font-weight: normal;
}

[b-ms4c1thiij] .panel {
    background-color: #E3EFFF;
}

/*added for change in UI*/
[b-ms4c1thiij] .text-secondary {
    color: #6c757d;
    font-weight: bold;
}

[b-ms4c1thiij] .fw-bold {
    font-weight: bold;
}

[b-ms4c1thiij] .ms-2 {
    margin-left: 0.5rem;
}

[b-ms4c1thiij] .nav-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}
[b-ms4c1thiij] .sidebarmenus{
    height: 95%;
    min-height: 600px;
    display: contents !important;
}


@media screen and (max-width: 700px) {

    div.content[b-ms4c1thiij] {
        margin-left: 0;
    }
}
[b-ms4c1thiij] .contain{
    width: calc(100% - 250px);
}


[b-ms4c1thiij] .sidebar_content::-webkit-scrollbar{
	width: 8px;
}
[b-ms4c1thiij] .sidebar_content::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background: linear-gradient(0deg, rgba(0, 166, 255, 1) 0%, rgba(40, 82, 165, 1) 100%);   
}
/* /Shared/SectionPanel.razor.rz.scp.css */
[b-dy6f6shq51] .section-panel{ 
    margin-top: 14px;
}
/* /Shared/SidePanel/TeamStatus.razor.rz.scp.css */
.circleusersavailable[b-r4jdfclxlo] {
    width: 17px;
    height: 17px;
    background: #11998e; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.circleusersunavailable[b-r4jdfclxlo] {
    width: 17px;
    height: 17px;
    background: #ee0979; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff6a00, #ee0979); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff6a00, #ee0979); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    font-size: 10px;
    font-weight: normal;
}
/* /Shared/Signup/SignupUserInfo.razor.rz.scp.css */

.password-reqs[b-8xerk26eu4] {
    line-height: 1;
}
/* /Shared/Signup/WizardStepsBar.razor.rz.scp.css */

.step-box[b-8dj1717cno]{
    height: 55px;
}

.step-box .progress[b-8dj1717cno]{
    height: 6px;
}

.progress-bar-active[b-8dj1717cno] {
    background: #114BA3 0 0 no-repeat padding-box;
}

.progress-bar-complete[b-8dj1717cno] {
    background: #C4E9D4 0 0 no-repeat padding-box;
}

.circle-inactive[b-8dj1717cno] {

    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FFFFFF 0 0 no-repeat padding-box;
    border: 1px solid #114BA3;
    opacity: 1;

}


.circle-active[b-8dj1717cno] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #114BA3;
    background: #114BA3 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #3267B7A8;
    opacity: 1;

}

.circle-complete[b-8dj1717cno] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #C4E9D4;
    background: #C4E9D4 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #3267B7A8;
    opacity: 1;

}


/* /Shared/Unauthorized/UnauthorizedAuthPageWrapper.razor.rz.scp.css */
/* .page-wrapper {
    background-image: url("https://files.thesoftwarematrix.info/public/images/ANSRD_Logo.svg");
    background-image: url("https://files.ansrd.com/public/images/login-logo.svg");
    background-repeat: no-repeat;
    background-size: 36%;
    background-position: calc(102% - 2%);
} */


/* @media (max-width: 768px) {

    .page-wrapper {

        background-image: none !important;

    }
} */
/* /Shared/Unauthorized/UnauthorizedLogo.razor.rz.scp.css */
.unauthorized-logo[b-olpoznvg8t] {

    width: 100%;
    max-width: 70%;
    height: auto;
    opacity: 0.5;
}
span.cursor-pointer[b-olpoznvg8t]{
    display: block;
    width: 100%;
    height: 100%;
    text-align: right
}
.wizard-logo-section .cursor-pointer[b-olpoznvg8t]{
    text-align: center !important;
}
.wizard-logo-section img[b-olpoznvg8t] {
    height: 120px !important;
    width: 200px !important;
}