@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");

body {
    font-family: 'CircularStdBook';
    overflow: hidden;
}

.maincantainer {
    max-width: 410px;
    height: 610px;
}

.calllogcontainer, .contactdetails, .smscontent {
    height: 510px;
}

.Cl-list-container, .SMS-list-container {
    height: 396px;
}

.paddings-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.CL-logoSection {
    margin-top: 10px;
}

    .CL-logoSection .customSelect .dropdown .dropdown-toggle::after {
        background-image: url(../newImages/down.svg);
        width: 20px;
        height: 20px;
        margin-top: -2px;
        float: right;
        margin-left: 4px;
        background-size: contain;
        vertical-align: top;
    }

    .CL-logoSection .customSelect .dropdown .btn {
        color: #151B28;
        font-size: 14px;
        letter-spacing: -0.08px;
        margin-top: 1px;
    }

.logoStyle {
    width: 115px;
}

.CL-logoSection .customSelect .dropdown-menu {
    width: 138px !important;
    left: -17px !important;
}

.CL-logoSection .options-container li {
    font-size: 13px;
}

.CLHeadingSection h2 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    margin-top: 0px;
}

.CLN-title-section {
    width: auto;
    margin: auto;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 12px;
}

.CL-logoSection .customSelect {
    margin-right: -3px;
}

.CLN-title-section .CLsearchBox {
    background: #efeff1;
    border-radius: 7px;
    height: 37px;
    padding-left: 40px;
    padding-right: 18px;
    border: 0px;
    /*padding-top: 3px;*/
    font-size: 14px;
    padding-top: 0px;
    color: #151B28;
}

.smsEditlistheightMain .SS-typetxtbox::-webkit-input-placeholder {
    color: #5F6D7E;
    font-size: 13px;
}

.CLN-title-section .CLsearchBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #919BA7;
    font-size: 14px;
}

.CLN-title-section .CLsearchBox::-moz-placeholder { /* Firefox 19+ */
    color: #919BA7;
    font-size: 14px;
}

.CLN-title-section .CLsearchBox:-ms-input-placeholder { /* IE 10+ */
    color: #919BA7;
    font-size: 14px;
}

.CLN-title-section .CLsearchBox:-moz-placeholder { /* Firefox 18- */
    color: #919BA7;
    font-size: 14px;
}

.CLN-title-section .CL-search-icon {
    margin-top: 5px;
    left: 15px;
    width: 16px;
}

.refreshpagecalllog {
    opacity: 0.5;
    width: 13px;
    margin-right: 2px;
}

    .refreshpagecalllog:hover, .PlusIcon:hover {
        opacity: 1;
    }

.CL-icon-section {
    gap: 8px;
    margin-left: 14px;
}

.CL-boxheading {
    color: #1C2534;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0.2px;
    margin-bottom: 0px;
}

.CL-boxtxt {
    color: #5F6D7E;
    font-size: 13px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -0.1px;
}

.Gap12px {
    gap: 12px;
}

.MB6px {
    margin-bottom: 0.375rem;
}

.CL-timetxt {
    color: #919BA7;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0.5px;
}

.ML2px {
    margin-left: 2px;
}

.boxImg {
    width: 44px;
}

.cursor-pointer {
    cursor: pointer;
}

.CL-boxinnertxt {
    color: #919BA7;
    font-size: 12px;
    font-style: normal;
    line-height: 13.506px;
    letter-spacing: 0.06px;
    margin-left: 4px;
}

.MB9px {
    margin-bottom: 8px;
}

.CL-timedatetxt {
    color: #919BA7;
    font-size: 13px;
    font-style: normal;
    line-height: 13.506px;
}

.sm-boxImg {
    width: 38px;
}

.WS-userIcon {
    width: 11px;
}

.CL-datetimeml36 {
    margin-left: 40px;
}

.txtOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.CL-boxheadingWidth {
    max-width: 232px;
}

.callIcons-placement {
    position: absolute;
    right: 17px;
    top: 10px;
}

.hrbtmStyle {
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    margin-left: 66px;
    border-color: #f5f5f5;
    opacity: 1;
}

.newCLListContainer .CL-list-item:hover {
    background-color: #f0f6f76e;
}

.AudioPlayerContainer {
    border-radius: 7px;
    border: 1px solid #DAE0E6;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    padding: 8px 6px;
    margin-top: 12px;
    margin-bottom: 0px;
}

    .AudioPlayerContainer audio::-webkit-media-controls-panel {
        background-color: white !important;
    }

    .AudioPlayerContainer audio::-moz-media-controls {
        background-color: white !important;
    }

    .AudioPlayerContainer .audiostyleWidth {
        width: 257px;
        height: 18px;
    }

.trancStyle {
    width: 24px;
    margin-left: 0px;
}

.downloadStyle {
    width: 17px;
    margin-top: -2px;
}

.trancStyle, .downloadStyle {
    opacity: 0.8;
}

    .trancStyle:hover, .downloadStyle:hover {
        opacity: 1;
    }

.mr-17px {
    margin-right: 17px;
}

.CL-thankyouTxtSection p {
    color: #5F6D7E;
    font-size: 13px;
    line-height: 13.506px;
    letter-spacing: 0.07px;
}

.CL-thankyouTxtOverFlow {
    max-width: 264px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
}

.CL-thankyouTxtSection span {
    cursor: pointer;
    color: #3CA55C;
    font-size: 13px;
    line-height: 13.506px;
    letter-spacing: 0.07px;
}

.ExpendSecDate span {
    line-height: 12px;
}

.ExpendSecDate span {
    margin-top: 1px;
}

.ExpendSecDate {
    gap: 4px !important;
}

.CanJobTitleMT {
    margin-top: 4px;
    margin-bottom: 5px;
}

.CL-box-right.gap-2 {
    gap: 6px !important;
}

.AddRadiusBul {
    border-radius: 0px;
    border: 0px;
}

.CL-thankyouTxtSection p, .CL-thankyouTxtSection span {
    padding-top: 10px !important;
}

.unreadMsg {
    background-color: #f24949;
    min-width: 18px;
    height: 18px;
    color: #ffffff;
    border-radius: 100%;
    vertical-align: middle;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -4px;
    top: -4px;
    line-height: 18px;
    font-family: 'CircularStdMedium';
    display:none !important;
}

.TranscriptionBtmContainer, .TNS-container {
    height: 517px;
    bottom: -524px;
}

.CopyclipboardTxt {
    cursor: pointer;
    color: #528ff6;
    font-size: 11px;
    letter-spacing: 0.07px;
    line-height: 15px;
}

.VT-Head-container {
    margin-top: 20px;
    margin-left: 13px;
    margin-right: 13px;
}

.gap-12 {
    gap: 12px;
}

.CL-icon {
    width: 26px;
    height: 30px;
}

    .CL-icon img[src*="/newImages/ico_outgoing.svg"], .CL-icon img[src*="/newImages/ico_incoming.svg"] {
        width: 31px;
    }

.mt10 {
    margin-top: 10px;
}

.CL-list-item img[src*="/newImages/WS-missescall.svg"] {
    width: 23px;
}

.CL-list-item img[src*="/newImages/WS-recording.svg"] {
    width: 24px;
}

.callLog-image, .contacts-image, .keypad-image, .sms-image, .settings-image {
    width: 26px;
    height: 26px;
}

.settings-section i {
    margin-top: 1px !important;
}

.sms-section i {
    margin-top: 2px !important;
}

.footer-icons-section {
    height: 64px;
    padding-top: 10px;
}

.CL-icon-section span {
    position: absolute;
    background-color: #f14949;
    min-width: 23px;
    height: 22px;
    color: #FFF;
    border-radius: 100%;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    left: 16px;
    top: -6px;
    font-size: 10px;
    line-height: 17px;
    border: 3px solid #ffffff;
}

.TimeDateMT {
    margin-top: -8px !important;
}

.newfeatureStyle {
    background-color: #f14949;
    font-size: 7px;
    border-radius: 4px;
    color: #FFF;
    padding: 0px 4px;
    position: absolute;
    right: -5px;
    top: -2px;
    z-index: 1;
    padding-left: 4px;
    line-height: 3px;
    height: 11px;
}

.CL-profile-ListContainer .dropdown-toggle::after {
    display: none;
}

.TranscriptionBtmContainer, .TNS-container {
    z-index: 2;
}

