:root {
    --core-color: #463d81;
    --second-color: #f3ba06;
    --app-background-color: #2e353c;
    --label-color: #463d81;
    --text-color: #2a4562;
    --menu-FColor: #f3ba06;
    --heading-color: #463d81;
    --bussiness-color: #a78005;
    --primarybtn-background-color: #463d81;
    --primarybtn-Font-color: #f3ba06;
    --secondarybtn-background-color: #463d81;
    --secondarybtn-Font-color: #f3ba06;
    --menu-background-color: #f3ba06;
    --menu-Font-color: #463d81;
    --submenubackground-color: #C5BDF7;
    --thead-backcolor: #FFFFFF;
    --thead-color: #281b7c;
    --progressbar-back-color: #ced4da;
    --progressbar-color: #f3ba06;
    --channel-background: #FFFFFF;
    --channel-font-color: #555555;
    --channel-second-color: #EEEEEE;
}
/*Font*/

.overflow-h {
    overflow: hidden !important;
}

.overflow-xscroll {
    overflow-x: auto !important;
}

.tagthcss {
    width: 80px !important;
}

.max-h-90px{
    max-height : 90px !important;
}

body {
    overflow: hidden;
}

    html, body label, span {
        font-size: 14px;
    }

.cursor-normal {
    cursor: unset !important;
}

.approverow {
    border: 0.5px solid gray !important;
    padding: 5px !important;
}

.right-btn-group {
    margin-left: auto;
}

.mw-190px{
    min-width : 190px;
}

.approvecheck {
    margin-bottom: 0px !important;
}

.curdef {
    cursor: default !important;
}

.selected-border-bottom{
    border-bottom : 2px solid var(--core-color);
}

.modal {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9102;
    /* background: white; */
}
.overflowmodal {
    overflow-y:hidden !important;
}

.overStaffmodal {
    overflow-y: hidden !important;
}

.version-num-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.version-num {
    color: gray;
    font-size: 12px;
}

#mention-dropdown {
    position: absolute;
    display: none;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    flex-direction: column;
    padding: 5px;
    z-index: 100;
}

.mention-select-btn{

}
    .mention-select-btn:hover{
        background : rgb(178, 230, 252) !important;
    }

    ::-webkit-calendar-picker-indicator {
        filter: opacity(0.3);
    }


.todotypewidth {
    width: 250px !important;
}

.todoplacestyle {
    /*    font-size : 16px !important;*/
    opacity: 1 !important;
    color: var(--core-color) !important;
    font-size: 15px !important;
}

.todotypecss {
    width: 177px;
    margin-left: -32px;
    border-radius: 10px !important;
}

.todoServiceTypecss {
    width: 200px;
    margin-left: -37px;
    border-radius: 10px !important;
}

.mtodotypecss {
    margin-top: -12px !important;
}


.thewid {
    color: #463d81;
    width: 200px !important;
}
/*::-webkit-scrollbar-thumb {
    background: var(--core-color);
    border-radius: 20px;
}

*/


/* Handle */
.displaynone {
    display: none;
}

.todoCustomerMulti {
    border: none !important;
}

.search-menu-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

.todobtype {
    color: gray !important;
}

.mb-10 {
    /*    margin-bottom : 10px;*/
}

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

.todoMultiCss {
    left: -55px !important;
}

.todoMobileMultiCss {
    right: -74px !important;
    max-width: none !important;
}

.errmsgmodaltext {
    position: absolute;
    width: 156px;
    top: 100px;
    right: 165px;
    text-align: center;
    font-size: 16px;
    color: #463d81;
    font-weight: bold;
    font-style: italic;
}

.errormsgsvg {
}
  
.bagerr {
    /* background-color: cadetblue !important;*/
    background-color: #f0f7ff;
}

.anides {
    color: hsl(0,0%,70%);
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 195px;
    right: 195px;
    font-size: 14px;
    width : 15%
}

@media (max-width : 577px) {
    .errmsgmodaltext {
        position: absolute;
        width: 150px;
        top: 102px;
        right: 171px;
        text-align: center;
        font-size: 16px;
        color: #463d81;
        font-weight: bold;
        font-style: italic;
    }

    .anides {
        color: hsl(0,0%,70%);
        font-weight: bold;
        cursor: pointer;
        letter-spacing: 1px;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 202px;
        right: 210PX;
        font-size: 14px;
    }
}

