.vxui-grv-tag-column .dx-tag-remove-button {
    display: none;
}
.vxui-grv-tag-column .dx-tag-content {
    padding-right: 6px !important;
}
.vxui-grv-tag-column.dx-state-readonly {
    background-color: transparent !important;
}
.vxui-grv-tag-column.dx-state-readonly::after {
    border-bottom: none !important;
}
.vxui-grv-tag-editcolumn .dx-tag-container:not(.dx-texteditor-input-container) {
    padding: 0 !important;
}
.vxui-grv-tag-editcolumn .dx-tag-content {
    padding-top: 0;
    padding-bottom: 0;
    height: 17px;
    margin-top: 9px;
}
    .vxui-grv-tag-editcolumn .dx-tag-content>span{
        line-height:19px;
    }
.vxui-grv-tag-editcolumn .dx-texteditor-input {
    margin-top: 8px!important;
}
.vxui-dxform-custom-item-container .dx-texteditor-label {
    position: unset !important;
    font-size: 15px !important;
}

.vxui-dxhtml-editor-on-grv .dx-htmleditor-content{
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.vxui-dxfileupload-silient-ctn .dx-fileuploader-input-wrapper{
    display: none;
}
.vxui-dxfileupload-silient-ctn .dx-fileuploader-upload-button{
    display: none;
}
.vxui-dxfileupload-silient-ctn .dx-fileuploader-files-container{
    padding-top: 3px!important;
}

.m-r5 {
    margin-right: 5px;
}

.m-l5 {
    margin-left: 5px;
}

.m-t5 {
    margin-top: 5px;
}

.m-b5 {
    margin-bottom: 5px;
}

.m-a5 {
    margin: 5px;
}

.m-r10 {
    margin-right: 10px;
}

.m-l10 {
    margin-left: 10px;
}

.m-t10 {
    margin-top: 10px;
}

.m-b10 {
    margin-bottom: 10px;
}

.m-a10 {
    margin: 10px;
}

.m-r15 {
    margin-right: 15px;
}

.m-l15 {
    margin-left: 15px;
}

.m-t15 {
    margin-top: 15px;
}

.m-b15 {
    margin-bottom: 15px;
}

.m-a15 {
    margin: 15px;
}

.p-r5 {
    padding-right: 5px;
}

.p-l5 {
    padding-left: 5px;
}

.p-t5 {
    padding-top: 5px;
}

.p-b5 {
    padding-bottom: 5px;
}

.p-a5 {
    padding: 5px;
}

.p-r10 {
    padding-right: 10px;
}

.p-l10 {
    padding-left: 10px;
}

.p-t10 {
    padding-top: 10px;
}

.p-b10 {
    padding-bottom: 10px;
}

.p-a10 {
    padding: 10px;
}

.p-r15 {
    padding-right: 15px;
}

.p-l15 {
    padding-left: 15px;
}

.p-t15 {
    padding-top: 15px;
}

.p-b15 {
    padding-bottom: 15px;
}

.p-a15 {
    padding: 15px;
}
/***/
.m-r5i {
    margin-right: 5px!important;
}

.m-l5i {
    margin-left: 5px !important;
}

.m-t5i {
    margin-top: 5px !important;
}

.m-b5i {
    margin-bottom: 5px !important;
}

.m-a5i {
    margin: 5px !important;
}

.m-r10i {
    margin-right: 10px !important;
}

.m-l10i {
    margin-left: 10px !important;
}

.m-t10i {
    margin-top: 10px !important;
}

.m-b10i {
    margin-bottom: 10px !important;
}

.m-a10i {
    margin: 10px !important;
}

.m-r15i {
    margin-right: 15px !important;
}

.m-l15i {
    margin-left: 15px !important;
}

.m-t15i {
    margin-top: 15px !important;
}

.m-b15i {
    margin-bottom: 15px !important;
}

.m-a15i {
    margin: 15px !important;
}

.p-r5i {
    padding-right: 5px !important;
}

.p-l5i {
    padding-left: 5px !important;
}

.p-t5i {
    padding-top: 5px !important;
}

.p-b5i {
    padding-bottom: 5px !important;
}

.p-a5i {
    padding: 5px !important;
}

.p-r10i {
    padding-right: 10px !important;
}

.p-l10i {
    padding-left: 10px !important;
}

.p-t10i {
    padding-top: 10px !important;
}

.p-b10i {
    padding-bottom: 10px !important;
}

.p-a10i {
    padding: 10px !important;
}

.p-r15i {
    padding-right: 15px !important;
}

.p-l15i {
    padding-left: 15px !important;
}

.p-t15i {
    padding-top: 15px !important;
}

.p-b15i {
    padding-bottom: 15px !important;
}

.p-a15i {
    padding: 15px !important;
}

.m-lauto{
    margin-left:auto
}
.m-lautoi {
    margin-left: auto !important
}
/***/
.pointer{
    cursor:pointer;
}

.fa-phone-off {
    transform: rotate(135deg);
}

.vx-camera-add-icon {
    font-size: 9px;
    width: 18px;
    height: 18px;
}
    .vx-camera-add-icon > .fa-plus {
        margin-left: -0.22em;
        padding-top: 0.1em;
    }
.vx-screen-add-icon {
    margin-top: 1px;
    font-size: 8px;
    width: 18px;
    height: 18px;
}
    .vx-screen-add-icon > .fa-plus {
        margin-top: -0.1em;
    }
.vx-sys-audio-icon {
    margin-top: 1px;
    font-size: 8px;
    width: 18px;
    height: 18px;
}
    .vx-sys-audio-icon > .fa-music {
        margin-top: -0.1em;
    }
.vx-screen-switch-icon {
    font-size: 8px;
    width: 18px;
    height: 18px;
}
    .vx-screen-switch-icon > .fa-arrow-right-arrow-left {
        margin-top: -0.15em;
        margin-left: 0.1em;
    }
.vx-end-group-call-icon {
    font-size: 10px;
    width: 18px;
    height: 18px;
}
    .vx-end-group-call-icon > .fa-users {
        margin-top: 0.1em;
    }
    .vx-end-group-call-icon > .fa-phone {
        transform: rotate(135deg);
        margin-top: -0.8em;
    }
/*-----files----*/
.vx-file-preview-download {
    display:none
}
.vx-file-preview-icon{
    margin-right:5px;
    margin-left:1px;
}
.vx-file-preview-ctn {
    max-width: 350px;
    max-height: 197px;
    overflow: hidden;
    position: relative;
}
    .vx-file-preview-ctn:hover .vx-file-preview-download {
        display: block;
    }
    .vx-file-preview-ctn .remain-file-count {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 30px;
        right: 145px;
        bottom: 70px;
    }
    .vx-file-preview-ctn .col-6 {
        height: 95px;
        max-width: 175px;
        border: solid 1px;
    }

    .vx-file-preview-ctn .col-12 {
        height: 95px;
        max-width: 350px;
        border: solid 1px;
    }
.vx-file-preview-audio {
    /*min-width:300px;*/
    height: 65px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}
.vx-file-preview {
    width: 350px;
    padding: 3px;
}
.vx-video-preview {
    /*min-width:200px;*/ 
    display: block;
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    padding: 3px;
    position:relative;
}
.vx-media-prview-play-icon {
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 20px);
    border-radius: 20px;
}
    .vx-media-prview-play-icon>i{
        font-size:40px;
    }