.AudioPlayerContainer a:last-child {
    /*margin-left: 13px;*/
}

.callstripContainer {
    /*    width: 100%;
    min-height: 140px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;*/
    width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 2;
}
/*call log strip */
.CLS-container {
    background: #27682C;
    padding: 16px 16px 14px 16px;
}

.CLS-namebox {
    width: 47px;
    height: 47px;
    border-radius: 58.333px;
    background: #A5ACBA;
}

.CLS-shortname {
    color: #FFF;
    font-family: Inter;
    font-size: 15.667px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.117px;
}

.CLS-name {
    color: #FFF;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.1px;
}

.CLS-mb4 {
    margin-bottom: 4px;
    margin-top: 2px;
}

.CLS-timetxt {
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.1px;
    float: left;
}

.CLS-rightInner {
    border-radius: 35px;
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    gap: 9px;
    padding: 8px 10px 8px 8px;
}


/*Icons code*/
.CLS-Icons-container {
    margin-top: 15px;
}

.CLS-icon {
    width: 46px;
    height: 46px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.CLS-RecordIcon {
    background-image: url('../newImages/CLS-RecordIcon.svg');
}

    .CLS-RecordIcon:hover, .active.CLS-RecordIcon {
        background-image: url('../newImages/CLS-RecordIcon-hover.svg');
    }

.CLS-EditIcon {
    background-image: url('../newImages/CLS-EditIcon.svg');
}

    .CLS-EditIcon:hover, .active.CLS-EditIcon {
        background-image: url('../newImages/CLS-EditIcon-hover.svg');
    }

.CLS-DialerIcon {
    background-image: url('../newImages/CLS-DialerIcon.svg');
}

    .CLS-DialerIcon:hover, .active.CLS-DialerIcon {
        background-image: url('../newImages/CLS-DialerIcon-hover.svg');
    }

.CLS-NoteIcon {
    background-image: url('../newImages/CLS-NoteIcon.svg');
}

    .CLS-NoteIcon:hover, .active.CLS-NoteIcon {
        background-image: url('../newImages/CLS-NoteIcon-hover.svg');
    }

.CLS-ViewContactIcon {
    background-image: url('../newImages/ViewContact-icon.svg');
    background-size: contain;
    width: 47px;
    height: 47px;
}

    .CLS-ViewContactIcon:hover, .active.CLS-ViewContactIcon {
        background-image: url('../newImages/ViewContact-icon-hover.svg');
        width: 47px;
        height: 47px;
    }

.CLS-CutIcon {
    background-image: url('../newImages/CLS-CutIcon.svg');
    width: 55px;
    opacity: 0.9;
    height: 55px;
    background-size: contain;
}

.CLS-BullhornIcon {
    background-image: url('../newImages/bullhorn-calling.svg');
    background-size: contain;
}

    .CLS-BullhornIcon:hover, .active.CLS-BullhornIcon {
        background-image: url('../newImages/bullhorn-calling.svg');
    }

.activecalliconsinglecall {
    position: absolute;
    top: -1px;
    right: -1px;
    background-color: #29bb29;
    border-radius: 100%;
    width: 17px;
    height: 17px;
}

    .activecalliconsinglecall img {
        margin-left: 2px;
        margin-top: -9px;
        width: 14px;
        height: 14px;
    }

.candidate-calling {
    width: 12px;
    opacity: 1;
    float: left;
    margin-right: 9px;
}

/*Calling screen */
.CLG-textstatus {
    font-size: 17px;
    color: #F5FAFF;
    line-height: 15px;
    letter-spacing: -0.1px;
    text-align: center;
    padding: 60px 0 0 0;
}

.CLG-middle-box {
    margin-top: 68px;
}

.CLG-nametext {
    color: #FFF;
    font-size: 27px;
    line-height: 24px;
    letter-spacing: -0.6px;
    margin-bottom: 7px;
}

.INCallJobTitle {
    margin-top: 10px;
    font-size: 14px !important;
}

.CLG-subtext {
    color: #FCFCFD;
    font-size: 19px;
    line-height: 19px;
    letter-spacing: 0.2px;
    opacity: 0.8;
    padding-top: 5px;
}

.CLG-roundbox {
    width: 72px;
    height: 72px;
    margin: 13px auto;
    background-color: #FFAE43;
    border-radius: 136px;
}

.CLG-shortname {
    color: #FFF;
    font-family: Inter;
    font-size: 18.926px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.162px;
}

.CLG-btnboxMargin {
    margin: auto;
    width: max-content;
}

.CLG-btnbox {
    margin-top: 34px;
    margin-bottom: 95px;
    padding: 6px 8px;
    border-radius: 23.425px;
    background: rgba(255, 255, 255, 0.15);
    gap: 6px;
    padding-right: 10px;
}

    .CLG-btnbox img {
        width: 20px;
    }

.CLG-btntxt {
    color: #FFF;
    font-size: 11px;
    line-height: normal;
    letter-spacing: 0.2px;
    margin-top: -1px;
}

.CLG-liftcut {
    position: absolute;
    bottom: 50px;
    left: 120px;
    gap: 40px;
}

.CLG-img-w {
    width: 65px;
}

.ScreenHeight {
    height: 615px;
}

.greenBg {
    background: #27682C;
}

.dialKeyHeight, .callOutComeHeight, .ReadcallscriptsHeight {
    background-color: #FFF;
    width: 100%;
    position: absolute;
    top: 147px;
    height: 462px;
    z-index: 2;
}
/*Dialer keypad */
.DLR-Dialer {
    margin-top: 0px;
    /*    position: absolute;
    bottom: 100px;*/
}

.DLR-form-control {
    color: #000;
    text-align: center;
    font-size: 26px;
    line-height: normal;
    letter-spacing: 0.5px;
    padding: 14px 33px;
    caret-color: #000;
    background-color: #FFF;
    border: none;
    padding-top: 2px;
}

    /*.DLR-form-control::placeholder {
        color: #797F80;
        text-align: center;
        font-family: 'CircularStdBook';
        font-size:26px;
    }*/

    .DLR-form-control:focus {
        text-align: center;
        color: #000;
        box-shadow: none;
    }

        .DLR-form-control:focus::placeholder {
            visibility: hidden;
        }

.DLR-keypad-container {
    margin-top: 17px;
}

.DLR-keypadbox {
    gap: 27px;
    width: max-content;
    margin: auto;
    margin-bottom: 12px;
}

    .DLR-keypadbox:last-child {
        margin-bottom: 0;
    }

.DLR-keys {
    width: 62px;
    height: 62px;
    border-radius: 79.484px;
    background-color: #EFEFF1;
    cursor: pointer;
    flex-direction: column;
}

.DLR-keytxt {
    color: #151B28;
    font-size: 22.659px;
    font-style: normal;
    line-height: 100%;
}

.DLR-subtxt {
    color: #2E3646;
    font-size: 10.025px;
    line-height: 100%;
}

.DLR-one {
    margin-top: -9px;
}

.DLR-star {
    padding-top: 9px;
}

.DLR-GrenBG {
    background-color: #3ca55c;
}

.DLR-keys:hover {
    background-color: #3ca55c;
}

    .DLR-keys:hover .DLR-keytxt, .DLR-keys:hover .DLR-subtxt {
        color: #FFF;
    }

.DLR-bgnone {
    background: none !important;
}

input:-webkit-autofill {
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s; /* Prevents flicker */
}

input:-moz-autofill {
    background-color: transparent !important;
}

input:focus:-webkit-autofill {
    background-color: transparent !important;
}

input:focus:-moz-autofill {
    background-color: transparent !important;
}

.DLR-formbox input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #cdcdcd;
    font-size: 16px;
    letter-spacing: -0.4px;
    font-family: Inter;
    font-weight: 300;
}

.DLR-formbox input::-moz-placeholder { /* Firefox 19+ */
    color: #cdcdcd;
    font-size: 16px;
    letter-spacing: -0.4px;
    font-family: Inter;
    font-weight: 300;
}

.DLR-formbox input:-ms-input-placeholder { /* IE 10+ */
    color: #cdcdcd;
    font-size: 16px;
    letter-spacing: -0.4px;
    font-family: Inter;
    font-weight: 300;
}

.DLR-GrenBGWidth {
    width: 59px;
    height: 59px;
}

.opc-8 {
    opacity: 0.7;
}