@media screen and (max-width : 420px) {
    .errmsgmodaltext {
        position: absolute;
        top: 73px;
        width: 161px;
        height: 46px;
        right: 108px;
        color: #463d81;
        font-weight: bold;
        font-style: italic;
        text-align: center;
    }

    .anides {
        color: hsl(0,0%,70%);
        font-weight: bold;
        cursor: pointer;
        letter-spacing: 0px;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 153px;
        right: 160px;
        font-size: 12px;
    }
}

@media screen and (max-width : 393px) {
    .errmsgmodaltext {
        position: absolute;
        top: 71px;
        width: 139px;
        height: 46px;
        right: 103px;
        color: #463d81;
        font-weight: bold;
        line-height: 1;
        font-style: italic;
        text-align: center;
    }

    .anides {
        color: hsl(0,0%,70%);
        font-weight: bold;
        cursor: pointer;
        letter-spacing: 0px;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 143px;
        right: 146px;
        font-size: 12px;
    }
}

@media screen and (max-width : 360px) {
    .errmsgmodaltext {
        position: absolute;
        top: 67px;
        width: 139px;
        height: 46px;
        right: 95px;
        color: #463d81;
        font-weight: bold;
        font-style: italic;
        line-height: 1.1;
        text-align: center;
    }

    .anides {
        color: hsl(0,0%,70%);
        font-weight: bold;
        cursor: pointer;
        letter-spacing: 0px;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 132px;
        right: 128px;
        font-size: 12px;
    }
}


@media screen and (max-width : 280px) {
    .errmsgmodaltext {
        position: absolute;
        top: 54px;
        width: 104px;
        height: 46px;
        right: 73px;
        color: #463d81;
        font-weight: bold;
        line-height: 1;
        font-style: italic;
        font-size: 12px;
        text-align: center;
    }
    .anides {
        color: hsl(0,0%,70%);
        font-weight: bold;
        cursor: pointer;
        letter-spacing: 0px;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 102px;
        right: 101px;
        font-size: 10px;
    }
}

/*@media (max-width: 320px) {
    .errmsgmodaltext {
        position: absolute;
        top: 64px;
        width: 100px;
        height: 46px;
        right: 94px;
        color: #463d81;
        font-weight: bold;
        line-height: 1;
        font-style: italic;
        font-size: 12px;
        text-align: center;
    }
}*/

.errwidthbtn{
    width:80px;
}

@media (max-width : 1200px) {
    .todoMultiCss {
        width: 800px !important;
    }

    .todoMobileMultiCss {
        width: 800px !important;
    }
}

@media (max-width : 991px) {
    .todoMobileMultiCss {
        width: 750px !important;
    }
}

@media (max-width : 854px) {
    .todoMobileMultiCss {
        width: 600px !important;
    }
}

@media (max-width : 703px) {
    .search-menu-scroll .MultiMenuScroll {
        width: 272px !important;
    }

    .search-menu-scroll .DashbordMultiFilter {
        width: 323px;
    }

    .todoMobileMultiCss {
        width: 500px !important;
    }
}

@media (max-width : 599px) {
    .todoMobileMultiCss {
        width: 500px !important;
    }

    .MultiTheadCss {
        z-index: 100 !important;
    }

    .d-view {
        display: none;
    }

    .m-view {
        display: block;
    }
}

@media (max-width : 526px) {
    .todoMobileMultiCss {
        width: 400px !important;
    }
}

@media (max-width : 428px) {
    .todoMobileMultiCss {
        width: 320px !important;
    }
}

@media (max-width : 416px) {
    .todoMobileMultiCss {
    }
}




/*    DESKTOP */

@media (min-width : 600px) {
    .d-view {
        display: block;
    }

    .m-view {
        display: none;
    }
}

@media (min-width : 767px) {

    .MultiMenuScroll {
        width: 600px;
    }

    .search-menu-scroll {
        width: 400px !important;
    }

        .search-menu-scroll .MultiMenuScroll {
            width: 375px !important;
        }

        .search-menu-scroll .DashbordMultiFilter {
            width: 345px;
        }

    .dashfilter {
        width: 375px !important;
    }
}


@media (min-width : 1200px) {

    .todoMobileMultiCss {
        width: 800px !important;
    }
}



::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--core-color);
    border-radius: 10px;
    border: 1px solid #f1f1f1;
}

    ::-webkit-scrollbar-thumb:hover {
        border: none;
    }

.overflow-y-auto {
    overflow-y: auto;
}

.invalid {
    border: 1px solid tomato;
}

.dr-invalid .multidropdown-control {
    border: 1px solid tomato !important;
}

.cuser-none {
    cursor: unset !important;
}

.citycount-container {
    position: relative;
    height: auto;
    width: auto;
}