.vx-media-usnew-prview-play-icon {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    border-radius: 20px;
}

    .vx-media-usnew-prview-play-icon > i {
        font-size: 40px;
    }
/*    .vx-video-preview::-webkit-media-controls-fullscreen-button {
    display: none;
}*/
.vx-img-file-preview {
    cursor: pointer;
    padding: 3px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vx-list-file-preview{
    height:60px;
    width:107px;
}
    .vx-list-file-preview img {
        cursor: pointer;
        padding: 3px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.vx-img-popupviewer-prv {
    width:142px;
    height:80px;
}
    .vx-img-popupviewer-prv > img {
        cursor: pointer;
        padding: 3px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
.vx-img-popupviewer-croper-img {
    padding: 3px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vx-resposive-img {
    padding: 3px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vx-resposive-img-mb {
    padding: 3px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: contain;
}

.vx-media-file-viewer-ctn {
    position: absolute;
}

/*Draggable div*/
.vx-draggable-div {
    top:0;
    position: absolute;
    z-index: 1502;
}

.vx-draggable-div-header {
    cursor: move;
    z-index: 100000;
}

.vx-call-drawing-btn-control-toggle {
    position: absolute;
    height: 32px;
    left: 0;
    top: 0;
}

    .vx-call-drawing-btn-control-toggle .btn-primary {
        opacity: 0.3;
    }

        .vx-call-drawing-btn-control-toggle .btn-primary:hover {
            opacity: 1 !important;
        }
/*-Draggable div-*/

.disabled {
    pointer-events:none;
}

.vx-eye-icon-on-btn {
    margin-right:0.1em !important;
}
.vx-body-bkg {
    overflow: hidden;
    background-size: cover !important;
    background-attachment: fixed;
}

.dx-button-text{
    line-height:22px
}

.vx-instructor-active {
    border: var(--vx-instructor-active-border) !important;
}
:root {
    --vx-instructor-active-border: solid 2px var(--bs-red)
}

.dx-datebox-native .dx-texteditor-input-container >input{
    min-height: 34px;
}