.clickClearText {
    letter-spacing: 0px;
    color: #5390f8;
    font-size: 11px;
    font-style: normal;
    padding-left: 10px;
    cursor: pointer;
    position: absolute;
    right: 19px;
    top: 10px;
    background-color: #FFF;
}

.CLS-Icons-container .CLS-icon {
    background-image: none !important;
}

.CLS-icon img {
    width: 100%;
}
/*Call outcome */
.WBS-P {
    padding: 0px;
    padding-top: 14px;
}

.WBS-texthead {
    color: #272D37;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.1px;
    margin-top: 16px;
    padding-bottom: 16px;
}

.WBS-label {
    color: #272D37;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.1px;
    margin-bottom: 5px;
    display: block;
}

.WBS-selectformgroup {
    position: relative;
}

.WBS-select {
    padding: 8px 16px;
    border-radius: 5px;
    border: 1px solid #DAE0E6;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    color: #272D37;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.1px;
    padding-right: 40px;
    width: 100%;
    appearance: none;
    background-image: url(../newImages/WBS-down.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-position-x: 97%;
    background-position-y: center;
}

    .WBS-select:focus {
        box-shadow: none;
        border: 1px solid #DAE0E6;
    }

.My-form-control {
    border-radius: 5px;
    border: 1px solid #DAE0E6;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    color: #272D37;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.1px;
}

    .My-form-control::placeholder {
        color: #919BA7;
    }

    .My-form-control:focus {
        box-shadow: none;
        border: 1px solid #DAE0E6;
    }

.My-mb24 {
    margin-bottom: 24px;
}

.WBS-textarea-H {
    height: 142px;
}

.WPS-textarea {
    padding: 9px 16px;
    resize: none;
}

.WPS-bordertop {
    border-top: 1px solid #EAEBF0;
}

.WBS-footer {
    position: absolute;
    bottom: 0;
    padding: 8px 16px;
    background: #FFF;
    gap: 18px;
}

.WBS-btn {
    padding: 10px 18px;
    border-radius: 6px;
    border: 1px solid #DAE0E6;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    font-family: Inter;
    color: #272D37;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}

.WBS-footer .WBS-btn {
    width: 50%;
}

.WBS-grnbtn {
    background: #41AE49;
    color: #FFF;
    border: none;
}
/*Read call scripts*/
.RCS-container {
    padding: 14px 16px;
}

.RCS-texthead {
    color: #272D37;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.1px;
    border-bottom: 1px solid #EAEBF0;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-bottom: 13px;
    padding-right: 16px;
}

.RCS-searchbox {
    margin-top: 14px;
}

    .RCS-searchbox .My-form-control {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.4px;
        border-radius: 10px;
        background-color: #EFEFF1;
        padding: 10px 12px;
        padding-left: 39px;
    }

.RCS-search {
    position: absolute;
    top: 0;
    margin-left: 12px;
    margin-top: 11px;
}

.RCS-acceptbox {
    padding: 10px 10px 10px 12px;
    border-radius: 4px;
    border: 1px solid #EAEBF0;
    background: #FFF;
    margin-top: 0px;
    margin-bottom: 14px;
    position: relative;
}

    .RCS-acceptbox:last-child {
        margin-bottom: 0;
    }

    .RCS-acceptbox:hover {
        background-color: #f9f9f9;
    }

.RCS-actboxheader {
    margin-bottom: 4px;
}

.RCS-actboxtext {
    color: #5F6D7E;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.1px;
}

.RCS-para {
    color: #1C2534;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.2px;
    margin-bottom: 0;
}

.RCS-pinimg {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    background-color: #FFF;
    display: none !important;
}
/*Read call scripts screen 2 */
.RCS-arrowbox {
    gap: 6px;
    margin-top: 12px;
    margin-bottom: 12px;
    float: left;
    cursor: pointer;
    position: absolute;
    left: 9px;
    top: 0px;
    background-color: #FFF;
    border-radius: 100%;
    padding: 5px;
}

    .RCS-arrowbox:hover, .BLK-back:hover {
        background-color: #e1e1e1;
    }

.RCS-acptng {
    color: #2E3646;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
}

.RCS-parabox {
    padding: 0px 0px 0px 0px;
    border-radius: 4px;
    /* background-color: #FAFBFC; */
    height: 526px;
    overflow: auto;
    width: 102%;
    padding-right: 9px;
    margin-top: 16px;
}

.RCS-ptext {
    color: #1C2534;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -0.2px;
    margin-bottom: 16px;
}

    .RCS-ptext:last-child {
        margin-bottom: 0;
    }

.SearchBoxStyleContainer {
    position: relative;
    margin-top: 14px;
}

.SearchBoxStyle {
    background: #efeff1;
    border-radius: 7px;
    height: 37px;
    padding-left: 40px;
    padding-right: 18px;
    border: 0px;
    padding-top: 3px;
    font-size: 14px;
    width: 100%;
    color: #151B28;
    display: block !important;
}

.SearchBox-icon {
    margin-top: 10px !important;
    left: 15px;
    width: 16px;
    position: absolute;
    float: none !important;
}

.RCS-arrowbox img {
    width: 18px;
}

.defaultimagesinglecall {
    opacity: 0.9;
    width: 17px;
}
/*header {
    z-index: 2;
    position: relative;
}*/
.DLR-formbox {
    margin-top: 30px;
}

.showCallIcon-section {
    display: none;
}

.back-btn-ali {
    right: -80px !important;
    width: 47px !important;
    top: 16px !important;
    height: 47px !important;
}

.gap36 {
    gap: 36px;
    margin-top: 13px;
}

.clickkeypadnewsmsW {
    width: 47px;
    height: 47px;
}

.showCallIcon-section .DLR-keys img {
    width: 100%;
}

.keypaiddialer form {
    background-color: #FFF !important;
}
/*.CLS-BullhornIcon {
    width: 41px;
    height: 41px;
    margin-top:2px;
}*/
.setMarginTop4 {
    margin-top: 4px;
}

.callscreendisplaynamearedefaultimgWidth {
    width: 28px;
}

.userProfileWLG {
    width: 32px;
}

.userProfileWSM {
    width: 18px;
}

.VS-container, .CPW-container, .EC-SendSms-container, .callscripts-container, .CF-container, .VMP-container, .CS-container, .createNewScript-container, .editNewScript-container, .SMST-container, .createSmsTemplate-container, .editSmsTemplate-container, .VMT-container, .createVoiceMailTemplate-container, .editVoiceMailTemplate-container, .CL-SendSms-container {
    height: 610px;
}

.CL-RCS-list-container {
    height: 480px;
}

.incomingcallfromvia {
    padding-top: 8px;
    opacity: 1;
    font-size: 13px;
    color: #f5faffad;
}

    .incomingcallfromvia span {
        font-size: 13px;
        color: #f5faffad;
    }

.CLG-edit {
    margin-top: -2px;
}
/*.CLS-ViewContactIcon img.active:hover {
    content: url('../newImages/ViewContact-icon-hover.svg');
}*/
.img-mute:hover, .img-mute.active:hover {
    content: url('../images/ico_mute_active.svg');
}

.CLS-EditIcon img:hover, .CLS-EditIcon img.active {
    content: url('../newImages/CLS-EditIcon-hover.svg');
}

.CLS-ViewContactIcon img:hover, .CLS-ViewContactIcon img.active {
    content: url('../newImages/ViewContact-icon-hover.svg');
}

.clickSendSms:hover, .clickSendSms.active {
    content: url('../newImages/SMS-icon-hover.svg');
}

.CLS-DialerIcon img:hover, .CLS-DialerIcon img.active {
    content: url('../newImages/CLS-DialerIcon-hover.svg');
}

.clickReadCallScripts:hover, .clickReadCallScripts.active {
    content: url('../newImages/CLS-NoteIcon-hover.svg');
}

.CL-RCS-list-container {
    width: 102%;
    padding-right: 4px;
    margin-top: 15px;
}

.CloseBtnStyle {
    position: absolute;
    right: 12px;
    top: 10px;
    /* background-color: #e1e1e1; */
    padding: 6px;
    padding-left: 7px;
    width: 31px;
    border-radius: 100%;
    opacity: 0.7;
}

    .CloseBtnStyle:hover {
        background-color: #e1e1e1;
        opacity: 1;
    }

.RCS-arrowbox img {
    opacity: 0.8;
}

.ChangeTxtColor:hover .RCS-arrowbox img {
    opacity: 1;
}

.ChangeTxtColor:hover .RCS-acptng {
    color: #000000;
}
/*.SearchBoxStyle:focus {
    background: #d9d9d9;
}*/
.CL-boxgp {
    gap: 10px;
}

.WS-BtnBox {
    border-radius: 6px;
    border: 1px solid #DAE0E6;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer !important;
}

    .WS-BtnBox:hover {
        background-color: #DAE0E6;
    }

.CL-imgW {
    width: 20px;
    height: 20px;
}

.CL-Infobox {
    width: 35px;
    height: 35px;
    padding: 9px;
    border-radius: 5px;
    border: 1px solid #DAE0E6;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}

    .CL-Infobox:hover {
        background: #DAE0E6;
    }

.CL-boximg {
    width: 21px;
    height: 21px;
}

.CL-gp2 {
    gap: 7px;
}

.CL-plusW {
    width: 15px;
    height: 13px;
}

.CLS-NoteIcon {
    width: 48px;
    height: 48px;
}

.DLR-Round {
    width: 48px !important;
    height: 48px !important;
    border-radius: 83.2px;
    background: #FFF;
}

    .DLR-Round:hover {
        background-color: #EFEFF1;
    }

.DLR-Msg {
    border: 1.6px solid #437EF7;
}

.DLR-Delete {
    border: 1.6px solid #49556D;
}

.DLR-MainCAll {
    background: #41AE49;
}

    .DLR-MainCAll:hover {
        background: #0d9316;
    }

    .DLR-MainCAll img {
        width: 27px !important;
    }

.DLR-Round img {
    width: 20px !important;
    height: 20px !important;
}

.DLR-Delete img {
    margin-right: 2px;
}

.Ca-lastCallDetailsContainer, .DA-Container, .PF-Container {
    top: 0px;
    height: 610px;
}

.CA-SC-timezone .customSelect .dropdown .btn {
    border-radius: 5px;
    border: 1px solid #DAE0E6;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    color: #272D37;
    font-size: 13px;
    letter-spacing: -0.1px;
    height: auto;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 9px;
}

.CA-callOutComes-content .CA-SC-timezone .customSelect .dropdown .dropdown-toggle::after {
    background-image: url(../newImages/WBS-down.svg);
    width: 17px;
    height: 15px;
    background-repeat: no-repeat;
    margin-top: -3px;
    margin-right: 10px;
    padding-top: 0px;
}

.max-width330 {
    max-width: 326px;
}

.CA-calldetails-content, .CA-callOutComes-content {
    height: 490px;
}

.customSelect .dropdown-menu {
    border: 1px solid #e3e3e3;
    border-top: 0px;
}

.View-ContactContainer {
    z-index: 1;
}

.BLK-btn {
    width: 34px;
    height: 34px;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #DAE0E6;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}

    .BLK-btn img {
        width: 20px;
    }

    .BLK-btn:hover {
        background-color: #DAE0E6;
    }

.BLK-header {
    padding: 12px;
    padding-right: 15px;
}

.BLK-right {
    gap: 13px;
}

.BLK-text {
    color: #E2341D;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.1px;
}

.BLK-userbox {
    margin: auto;
    width: max-content;
    text-align: center;
}

.BLK-userPic {
    width: 70px;
}

.BLK-username {
    color: #151B28;
    text-align: center;
    font-size: 20px;
    line-height: 16px;
    letter-spacing: -0.1px;
}

.BLK-numbersboxmain {
    padding: 0px 20px;
    margin-top: 18px;
}

.BLK-numbersbox {
    padding: 11px 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 0px;
}

.BLK-headtext {
    color: #5F6D7E;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.1px;
    margin-bottom: 2px;
}

.BLK-Para {
    color: #919BA7;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.1px;
}

.BLK-PrimaryTxt {
    color: #919BA7;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: -0.1px;
    display: none;
}

.BLK-Primaryemail {
    color: #919BA7;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.1px;
    margin-bottom: 9px;
}

/*.BLK-numbersbox-right {
    gap: 16px;
    margin-top: 10px;
    margin-bottom: 16px;
}*/
.BLK-numbersbox-right {
    gap: 16px;
}

.BLK-BtnBox {
    border-radius: 6px;
    border: 1px solid #DAE0E6;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

    .BLK-BtnBox:hover {
        background-color: #DAE0E6;
    }

.BLK-imgW {
    width: 20px;
    height: 20px;
}

.BLK-round-user {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #F5F5F5;
    margin: auto;
}

    .BLK-round-user img {
        width: 27px;
    }

.VC-shortname {
    color: #56688d;
    font-family: Inter;
    font-size: 15.667px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: -0.117px;
}

.VC-headingSection {
    margin-top: 12px;
}

.ContactStatusW {
    width: 11px;
    margin-top: 3px;
}

.BLK-PrimaryTxt {
    margin-bottom: 10px;
}

.BLK-username {
    margin-bottom: 17px;
    margin-top: 7px;
}

.BLK-back {
    width: 28px;
    margin-top: -2px;
    border-radius: 100%;
    padding: 4px;
}

.BLK-text:hover {
    color: #bd1600;
}

/*Tabs*/
.CA-tabs-section {
    border-bottom: 1px solid #EAEBF0;
}

    .CA-tabs-section.nav-tabs li {
        width: 50%;
        position: relative;
    }

        .CA-tabs-section.nav-tabs li:first-child {
            margin: 0;
        }

    .CA-tabs-section.nav-tabs .nav-link {
        color: #5F6D7E;
        font-family: Inter;
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.1px;
        padding: 10px 0.7rem 0.7rem 0.7rem;
        text-align: center;
        margin: 0;
        border-radius: 0px;
    }

        .CA-tabs-section.nav-tabs .nav-item.show .nav-link, .CA-tabs-section.nav-tabs .nav-link.active {
            color: #3CA55C;
            font-family: Inter;
            font-weight: 600;
            border-bottom: 1px solid #3CA55C;
        }

.View-ContactContainer .CA-calllogs-section, .View-ContactContainer .CA-sms-section .SS-innerContainer {
    height: 344px;
}

.WSP-modal-dialog {
    width: 332px;
    border-radius: 4px;
    background: #FFF;
    z-index: 1052;
}

.WSP-modal-header {
    padding: 18px 18px 0 18px;
    margin-bottom: 6px;
}

.WSP-modal-body {
    padding: 0 20px;
}

.WSP-modal-footer {
    padding: 22px 18px 18px 18px;
}

.WSP-modal-title {
    color: #1C1B1F;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.1px;
}

.WSP-modalpara {
    color: #929394;
    font-size: 13px;
    font-style: normal;
    line-height: 18px;
    letter-spacing: 0.25px;
    margin-bottom: 0;
}

.WSP-modalbtn {
    height: 38px;
    padding: 4px;
    border-radius: 2px;
    background: #FFF;
    color: #1C1D21;
    text-align: center;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.1px;
    border: none;
    cursor: pointer;
}

.WSP-whitebtn {
    border: 1px solid rgba(28, 29, 33, 0.20);
}

    .WSP-whitebtn:hover {
        background: rgba(28, 29, 33, 0.20);
    }

.WSP-redbtn {
    background: #D83E3E;
    color: #FFFFFF;
}

    .WSP-redbtn:hover {
        background: #af1717;
    }

.WSP-modal-gap {
    gap: 8px;
}

.WSP-modal-backdrop {
    z-index: 1050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
}

.CA-tabs-section.nav-tabs .nav-link:hover {
    color: #3CA55C;
    background-color: #f9f9f9;
}

.WSP-msgprofilebox {
    padding: 8px 16px 8px 16px;
    border-bottom: 1px solid #EAEBF0;
    border-left: 1px solid #EAEBF0;
    background: #FFF;
    margin-bottom: 10px;
}

.WSP-PD-left {
    gap: 10px;
}

.WSP-UserDetails {
    gap: 7px;
}

.WSP-UserName {
    color: #272D37;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.1px;
    margin-bottom: -2px;
}

.WSP-UserNumber {
    color: #5F6D7E;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: -0.1px;
    margin-bottom: 0;
}

.WSP-UserDetails img {
    width: 20px;
}

.gap7 {
    gap: 7px;
}

.WSP-PDimg {
    width: 40px;
}

.WSP-PD-right {
    gap: 10px;
}


.WSP-MessageContainer {
    padding-left: 5px;
    padding-right: 8px;
}

.WSC-left {
    gap: 9px;
    margin-bottom: 22px;
}

.WSC-msg-dp {
    width: 35px;
    height: 35px;
    flex-shrink: 0;
}

    .WSC-msg-dp img {
        width: 100%;
        border-radius: 100%;
    }

.WSC-msgboxright {
    width: 76%;
}

.WSC-namedate-box {
    gap: 8px;
    margin-bottom: 4px;
}

.WSC-person-name {
    color: #49556D;
    font-size: 12px;
    line-height: 20px;
    flex: 1 0 0;
}

.WSC-msgtime {
    color: #919BA7;
    font-size: 11px;
    line-height: 18px;
}

.WSC-msgbox {
    padding: 8px 10px;
    border-radius: 0px 8px 8px 8px;
    background-color: #F2F4F7;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.WSC-msgtxt {
    color: #1C2534;
    font-size: 13px;
    line-height: 20px;
}

.WSC-right {
    margin-bottom: 22px;
}

.WSC-msgbox-green {
    padding: 10px 14px;
    border-radius: 8px 0px 8px 8px;
    background-color: #3CA55C;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.WSC-msgtxtright {
    color: #FFF;
    font-family: Inter;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.WSC-msgfilebox {
    border: 1px solid #EAECF0;
    background-color: #FFF;
    border-radius: 8px 0px 8px 8px;
    padding: 8px 14px 8px 12px;
}

.WSC-filebox {
    gap: 10px;
}

.WSC-filetxt {
    color: #1C2534;
    font-size: 13px;
    line-height: 17px;
    max-width: 230px;
}

.WSC-filesize {
    color: #5F6D7E;
    font-size: 13px;
    line-height: 17px;
    margin-top: 2px;
}

.WSC-Fileimg {
    width: 32px;
    height: 32px;
    margin-top: 1px;
    border: 1px solid #d1ead8;
    border-radius: 100%;
    padding: 4px;
    background-color: #e2f2e7;
}

.WSC-rightmsgbox {
    width: 76%;
}

.WSC-footer {
    position: absolute;
    bottom: 0;
    padding: 24px 12px 16px 12px;
    background-color: #FFF;
    border-radius: 5px;
}

.WSC-send-section {
    gap: 12px;
}

.WSC-sendform {
    width: 100%;
}

    .WSC-sendform .My-form-control {
        border-radius: 112px;
        background: #F7F7F8;
        padding: 8px 85px 8px 16px;
        border: none;
        font-family: Inter;
        font-weight: 400;
    }

        .WSC-sendform .My-form-control::placeholder {
            color: #5F6D7E;
        }

.WSC-InputIcons {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 8px;
    padding-right: 24px;
    display: flex;
    gap: 10px;
}

.WSC-Input-img {
    width: 24px;
}

.WSP-btnbox {
    width: 38px;
    height: 38px;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #DAE0E6;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}

    .WSP-btnbox:hover {
        background-color: #DAE0E6;
    }

.WSP-BullIconW {
    width: 22px;
}

.width330 {
    width: 330px;
}

.ico_messfailed_img {
    margin-top: 0;
    margin-left: 5px;
    width: 17px;
}

.failedtosend_txt {
    letter-spacing: 0px;
    color: #D93D3D;
    font-size: 11px;
    text-align: right;
    clear: both;
    margin-top: 4px;
    padding-right: 22px;
}

.View-ContactContainer .CA-sms-section .SS-innerContainer {
    overflow-x: hidden;
    margin-top: 18px;
}

.CL-SendSms-container {
    margin-top: 0px;
}

    .EC-SendSms-container .EC-sms-section, .CL-SendSms-container .EC-sms-section {
        height: 546px;
    }

    .EC-SendSms-container .EC-innerContainer, .CL-SendSms-container .EC-innerContainer {
        height: 464px;
        border-bottom: 1px solid #EAEBF0;
        overflow-x: hidden;
    }

.enterchat, .enterEditchat, .CLenterchat {
    margin-top: 15px;
}

.call-Block-style {
    width: 12px;
    margin-top: -3px;
    margin-right: 3px;
    opacity: 0.8;
}

.BLK-text:hover .call-Block-style {
    opacity: 1;
}

.Ca-lastCallDetailsContainer .WBS-footer .WBS-btn {
    width: 123px;
}
/*Tabs*/
.contacts-tabs-section {
    border-bottom: 1px solid #EAEBF0;
}

    .contacts-tabs-section.nav-tabs li {
        width: 50%;
    }

        .contacts-tabs-section.nav-tabs li:first-child {
            margin: 0;
        }

    .contacts-tabs-section.nav-tabs .nav-link {
        color: #5F6D7E;
        font-family: Inter;
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.1px;
        padding: 10px 0.7rem 0.7rem 0.7rem;
        text-align: center;
        margin: 0;
    }

        .contacts-tabs-section.nav-tabs .nav-item.show .nav-link, .contacts-tabs-section.nav-tabs .nav-link.active {
            color: #3CA55C;
            font-family: Inter;
            font-weight: 600;
            border-bottom: 2px solid #3CA55C;
        }

        .contacts-tabs-section.nav-tabs .nav-link:hover {
            color: #3CA55C;
            background-color: #f9f9f9;
        }

.contacts-tabs-section {
    margin-top: 0px;
}

.CT-External-section, .CT-Internal-section {
    height: 363px;
}

.searchBoxSpaces {
    padding: 0px 16px 7px 16px;
}

.CTC-box {
    padding: 20px 16px;
    padding-bottom: 0px;
    padding-top: 14px;
}

.Gap16px {
    gap: 10px;
}

.CTC-content {
    margin-top: 2px;
}

.CTC-boxheading {
    color: #151B28;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -0.1px;
    margin-bottom: 5px;
}

.CTC-usershort {
    width: 44px;
    height: 44px;
    border-radius: 42.857px;
    background: #DAE0E6;
    flex-shrink: 0;
}

.CTC-shorttxt {
    color: #6B7B8F;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
}

.CTC-timetxt {
    color: #919BA7;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.1px;
    margin-left: 1px;
}

.CTC-smallusericon, .CT-exlist-item .CandidateAndContactStatusIconStyle {
    width: 11px;
    height: 11px;
    margin-right: 3px;
}

.contacts-tabs-section .hrbtmStyle {
    margin-top: 0px;
    margin-left: 80px;
}

.CT-phoneNumber {
    color: #919BA7;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.1px;
    padding-bottom: 0px;
    margin-bottom: 4px;
    padding-top: 1px;
    /* display: none; */
}

.CTC-datetime {
    padding-top: 2px;
    clear: both;
}

.max-width173 {
    max-width: 320px;
}

.CTC-MainContainer, .SMS-MainContainer {
    background-color: #FFF;
}

    .CTC-MainContainer:hover {
        background-color: #FFF;
    }

.contactmouseover, .contactinternalmouseover {
    position: absolute;
    right: 17px;
    top: 16px;
}

    .contactmouseover .CL-box-right, .contactinternalmouseover .d-flex {
        gap: 7px;
    }

.CT-inlist-container .CTC-content {
    margin-top: 7px;
}

.RemoveBlockListIconStyle {
    position: absolute;
    top: -2px;
    right: -5px;
    background-color: #FFF;
    padding: 2px;
    width: 19px;
    border-radius: 100%;
    margin-top: -3px;
    margin-right: 3px;
    opacity: 0.8;
}

.CTS-blockListTxt {
    color: #E2341D;
    font-size: 11px;
    margin-top: 0px;
}

.Cl-timestatus-container {
    top: 3px;
    width: 132px;
}

.CT-blaclisted-sec .Cl-timestatus-container span {
    background-color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
}

.CT-exlist-item:hover .Cl-timestatus-container span {
    background-color: #FFF;
}
/* Settings screen */
.STG-header {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 12px;
    margin-bottom: 3px;
}

.STG-headingtext {
    color: #000;
    font-size: 28px;
}

.STG-Users {
    padding: 12px 14px;
    gap: 12px;
}

.STG-Usersbox {
    width: 66px;
    height: 66px;
    border-radius: 50px;
    background: #A5ACBA;
    flex-shrink: 0;
}

.STG-shorttxt {
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.2px;
}

.STG-Usertxt {
    color: #1C1D21;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.2px;
    margin-bottom: 4px;
}

.STG-Usermail {
    color: #3B3B3B;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.31px;
    display: block;
}

.STG-List {
    background: #FFF;
    padding: 14px 20px 14px 14px;
}

    .STG-List:hover {
        background-color: #f0f6f76e;
    }

.STG-heading2 {
    color: #1C2534;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0.1px;
    margin-bottom: 6px;
}

.STG-para {
    color: #919BA7;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.41px;
    display: block;
}

.STG-hr {
    border-top: 1px solid #F5F5F5;
    opacity: 1;
    margin: 0px;
    padding: 0px;
    margin-left: 14px;
}

.STG-logoutext {
    color: #F15146;
    margin-bottom: 0;
}

.STG-right-arrow {
    width: 21px;
}
/* Change password screen */
.CWP-header {
    padding: 0 16px 12px 16px;
    border-bottom: 1px solid #EAEBF0;
    border-left: 1px solid #EAEBF0;
    background-color: #FFF;
    gap: 10px;
}

.CWP-headertxt {
    color: #272D37;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.1px;
}

.CWP-body {
    padding: 16px;
}

.CWP-formgroup .My-form-control {
    padding: 7px 16px;
    font-size: 14px;
}

.CWP-m32 {
    margin-bottom: 24px;
}

.CWP-info {
    padding: 10px;
    border-radius: 5px;
    border: 1.5px solid #EEA23E;
    background-color: #FFF8EB;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}

.CWP-info-inner {
    gap: 10px;
}

.CWP-info-img {
    width: 19px;
    margin-top: 2px;
}

.CWP-info-text {
    color: #49556D;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.CWP-footer {
    padding: 8px 16px;
    background: #FFF;
    gap: 18px;
}

.CL-fit-body-sec {
    height: 490px;
}

.green-bg {
    z-index: 999;
}

.CWP-footer .WBS-btn {
    width: 100%;
}

.CWP-bck {
    width: 28px;
    padding: 4px;
    float: none;
    vertical-align: middle;
    margin: 0;
    margin-top: -1px;
    border-radius: 100%;
}

    .CWP-bck:hover {
        background-color: #e1e1e1;
    }

.WSP-PWD-Section {
    position: relative;
}

    .WSP-PWD-Section img {
        width: 15px;
        height: 15px;
        position: absolute;
        right: 0;
        top: 0;
        margin: 10px 12px 0 0;
        cursor: pointer;
    }

.WBS-whitebtn:hover {
    background-color: rgba(28, 29, 33, 0.20);
}

.WBS-grnbtn:hover {
    background-color: #0d9316;
}

.smscontent .SearchBoxStyleContainer {
    margin-top: 4px;
}

.PlusIcon {
    opacity: 0.7;
    width: 15px;
    margin-right: 2px;
}

.SMS-Container {
    padding: 20px 16px;
    padding-top: 14px;
    padding-bottom: 0px;
    padding-right: 10px;
}

.SMS-InnerBox {
    gap: 12px;
}

.SMS-UserProfile {
    width: 54px;
    height: 54px;
}

.SMS-headtext {
    color: #151B28;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.1px;
    margin-right: 7px;
}

.SMS-timedate {
    color: #5F6D7E;
    font-family: Inter;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.1px;
}

.SMS-Text {
    color: #919BA7;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.1px;
    margin-bottom: 0;
    margin-right: 10px;
    width: 281px;
}

.SMS-header {
    margin-bottom: 4px;
}

.WSP-textoverflow {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.WSP-dotsmenu {
    width: 29px;
    height: 29px;
    align-items: center;
    display: flex !important;
    justify-content: center;
    border-radius: 4px;
}

    .WSP-dotsmenu:hover {
        background-color: #e1e1e1;
    }

.defultimage, .SMSdefultimage {
    width: 22px;
}

.SMS-headContactsIcons {
    width: 12px;
    height: 12px;
    margin-top: -3px;
}

.SMS-list-container {
    margin-top: 10px;
}

.MaxWSMSHeading {
    max-width: 150px;
}

.SMS-list-item {
    padding: inherit !important;
    border-bottom: 0px;
}

.SMS-call-count {
    background-color: #F24949;
    font-size: 12px !important;
    color: #FFF;
    border-radius: 2px;
    margin: auto;
    text-align: center;
    margin-right: 6px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: -2px;
    line-height: 19px;
}

.SMS-list-item .customSelect .dropdown-menu {
    transform: translate3d(-101px, 0px, 0px) !important;
}

.SMS-custom-select .dropdown-menu {
    min-width: 8rem;
    margin-top: -15px;
}

.SMS-list-item .customSelect .dropdown-menu {
    left: -32px !important;
}

.options-container li {
    font-size: 12px;
}

.EC-SendSms-container, .SMS-NM-container, .CPW-container, .VS-container, .CF-container, .VMP-container, .CS-container, .createNewScript-container, .editNewScript-container, .SMST-container, .createSmsTemplate-container, .editSmsTemplate-container, .VMT-container, .createVoiceMailTemplate-container, .editVoiceMailTemplate-container, .CL-SendSms-container, .TNS-container {
    margin-top: 0px;
}

.Add-item-icon {
    width: 27px;
    height: 27px;
    padding: 10.667px;
    margin-top: -1px;
    background-color: #919BA7;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

    .Add-item-icon img {
        width: 17px;
    }

    .Add-item-icon:hover {
        background-color: #5a6c83;
    }

.WSC-Input-img {
    width: 24px;
}

.WSC-Input-img {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: 22px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.WSC-Input-emoji {
    width: 24px;
}

.WSC-Input-emoji {
    background-image: url("/newImages/Happy-icon.svg");
}

.WSC-Input-paper {
    background-image: url("/newImages/Paperpin.svg");
}

.WSC-Input-emoji:hover {
    background-image: url("/newImages/Happy-icon-hover.svg");
}

.WSC-Input-paper:hover {
    background-image: url("/newImages/Paperpin-hover.svg");
}

.Msg-sendbtn {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: 28px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("/newImages/Msg-send-arrow.svg");
    flex-shrink: 0;
}

    .Msg-sendbtn:hover {
        background-image: url("/newImages/Msg-send-arrow-hover.svg");
    }

.BLK-back {
    height: 28px;
}

.EC-SendSms-container .BLK-back, .CL-SendSms-container .BLK-back {
    margin-left: -7px;
}

.WSP-usershort {
    width: 37px;
    height: 37px;
    border-radius: 42.857px;
    background: #DAE0E6;
    flex-shrink: 0;
}

.WSP-shorttxt {
    color: #6B7B8F;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
}

.WSP-UserNameWidth {
    max-width: 200px;
}

.smslistheightMain .SS-typetxtbox, .smsEditlistheightMain .SS-typetxtbox, .smslistCLheightMain .SS-typetxtbox {
    width: 334px;
    margin-left: 15px;
    line-height: 18px;
    font-size: 13px;
    padding-top: 5px;
    height: 63px;
    border-color: #F7F7F8;
    border: 0;
    background-color: #F7F7F8;
    padding-right: 62px;
    color: #272D37;
}

.CLTemplateRight, .CLEditTemplateRight, .NewSMSTemplateRight {
    float: left;
    width: 320px;
}

.EC-SendSms-container .EC-sms-section, .CL-SendSms-container .EC-sms-section {
    height: 546px;
}

#clickEditTemplateOpen:hover, #clickTemplateOpen:hover, #clickCLTemplateOpen:hover {
    content: url('../newImages/ico_template_open-hover.svg');
}

#clickEditTemplateClose:hover, #clickTemplateClose:hover, #clickCLTemplateClose:hover {
    content: url('../newImages/ico_template_close-hover.svg');
}

#contacttosendsms:hover, #newsmssendtext:hover, #internalcontacttosendsms1:hover, #contacttosendsms1:hover {
    content: url('../newImages/ico_sendsms-hover.svg');
}

.attachment-icon:hover {
    content: url('../newImages/Paperpin-hover.svg');
}

.ui-widget.ui-widget-content .ui-menu-item-wrapper {
    border: none !important;
}

    .ui-widget.ui-widget-content .ui-menu-item-wrapper:hover {
        border: none !important;
    }

.width20 {
    width: 23px;
    height: 23px;
    margin-bottom: 3px;
    cursor: pointer;
}

.CLEditTemplateRight > span, .NewSMSTemplateRight > span, .CLTemplateRight > span {
    position: absolute;
    right: 32px;
    font-size: 18px !important;
    bottom: 7px;
    opacity: 0.9;
}

    .CLEditTemplateRight > span:hover, .NewSMSTemplateRight > span:hover, .CLTemplateRight > span:hover {
        opacity: 1;
    }

.sendSms-icon {
    width: 28px;
    right: -43px;
    top: 17px;
}

.attachment-icon {
    width: 20px;
    bottom: 11px;
    right: 8px;
}

.TLT-Heading {
    color: #384255;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -0.1px;
    margin-bottom: 8px;
    padding: 8px 16px 0px 16px;
    background: #F7F7F8;
}

.TLT-box {
    padding: 8px;
    border-radius: 8px;
    background: #FFF;
    margin-bottom: 8px;
}

.TLT-smallheading {
    color: #919BA7;
    font-size: 11px;
    line-height: 130%;
    letter-spacing: -0.1px;
}

.TLT-para {
    color: #1C2534;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.1px;
    margin-bottom: 0;
}

.Calldesc {
    width: 376px;
    margin: auto;
}

.positioncheckresult {
    word-wrap: break-word;
    text-align: left;
    line-height: 19px;
    cursor: pointer;
}

    .positioncheckresult p {
        margin-bottom: 0px;
    }

.CLTemplatesConatiner, .CLEditTemplatesConatiner, .NewSMSTemplatesConatiner {
    background-color: #f7f7f8;
}

.ui-widget.ui-widget-content {
    font-size: 12px;
    padding-bottom: 4px;
    padding-top: 4px;
    color: #6A7273;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0px 2px 5px #e3e3e3;
    border: 1px solid #e3e3e361 !important;
}

.ui-menu .ui-menu-item {
    padding-top: 4px;
    padding-bottom: 4px;
    outline: none !important;
}

    .ui-menu .ui-menu-item:hover {
        background-color: #F0F6F7;
        color: #101C1D;
        font-family: 'CircularStdBold';
    }

.ui-menu .ui-menu-item-wrapper {
    padding-bottom: 4px;
    padding-top: 4px;
    color: #6A7273;
    padding-left: 10px;
    padding-right: 10px;
}

.SMS-NM-container {
    height: 610px;
}

    .SMS-NM-container .CWP-bck, .CPW-container .CWP-bck, .VS-container .CWP-bck, .PF-Container .CWP-bck, .DA-Container .CWP-bck {
        margin-left: -6px;
    }

    .SMS-NM-container .CWP-header {
        gap: 4px;
        margin-bottom: 10px;
    }

.to-txt {
    color: #757c7c;
    font-size: 13px;
    margin-top: 6px;
    margin-left: 4px;
}

.SMS-NM-container .EC-sms-section {
    height: 508px;
}

.SMS-NM-container .EC-innerContainer {
    height: 429px;
    border-bottom: 1px solid #EAEBF0;
}

#ui-id-1.ui-widget.ui-widget-content {
    top: 117px !important;
}

.DLR-container form {
    width: 93%;
    margin: auto;
}

#ui-id-2.ui-widget-content {
    top: 83px !important;
}

.CT-exlist-container .cursor-pointer, .CT-inlist-container .cursor-pointer {
    cursor: default;
}

.SGS-links-section {
    height: 394px;
}

.SGS-header {
    margin-left: 16px;
    margin-top: 11px;
    margin-bottom: 7px;
}

    .SGS-header .WSP-UserDetails {
        gap: 10px;
    }

    .SGS-header .WSP-usershort {
        width: 45px;
        height: 45px;
        background: #A5ACBA;
    }

    .SGS-header .WSP-UserName {
        color: #1C1D21;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -0.1px;
        margin-bottom: 0px;
    }

.CPW-container .CWP-header, .VS-container .CWP-header, .PF-Container .CWP-header {
    margin-top: 12px;
}
/* Voice Settings */
.VIS-leftgap {
    gap: 10px;
}

.WBS-VS-form {
    padding: 16px;
}

.VIS-Testsound {
    color: #272D37;
}

/*Useful link*/
.USFL-header {
    padding-top: 12px;
}

.USFL-Link {
    padding: 12px 14px;
    border-bottom: 1px solid #EAEBF0;
    /* border-left: 1px solid #EAEBF0; */
    background: #FFF;
    text-decoration: none;
}

    .USFL-Link:hover {
        background-color: #f0f6f76e;
    }

.USFL-Innerbox {
    gap: 3px;
}

.USFL-imgbox {
    width: 42px;
    height: 42px;
}

    .USFL-imgbox img {
        width: 41px;
        height: 42px;
    }

.USFL-text {
    color: #000;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.1px;
}

.UDFL-downloadicon {
    width: 18px;
    margin-right: 11px;
    margin-top: 2px;
}

.USFL-imgbox .USFL-desktop-img {
    width: 24px;
    height: auto;
}

.pointer-event-none {
    pointer-events: none;
}
/*Login screen*/
.WSP-LoginScreen {
    padding: 0 16px 0 16px;
}

.WSP-Loginheading {
    margin: auto;
    color: #000;
    text-align: center;
    font-size: 30px;
    line-height: 32px;
    margin-top: 54px;
    margin-bottom: 44px;
    letter-spacing: -0.5px;
    width: 177px;
}

.WSP-formbox .My-form-control {
    padding: 7px 16px;
    font-size: 14px;
}

.Eye-iconpos {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 14px;
    cursor: pointer;
    width: 15px;
    height: 15px;
}

.WSP-formchecktxt {
    color: #272D37;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.1px;
}

.WSP-form-check input {
    margin-top: 2px;
    width: 19px;
    height: 19px;
    margin-right: 10px;
}

.WSP-grntxt {
    color: #3CA55C;
    cursor: pointer;
}

    .WSP-grntxt:hover {
        color: #0e8532;
    }

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

    .WSP-form-check .form-check-input:checked[type=checkbox] {
        background-image: url(../newImages/WSP-blue-check.svg);
        border: none;
    }

    .WSP-form-check .form-check-input:focus {
        box-shadow: none;
    }

.WSP-Loginbtn {
    padding: 12px 18px;
    line-height: normal;
}

.WSP-signup-txt {
    padding-top: 28px;
    color: #6B7B8F;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.1px;
}

.Txt_log {
    color: #1C2534;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.1px;
}

.LGN-success-info {
    padding: 16px;
    border-radius: 5px;
    background-color: #FFF8EB;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}

.LGN-success-text {
    color: #49556D;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.2px;
    text-align: left;
}

.clickhereTxt {
    color: #3CA55C;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1px;
}

#resetPasswordContainer {
    margin-top: 130px;
}

.height74vh {
    height: 93vh;
}
/*.CLS-closeIcon {
    width: 37px;
    height: 37px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../newImages/endCall-Close.svg);
    margin-right: 7px;
}
    .CLS-closeIcon:hover {
        background-image: url(../newImages/endCall-Close-hover.svg);
    }*/

.CLS-closeIcon {
    width: 29px;
    height: 29px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #9c3535;
    position: absolute;
    top: 20px;
    right: 20px;
}

    .CLS-closeIcon img {
        width: 11px;
    }

    .CLS-closeIcon:hover {
        background-color: #cd0c0c;
    }

.CLS-callEndedtxt {
    color: #ff3200;
    margin-left: 10px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.1px;
    float: left;
    font-family: 'CircularStdMedium' !important;
}

.MoreInfo-custom-select .dropdown-menu {
    border: 1px solid #e3e3e3;
    border-top: 0px;
    min-width: 8rem;
    left: -155px !important;
    transform: translate(0px, 0px) !important;
    width: 151px !important;
}

.MoreInfo-custom-select .CL-Infobox img {
    opacity: 0.9;
    width: 23px;
}

.SmsRedDot {
    position: absolute;
    background-color: #f14949;
    min-width: 23px;
    height: 23px;
    color: #FFF;
    border-radius: 100%;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    left: 115px;
    top: 4px;
    font-size: 10px;
    line-height: 16px;
    border: 3px solid #ffffff;
    display: none !important;
}

.View-ContactContainer .CA-sms-section, .View-ContactContainer .CA-calllogs-section, .View-ContactContainer .CA-calllogs-section, .View-ContactContainer .CA-sms-section .SS-innerContainer {
    height: auto !important;
}

.ViewContactSection {
    height: 552px;
    overflow: auto;
}

.DLRConatctName {
    margin-bottom: 0px;
    text-align: center;
    color: #919BA7;
    visibility: visible;
    height: 24px;
}

#smscontactnamearenumber {
    padding-left: 0px;
    margin-top: 0px;
    color: #919BA7;
}

.keypaiddialer {
    height: 576px;
    background-color: #FFF;
    position: absolute;
    width: 100%;
}

.dialer-hight-380 {
    height: 475px;
}

.DLR-formbox.mt-1 {
    margin-top: 25px !important;
}

.spinnerImg {
    width: 30px;
    height: 30px;
    z-index: 9999;
    position: absolute;
    left: 190px;
}

    .spinnerImg img {
        width: 100%;
    }

.CLS-iconDisable {
    pointer-events: none;
    opacity: 0.8;
}

.NotesSavedTxt {
    font-size: 14px;
    margin-top: 9px;
    color: #27682c;
    margin-bottom: 0px;
}

.CLN-title-section .CLsearchBox {
    display: block !important;
}

.h-0 {
    height: 0px !important;
    width: 0px !important;
    padding: 0px !important;
}

.ViewContactSection .CL-boxheadingWidth {
    max-width: 327px;
}

#ShowVCCalllogSpinner, #ShowVCSMSSpinner {
    top: 150px;
}

#ShowCLSpinner {
    top: 340px;
}

#ShowSMSSpinner {
    top: 290px;
}

#ShowSMSEditSpinner {
    top: 220px;
}

#ShowSMSNewSpinner {
    top: 192px;
}