.appotlmenuclock {
    font-size: 13px !important;
    line-height: 0.9 !important;
    position: absolute;
    top: 14px;
    background: var(--core-color);
    color: #c9c7c7;
    border-radius: 20px;
    left: 52%;
    transform: translate(-50%, -50%);
    padding : 2px;
}

.icon-active .appotlmenuclock
{
    background: var(--second-color) !important;
    color : var(--core-color) !important;
}

.custom-icon .appotlmenuclock {
    font-size: 15px !important;
    border-radius: 0 !important;
}

.custom-icon2 .appotlmenuclock {
    font-size: 15px !important;
    border-radius: 0 !important;
}
.cust-m-btn .appotlmenuclock {
    font-size: 13px !important;
    border-radius: 0 !important;
}

.gps_large {
    height: 50%;
    width: auto;
    position: absolute;
    transform: translate(-50%);
    top: 30%;
    right: 40%;
}

.gps_mid {
    height: 40%;
    width: auto;
    position: absolute;
    right: 40%;
    top: -5%;
}

.gps_small {
    height: 35%;
    width: auto;
    position: absolute;
    right: 53%;
    top: -10%;
}

.validation-message {
    color: tomato;
    font-size: 13px;
    padding-top: 5px;
}

/*Error UI*/



.text-de-line {
    text-decoration: underline !important;
}

#handboy {
    animation: swing ease-in-out 1.3s infinite alternate;
    transform-origin: 98% 98%;
    transform-box: fill-box;
}


#girllight {
    animation: swing ease-in-out 1.3s infinite alternate;
    transform-origin: 0% 97%;
    transform-box: fill-box;
}

#hairgirl {
    animation: swinghair ease-in-out 1.3s infinite alternate;
    transform-origin: 60% 0%;
    transform-box: fill-box;
}

#zero {
    transform-origin: bottom;
    transform-box: fill-box;
}


/*************swing************/
@keyframes swing {
    0% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
    }
}


/*************swing hair************/
@keyframes swinghair {
    0% {
        transform: rotate(6deg);
    }

    100% {
        transform: rotate(-6deg);
    }
}

/*---------------- End Error UI --------------------*/

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef73 !important;
}

textarea.form-control {
    min-height: 113px;
}

.cursor-default {
    cursor: context-menu !important;
}
/*--------------Font--------------------*/
.f-10 {
    font-size: 10px;
}

.f-11 {
    font-size: 11px;
}

.f-12, font-12 {
    font-size: 12px;
}

.f-13 {
    font-size: 13px;
}

.f-14 {
    font-size: 14px;
}

.f-15 {
    font-size: 15px;
}

.f-16 {
    font-size: 16px;
}

.f-17 {
    font-size: 17px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px !important;
}

.f-21 {
    font-size: 21px !important;
}

.f-22 {
    font-size: 22px;
}

.f-24 {
    font-size: 24px;
}

.f-25 {
    font-size: 25px !important;
}

.f-26 {
    font-size: 26px;
}

.f-27 {
    font-size: 27px;
}

.f-30 {
    font-size: 30px;
}

.f-32 {
    font-size: 32px;
}

.f-35 {
    font-size: 35px;
}

.f-37 {
    font-size: 37px;
}

.f-48 {
    font-size: 48px;
}

.f-64 {
    font-size: 48px;
}

.pad-t-2 {
    padding-top: 2px;
}


.gray-color {
    color: gray;
    line-height: 1.2;
}



/*---------------Loading-----------------*/
.loading-display {
    display: none;
}

:root {
    --hue: 248;
    --radius: 2.5;
    --size: 2;
}

.scene {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    transform: translate(-50%, -50%);
}

.plane {
    height: 5vmin;
    width: 5vmin;
    transform-style: preserve-3d;
    transform: rotateX(-40deg) rotateY(-45deg) rotateX(90deg);
}

.cube, .shadow {
    --width: var(--size);
    --height: var(--size);
    --depth: var(--size);
    height: calc(var(--depth) * 1vmin);
    width: calc(var(--width) * 1vmin);
    transform-style: preserve-3d;
    position: absolute;
    font-size: 1rem;
    -webkit-animation: jump 0.8s calc(var(--d) * 1s) infinite;
    animation: jump 0.8s calc(var(--d) * 1s) infinite;
    transform: translate3d(calc((var(--x) * var(--radius)) * 1vmin), calc((var(--y) * var(--radius)) * -1vmin), 0);
}

.cube--0, .shadow--0 {
    --x: 1;
    --y: 0;
    --d: -0.7;
}

.cube > div:nth-of-type(1), .shadow > div:nth-of-type(1) {
    background: hsl(var(--hue), 60%, 50%);
    height: calc(var(--height) * 1vmin);
    width: 100%;
    transform-origin: 50% 50%;
    transform: rotateX(-90deg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(-90deg) translate3d(0, 0, calc((var(--depth) / 2) * 1vmin));
}

.cube > div:nth-of-type(2), .shadow > div:nth-of-type(2) {
    background: hsl(var(--hue), 60%, 60%);
    height: calc(var(--height) * 1vmin);
    width: 100%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%) rotateX(-90deg) rotateY(180deg) translate3d(0, 0, calc((var(--depth) / 2) * 1vmin));
    position: absolute;
    top: 50%;
    left: 50%;
}

.cube > div:nth-of-type(3), .shadow > div:nth-of-type(3) {
    background: hsl(var(--hue), 60%, 60%);
    height: calc(var(--height) * 1vmin);
    width: calc(var(--depth) * 1vmin);
    transform: translate(-50%, -50%) rotateX(-90deg) rotateY(90deg) translate3d(0, 0, calc((var(--width) / 2) * 1vmin));
    position: absolute;
    top: 50%;
    left: 50%;
}

.cube > div:nth-of-type(4), .shadow > div:nth-of-type(4) {
    background: hsl(var(--hue), 60%, 55%);
    height: calc(var(--height) * 1vmin);
    width: calc(var(--depth) * 1vmin);
    transform: translate(-50%, -50%) rotateX(-90deg) rotateY(-90deg) translate3d(0, 0, calc((var(--width) / 2) * 1vmin));
    position: absolute;
    top: 50%;
    left: 50%;
}

.cube > div:nth-of-type(5), .shadow > div:nth-of-type(5) {
    background: hsl(var(--hue), 60%, 45%);
    height: calc(var(--depth) * 1vmin);
    width: calc(var(--width) * 1vmin);
    transform: translate(-50%, -50%) translate3d(0, 0, calc((var(--height) / 2) * 1vmin));
    position: absolute;
    top: 50%;
    left: 50%;
}

.cube > div:nth-of-type(6), .shadow > div:nth-of-type(6) {
    background: hsl(var(--hue), 60%, 65%);
    height: calc(var(--depth) * 1vmin);
    width: calc(var(--width) * 1vmin);
    transform: translate(-50%, -50%) translate3d(0, 0, calc((var(--height) / 2) * -1vmin)) rotateX(180deg);
    position: absolute;
    top: 50%;
    left: 50%;
}