.SMSSelectSection {
    margin-right: -4px;
    background-color: #FFF;
    padding: 6px 10px;
    border-radius: 4px;
    padding-right: 10px;
    cursor: pointer;
}

    .SMSSelectSection:hover {
        background-color: #e1e1e1;
    }

    .SMSSelectSection p {
        font-size: 13px;
    }

    .SMSSelectSection img {
        float: none !important;
        margin-top: 0px !important;
    }

.callstripChangeBgColor {
    background: #830202;
}

.CallQualityContainer {
    position: absolute;
    right: 14px;
    top: 10px;
}

.MyCustomSelect .dropdown .btn {
    background-color: transparent;
    color: #4f63ff;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    line-height: 14px;
    vertical-align: top;
    min-width: 97px;
    text-align: right;
    font-size: 14px;
    letter-spacing: -0.08px;
    margin-top: 3px;
}

.MyCustomSelect .dropdown .dropdown-toggle::after {
    border: 0px;
    background-image: url(../newImages/down-blue.svg);
    width: 24px;
    height: 24px;
    margin-top: 0px;
    float: right;
    margin-left: 1px;
    background-size: contain;
    vertical-align: top;
}

.My-droppara {
    font-size: 12px;
    color: #272D37;
    margin-bottom: 4px;
    letter-spacing: -0.2px;
    padding: 0 13px 0 13px;
}