.shadow {
    -webkit-animation: none;
    animation: none;
    background: radial-gradient(#a5a5a5, transparent);
    transform: translate3d(calc((var(--x) * var(--radius)) * 1vmin), calc((var(--y) * var(--radius)) * -1vmin), calc(var(--size) * -0.5vmin)) scale(1);
    -webkit-animation: shadow 0.8s calc(var(--d) * 1s) infinite;
    animation: shadow 0.8s calc(var(--d) * 1s) infinite;
}

.cube--1, .shadow--1 {
    --x: 1;
    --y: -1;
    --d: -0.6;
}

.cube--2, .shadow--2 {
    --x: 0;
    --y: -1;
    --d: -0.5;
}

.cube--3, .shadow--3 {
    --x: -1;
    --y: -1;
    --d: -0.4;
}

.cube--4, .shadow--4 {
    --x: -1;
    --y: 0;
    --d: -0.3;
}

.cube--5, .shadow--5 {
    --x: -1;
    --y: 1;
    --d: -0.2;
}

.cube--6, .shadow--6 {
    --x: 0;
    --y: 1;
    --d: -0.1;
}

.cube--7, .shadow--7 {
    --x: 1;
    --y: 1;
    --d: 0;
}

@keyframes shadow {
    0%, 30%, 100% {
        transform: translate3d(calc((var(--x) * var(--radius)) * 1vmin), calc((var(--y) * var(--radius)) * -1vmin), calc(var(--size) * -0.5vmin)) scale(1);
    }

    15% {
        transform: translate3d(calc((var(--x) * var(--radius)) * 1vmin), calc((var(--y) * var(--radius)) * -1vmin), calc(var(--size) * -0.5vmin)) scale(0.85);
        opacity: 0.2;
    }
}



@keyframes jump {
    0%, 30%, 100% {
        transform: translate3d(calc((var(--x) * var(--radius)) * 1vmin), calc((var(--y) * var(--radius)) * -1vmin), 0);
    }

    15% {
        transform: translate3d(calc((var(--x) * var(--radius)) * 1vmin), calc((var(--y) * var(--radius)) * -1vmin), 3.5vmin);
    }
}

/*----------------------Width-----------------*/
.item-center {
    display: flex;
    justify-content: center;
}

.w-200 {
    width: 200px;
}

.w-250 {
    width: 250px;
}

.w-150 {
    width: 150px;
}

.w-170 {
    width: 170px;
}

.w-20per {
    width: 20%;
}

.w-70 {
    width: 70px;
}

.w-250 {
    width: 250px;
}

.ml-35 {
    margin-left: 35px;
}
/*---------------------------------------- Custom Css ---------------------------------------------*/

.white-space-pre {
    white-space: pre;
}

.white-space-bs {
    white-space: break-spaces;
}

.my-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.form-control:focus {
    box-shadow: none;
    background-color: transparent;
}

.form-control:disabled, .form-control[readonly] {
    white-space: pre;
}

.core-color {
    color: var(--core-color);
}

/*.label-color {
    color: var(--label-color);
}*/
.text-color {
    color: var(--text-color);
}

.btn-none {
    background: none !important;
    border: none !important;
    text-align: unset !important;
    align-items: unset !important;
    padding: 0 !important;
}

.btn-primary {
    color: var(--primarybtn-Font-color);
    background-color: var(--primarybtn-background-color);
    border-color: var(--primarybtn-background-color);
}

    .btn-primary.focus, .btn-primary:active, .btn-primary:hover {
        color: var(--primarybtn-Font-color) !important;
        background-color: var(--primarybtn-background-color) !important;
        border-color: var(--primarybtn-background-color) !important;
        box-shadow: none;
    }

.btn-primarys {
    color: #fff;
    background-color: rgb(70 61 129);
    border-color: rgb(70 61 129);
}

    .btn-primarys:active, .btn-primarys:hover {
        color: #fff;
        background-color: rgb(70 61 129);
        border-color: rgb(70 61 129);
    }

.btn-outline-primary {
    color: var(--core-color);
    border-color: var(--core-color);
}

    .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:hover {
        color: white;
        background: var(--core-color);
        border-color: var(--core-color);
    }

.table {
    color: var(--text-color);
}

    .table th {
        border: none !important;
        font-weight: normal !important;
        font-size: 15px;
    }

    .table thead th {
        vertical-align: top !important;
    }

.pointer {
    cursor: pointer;
}

.cur-defa {
    cursor: default !important;
}

.box-grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

.box-cusservicegrid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
}

.subbox {
    width: 100%;
    display: flex;
    
    box-shadow: none !important;
}

.multidropdown-menu th {
    background-color: var(--core-color);
    color: white;
    padding: 7px;
}

.form-control {
    height: auto;
    background-color: transparent;
}

.form-control, .multidropdown-single-value, .blazored-typeahead__input, .typeahead-single-value {
    color: var(--text-color) ;
}

.modal-title {
    color: var(--heading-color);
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none !important;
}
/*select {
    -moz-appearance: none;*/ /* Firefox */
/*-webkit-appearance: none;*/ /* Safari and Chrome */
/*appearance: none;
}*/

.history {
    height: 70px;
    background: #B8ADFF;
    border-bottom-left-radius: 20px;
    position: relative;
}

.history-test {
    position: absolute;
    top: 25% !important;
    left: 39px;
    z-index: 100 !important;
    font-size: 18px;
    font-weight: bold;
    color: var(--core-color);
}

.z-100 {
    z-index: 100;
}

.history::after {
    content: "";
    width: 19px;
    height: 20px;
    background: #fff;
    display: block;
    border-top-right-radius: 20px;
    position: absolute;
    top: 70px;
    right: 0;
}

.history::before {
    content: "";
    width: 19px;
    height: 16px;
    background: #b8adff;
    display: block;
    position: absolute;
    top: 70px;
    right: 0;
}


.detailhistory-button {
    position: relative;
    height: 35px;
    border-radius: 5px;
    color: var(--menu-Font-color);
    border: 1px solid var(--menu-Font-color);
    outline: none;
    margin: 17px 10px 10px 10px;
}

.detail-btn {
    width: 39px;
    height: 39px;
    border-radius: 10px;
    position: relative;
    z-index: 10;
}

.historys {
    margin: -37px 1px 1px 28px;
    display: flex;
    color: var(--menu-Font-color);
}

.isedit-btn {
    cursor: default !important;
}

    .isedit-btn:active, .isedit-btn:hover {
        background-color: white !important;
    }


.dot {
    height: 6px;
    width: 6px;
    background-color: var(--text-color);
    border-radius: 50%;
    display: inline-block;
    margin: 8px 3px;
}



.full {
    width: 100%;
}

.pwd-box {
    position: relative;
}

.icon-box {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 10px;
    top: 75%;
    transform: translateY(-50%);
    color: black;
    box-shadow: none;
}

.icon > div {
    color: #2A4562;
}

.visible-icon-box {
    position: absolute;
    width: 45px;
    height: 45px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--core-color);
    box-shadow: none;
}

    .visible-icon-box > div {
        color: gray;
    }

    .visible-icon-box:focus {
        outline: 0;
        box-shadow: none;
    }

.period-btn {
    background: none !important;
    border: 1px solid var(--core-color);
    text-align: center;
    align-items: center;
    padding: 5px;
    margin: 3px;
    min-width: 30px;
    color: var(--text-color);
}

.period-btn-active {
    background: var(--core-color) !important;
    color: white !important;
}

.fbprogress {
    background: rgb(205 203 203 / 26%);
    justify-content: flex-start;
    border-radius: 100px;
    align-items: center;
    position: relative;
    display: flex;
    height: 30px;
}

.fbprogress-value {
    animation: load 3s;
    border-radius: 100px;
    height: 25px;
    width: 0;
}

/*.perc-txt {
    width: 63px;
}*/

.perc-txt {
    width: 80px;
    display: flex;
    align-items: center;
}


.emoji-img {
    width: 35px;
    object-fit: contain;
    object-position: 50% 50%;
}

.emoji-w {
    width: 45px;
}

.emoji-tw {
    width: calc(100% - 45px);
}

.feedb-mh {
    min-height: 249px;
}

[feedback="Good"] {
    background: #8bc34a;
    box-shadow: 0 10px 10px -10px #8bc34a;
}

[feedback="Bad"] {
    background: #ffd700;
    box-shadow: 0 10px 10px -10px #ffd700;
}

[feedback="Normal"] {
    background: #f26422;
    box-shadow: 0 10px 10px -10px #f26422;
}

[feedback="Excellent"] {
    background: #007bff;
    box-shadow: 0 10px 10px -10px #007bff;
}

[feedback="Very Bad"] {
    background: #ff002f;
    box-shadow: 0 10px 10px -10px #ff002f;
}

[feedback="Unknown"] {
    background: cadetblue;
    box-shadow: 0 10px 10px -10px cadetblue;
}

.dotted-line {
    border-bottom: 1px dotted gray;
}

.numeric-box {
    border: 1px solid #ced4da !important;
    padding: 0.375rem 0.75rem !important;
}

*:focus-visible, button:focus, button:active {
    outline: inherit; /*tzt*/
}

.form-control:focus {
    border-color: inherit; /*tzt*/
}

.btn.focus, .btn:focus {
    box-shadow: inherit; /*tzt*/
}

@keyframes load {
    0% {
        width: 0;
    }
}

.modal-xl {
    max-width: 1200px;
}

.profile-bg {
    background: url('data:image/jpeg;base64,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KthSCKRLQTNgAlkTUtUIIJWbkkss1uWGbiWEzZGSZuSaVBJZYqxmM1dTeUSFJBAFgvSd930gKRuWUiWQFBCWADNhNTVIVEKzYQRBqalzElzAhBm4llRBCamyFQEsuYlgsRABUla010vsEqxqWUQQAqZoAACghURLM2EllloiWSwkJcksLIzEINTVlASgDLJIiALLAI01WumvXKsUAEBSJKAAFAIlESzNkuQNS2JUQmbkS5JYzckJqWzRQgpMsEhZYECCoLppLVq736aFIBAUiSgABQCJSEsiS5CNSgLIgiS4qjN5xlcos1ZuqgZZJECKsRBQgVqzVWtU3v0gEAAlkAABQCJSEuYksRSygSwgpm5RLjNwSXNlIguptGWaokhSJQAgJatXTdVL036JYCggzYAALCgIlImbIlBSyiIogjJJYIyZlkYCAWJZpFUIKJIAgqAgVdutXXTuoIVYlkAALFUEgszZEIBVSVYiwCIZEsISIZzcoqozcoqorURASkKgqAVA01psa694KsalESUAKIoUkM3MsiUAFLGbACEJLM3FlJLjWdxKuWIhSSKokkQWWtJRRKEFq7biSTXf0w1AAsBQAsoJCXObAQAUIllhACElkZpGbKAXLnECK1JBEiWUWWtBKAlq6agSre3ohUFlGpaIzYKoETNzLABRFIiiQBAZlzEqkIlAy5xAlASkCURLKXU0IIFWtCrVdeygQWWms0SiQEslgiUCC1JRAQBCwRmXMSmWLNElyiJZTRIiBZqqlIUIBUVataAquvWUASy2NSqgSEsgQUAAJAgUSykBJZGYkuLLLEkCQsFkCrJNNhICiygJapatWtVc9dCFQtiqAImbKAUABIAgiBYLBTMRZEMxAIRlACUIq1ZABbKC1RYLVrVtGemgBSygCJKogAAgCyBACAkBQksJGBARhKCoCBW0EFaQAWqKtVLbZFJ00KoogolzCgAAgQBUQUiCgEZBAQRIyBES0hYNBJAUTVAWqC1apUgDpsWAKoAiCUAQACIAQABYQEBBEgZgRLWrEKsRBIooEVqtELVqgASLvYFEUgoQABFgCJQBAACAgiLLLLlESWIiDU3VEEgAAS1a0QtUApAEXewLAAlAAEgARQRKFEECoEEZBAIhAEoFmgAAC2K0AC0AEANXQKACAACUCCAAFACQABFkQEKgkABVSgACqi2oAKAA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');
    width: 100%;
}