.MyCustomSelect .dropdown-menu {
    width: 100%;
    font-size: 11px;
    color: #6A7273;
    box-shadow: 0px 3px 12px #e3e3e3;
    border: 0px;
    min-width: 8rem;
    border: 1px solid #e3e3e3;
    border-top: 0px;
    padding: 9px 0 2px 0;
    border-radius: 4px;
}

.MyCustomSelect .dropdown-menu {
    width: 260px;
    right: -2px !important;
}

.My-options-container {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    .My-options-container li {
        width: 100%;
        font-size: 13px;
        color: #6A7273;
        padding: 6px 13px;
    }

        .My-options-container li:hover {
            color: #101C1D;
        }

.My-dropdown-inner {
    gap: 8px;
}

.My-dropchek {
    margin: 0;
    min-height: auto;
}

    .My-dropchek label {
        color: #585858 !important;
        text-align: right;
        font-size: 12px !important;
        float: none;
        width: 100%;
        padding-left: 4px;
    }

    .My-dropchek .form-check-input {
        width: 14px;
        height: 14px;
    }

        .My-dropchek .form-check-input:focus {
            box-shadow: none;
        }

.My-tooltip-Icon {
    width: 18px;
    height: 18px;
}

.ErrorResponseImg {
    width: 17px;
    margin-right: 5px;
    margin-top: -2px;
    height: 16px;
}

.CallQualityContainer .MyCustomSelect:hover {
    background-color: #efefef;
    padding-left: 6px;
    border-radius: 4px;
}

.closeNotif-popup-container, .closeEndcall-30-seconds-added {
    background-color: #FFF;
    padding: 6px;
    margin-top: 5px;
    width: 22px;
    border-radius: 2px;
}

    .closeNotif-popup-container:hover, .closeEndcall-30-seconds-added:hover {
        background-color: #DAE0E6;
    }

.CLS-right {
    height: 55px;
}

.notif-popup-container p, .SendSmsNumberGreenContainer p {
    width: 93%;
}

.WSC-filetype {
    display: none;
}

.CLS-Icons-container {
    justify-content: flex-start !important;
    gap: 13px;
}


.loader {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    background: #e2e2e2;
    box-shadow: -24px 0 #e2e2e2, 24px 0 #e2e2e2;
    box-sizing: border-box;
    animation: shadowPulse 2s linear infinite;
}

@keyframes shadowPulse {
    33% {
        background: #e2e2e2;
        box-shadow: -24px 0 #FF3D00, 24px 0 #e2e2e2;
    }

    66% {
        background: #FF3D00;
        box-shadow: -24px 0 #e2e2e2, 24px 0 #e2e2e2;
    }

    100% {
        background: #e2e2e2;
        box-shadow: -24px 0 #e2e2e2, 24px 0 #FF3D00;
    }
}

.EXCSpinnerTop {
    top: 340px;
}

.top280 {
    top: 280px;
}

.CLAdditionalContent .CL-timedatetxt img[src*="/newImages/voicemailicon.svg"] {
    margin-left: 6px !important;
    width: 15px !important;
    margin-top: 3px;
}

.CLAdditionalContent .CL-timedatetxt img[src*="/newImages/WS-recording.svg"] {
    width: 23px !important;
    margin-left: 6px !important;
}

.removeNowrap {
    white-space: inherit;
    line-height: 19px !important;
}

.voiceMailAudioWidth {
    width: 291px !important;
}

.marginRight12 {
    margin-right: 12px;
}
.TranscriptionBtmContainer {
    background-color: #FFF;
}

.mb-5cl {
    margin-bottom: 5px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-7cl {
    margin-bottom: 7px;
}

.TS-call_summaryTxt {
    font-size: 13px;
    line-height: 21px;
    font-family: 'Inter';
    font-weight: 400;
    color: #6b6a6a;
    margin-top: 11px;
}

.TS-ActionItems {
    font-size: 20px;
    color: #363636;
    font-family: 'Inter';
    font-weight: 600;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.TranscriptionDataClose {
    margin-left: 11px;
    margin-right: 9px;
}

.DetailedSummaryContainer {
    margin-top: 13px;
    gap: 33px;
}

.DetailedSummaryEachItem h3, .DetailedSummaryEachItem p {
    font-family: 'Inter';
}

.DetailedSummaryEachItem h3 {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 500;
}

.DetailedSummaryEachItem p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #4b4b4b;
    margin-bottom: 0px;
}

.TranscriptionData {
    width: 96%;
}

.Candidate_action_itemsHeadingList li, .recruiter_action_itemsHeadingList li, .ImprovementsList li {
    color: #6b6a6a;
    font-family: 'Inter';
    font-size: 13px;
    line-height: 18px;
}

.mt-10 {
    margin-top: 10px;
}

.ImprovementsList ul {
    padding-left: 15px;
}

.ImprovementsList li {
    list-style-type: none;
    line-height: 18px;
}

    .ImprovementsList li h5 {
        font-size: 13px;
        font-weight: 500 !important;
        float: left;
        margin-bottom: 0px;
        margin-right: 7px;
        line-height: 18px;
        font-family: 'Inter';
        color: #363636;
    }

    .ImprovementsList li span {
        font-size: 13px;
        color: #6b6a6a;
        font-family: 'Inter';
    }
.CopyclipboardTxtPos {
    position: absolute;
    right: 56px;
    top: 19px;
}
    .CopyclipboardTxtPos:hover {
        color: #0059ef;
    }
    .TranscriptionDataClose {
        width: 12px;
    }
.mt-12 {
    margin-top: 12px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 340px;
        margin: 0.7rem auto;
    }
}