.profile-mainmodal {
    width: 1000px;
}

.fullModal > .modal-dialog {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .fullModal > .modal-dialog > .modal-content {
        overflow: auto;
        height: 100vh;
    }





@media (min-width: 600px) {
    .fix-header .todoInline-toolbar {
        position: fixed;
        top: 40px;
        left: 90px;
        right: 12px;
    }
}

@media (max-width: 599px) {
    .fix-header .todoInline-toolbar {
        position: fixed;
        top: 40px;
        left: 10px;
        right: 20px;
    }
}

@media (min-width: 768px) and (max-width : 991px) {
    .modal-lg {
        max-width: 700px;
    }
}

@media (max-width: 767px) {
    :root {
        --hue: 248;
        --radius: 5;
        --size: 4;
    }

    .col-m-reverse {
        flex-direction: column-reverse;
    }

    .cube, .shadow {
        animation: jump 0.7s calc(var(--d) * 1s);
    }

    .fullModal > .modal-dialog > .modal-content {
        height: 100vh;
        overflow: auto;
    }

    .mobilefullModal > .modal-dialog {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .mobilefullModal > .modal-dialog > .modal-content {
            height: 100vh;
            overflow: auto;
        }

    .select-arrow {
        display: none !important;
    }
}

.callmodal{
    display:flex !important;
    justify-content:center;
    align-items:center;
}


.modal-wid{
    max-width:400px;
}
    .recordcss {
        width: 100%;
        background-image: linear-gradient( var(--core-color),#B8ADFF);
    }

@media screen and (max-width: 529px) {
    .emj-container {
        transform: scale(0.9);
    }
}

@media screen and (max-width: 375px) {
    .emj-container {
        transform: scale(0.8);
    }
}

@media screen and (max-width : 866px) {
    /*.ticketcusaddress {
        width: 350px !important;
    }*/
}

.nopermission {
    
    background: white !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow-x: hidden;
   /* border-radius: 13px;*/
    /*  height: 100vh;*/
    /*background: white !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 10px;
    border-top-right-radius: 10px;
    overflow-x:hidden;*/
}

/*.noperbox {
    width: 500px;
    height: 500px;
}*/

.noper-content {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.jc-spb{
    justify-content: space-between;
    display: flex;
}

.jc-center{
    justify-content: center;
}

.noper-textbox {
}

.noper-text {
    font-size: 16px;
}

.noper-btnbox {
    background: var(--core-color);
    border-radius: 10px;
    box-shadow: 0px 0px 3px black;
    padding: 10px;
}

.noper-btn {
    font-size: 16px !important;
    color: white;
}

/*@media screen and (max-width : 360px) {
    .noperbox {
        width: 400px;
        height: 400px;
    }
}

@media screen and (max-height : 570px) {
    .noperbox {
        width: 400px;
        height: 400px;
    }
}

@media screen and (max-height : 468px) {
    .noperbox {
        width: 300px;
        height: 300px;
    }
}*/

@media print {
    html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        font-size: 13pt !important;
    }

    @page {
        size: auto !important
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 15pt !important;
    }

    body * {
        visibility: hidden;
    }

    #section-to-print,
    #section-to-print * {
        visibility: visible;
    }

    #print-title,
    #print-title * {
        visibility: visible;
    }

    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        font-size: 14px;
    }

    #print-title {
        position: relative;
        left: 0;
        top: 0;
    }

    .modal, .modal-dialog, .modal-content, .modal-body {
        position: unset;
    }
}

/*    TICKET*/


.TicketMMDDService {
    left: 0;
}

.seemore-btn {
    border: none !important;
    text-align: center !important;
    font-size: 11px !important;
    color: var(--core-color) !important;
    padding: 0px !important;
    text-decoration: underline !important;
    padding-bottom : 10px !important;
    padding-top : 5px !important;
}

.TicketMMDDIssue {
    right: 0;
}

@media (max-width : 767px) {

    .TicketMMDDSerIssCommon {
        width: 320px;
    }
}

@media (min-width : 767px) {

    .TicketMMDDSerIssCommon {
        width: 400px;
    }
}

/* ================== CALL WITH TICKET CSS ======================*/

.cwt-container{
    display : flex;
    position : relative;
}

.cwt-1 {
    min-width: 200px;
    padding: 10px;
    /*    background: linear-gradient(86deg, #870057, #A5303F);*/
    /*    background: linear-gradient(141deg, #edae48, #d1495b);*/
    background: linear-gradient(335deg, #c9c8eb, #ededed);
    height: 863px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cwt-1-wrapper {
/*    height: 100%;*/
   
}

.cwt-2 {
    width: calc(100% - 200px);
    padding: 10px;
    /*    background: linear-gradient(141deg, #FCFAFB, #C8D3D6);*/
    background: linear-gradient(3deg, #c9c8eb, #f7f7f7);
    margin-right: 10px;
    border-radius: 10px;
}

.cwt-table .blazor-grid-header {
    background: gainsboro;
}

.cwt-table .blazor-grid-header .th {
    color : black;
}

.cwt-playall-btn {
    position: relative;
    width: 100%;
    height: 30px;
    border-radius: 20px !important;
    margin-top: 10px !important;
    /*    background: linear-gradient(351deg, #d1993e, #d1495b) !important;*/
    background: linear-gradient(333deg, #adadad, #398ed5) !important;
    box-shadow: 0px 0px 10px #bbbbbb !important;
}

    .cwt-playall-btn .cwt-playall-svg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.cwt-menu-btn {
    position: relative;
    width: 100%;
    border-radius: 20px !important;
    padding: 5px !important;
    margin-bottom: 15px !important;
    display: flex;
    gap: 10px;
    align-items: center;
    align-items: center !important;
    /*    background: linear-gradient(141deg, #a57931, #df5668) !important;*/
    background: linear-gradient(341deg, #adadad, #398ed5) !important;
}

/*.cwt-menu-inactive {
    background: linear-gradient(141deg, #a57931, #df5668) !important;
}*/

.cwt-menu-active {
    border: 2px solid #a9ebff !important;
}

    .cwt-menu-active .cwt-menu-btn-first{
        animation : cwt-active-ani;
        animation-duration : 1s;
        animation-iteration-count : infinite;
        animation-fill-mode : both;
    }

    .cwt-menu-btn-second {
        color: white;
    }
.cwt-left-toggle-btn {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    z-index: 30;
    padding: 10px 5px 10px 5px !important;
    background: grey !important;
    color: #00c4ff !important;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

    .cwt-left-toggle-btn svg{
        margin-right : -5px;
    }

.cwt-count-box {
    padding: 0px 5px;
    position: absolute;
    right: 0;
    top: -7px;
    background: #2ca7ff;
    border-radius: 20px;
    color: white;
}

.incallcolor {
    color: #6CAF54 !important;
}
.outcallcolor {
    color: #d0dfe5 !important;
}
.nocallcolor {
    color: #b24a22 !important;
}




@media (max-width : 767px) {
    .cwt-2 {
        width: 100% !important;
        margin-right: 0px !important;
    }
    .cwt-1 {
        width: 100% !important;
        position: absolute !important;
        z-index : 20;
    }
    .cwt-menu-btn{

    }
}

@media (max-width : 599px) {

    .cwt-menubox {
        transform: scale(0.8);
        gap: 10px;
        margin-left: -33px;
    }
}

@media (max-width : 355px) {

    .cwt-menubox {
        transform: scale(0.8);
        gap: 10px;
        margin-left: -33px;
    }
}


@media (min-width : 600px) {

}


@media (min-width : 768px) {

}

@keyframes cwt-active-ani{
    0%{
        transform : rotate(0deg);
    }
    50%{
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* ================== CALL WITH TICKET CSS END ======================*/