@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;1,300&display=swap');
body,.app-sidebar .side-menu__item{font-family: Jost,sans-serif !important;}
.cursor-pointer{cursor: pointer;}
#header-notification-scroll{overflow: auto;}
.bw-10{border-bottom-width: 10px !important;}
.w-93{width: 93% !important;}
.w-70{width:70px !important;}
.inline-block{display: inline-block;}
.modal{z-index:9999999;background: rgb(1 1 1 / 59%);}
.form-check-input:checked {
    background-color:#845adf !important;
    border-color:#845adf !important;
}
[type='checkbox']:focus, [type='radio']:focus{--tw-ring-color: #ffffff !important;}
.ifram iframe {margin: 0 auto;}
.form-control{border-color: #e9edf6 !important;}
.ml-2{margin-left:5px !important;}
.number-input{width:80px !important;padding: 6px;border-radius: 0 !important;}
.control-btn{border-radius: 0 !important;padding-right: 10px !important;
    padding-left: 10px !important;
    font-size: 18px !important;}
.control-btn.left{border-top-left-radius:5px !important;border-bottom-left-radius:5px !important;}
.control-btn.right{border-top-right-radius:5px !important;border-bottom-right-radius:5px !important;}
.user-profile-image{width: 100px;height: 100px;}
.profile-img-file-input{display: none;}
.profile-photo-edit {cursor: pointer;position: relative;}
.profile-photo-edit .camera {    position: absolute;z-index: 99;
    bottom: 0;
    right: 10px;
    font-size: 24px;}
.css-bar{width: 100px;height: 100px;}
.css-bar:after, .css-bar>img{    width: 90px;
    height: 90px;}

.avatar-title{background: #ffffff;
    padding: 5px;
    font-size: 16px;}

#alert{position: fixed;bottom: 10px;right: 10px;width: 300px;}
.fs-70{font-size: 70px;}
.app-sidebar .side-menu__icon{position: relative;top: -5px;}
.music{display: none;}
.related-app{cursor:pointer}
.related-app.selected{background: #f3f3f3;}
#files-main-nav,#file-folders-container,#filemanager-file-details{overflow: auto;}
.uploaded-file.selected{    border: 2px dashed #845adf;}

.uploaded-file{position: relative;  border: 2px dashed #ededed;cursor: pointer;overflow: hidden;}
.uploaded-file .delete-icon{position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    right: 0;
    top: 0;
    font-size: 20px;}
/*  audio  */

.types-ul li{font-size: 20px;
    padding: 3px 4px;    padding-bottom: 6px;}
.types-ul li.selected{background-color: #845adf;}
.types-ul li.selected a{color: #fff;}

.types-ul li i{top: 5px;
    position: relative;}  
i.relative-icon-2{top: 2px;
    position: relative;}
i.relative-icon{top: 3px;
    position: relative;}
i.relative-icon-4{top: 4px;
    position: relative;}
input.custom-input{padding-bottom:2px;transition: .1s;}
input.custom-input,input.custom-input:focus{border: none;outline: none;
    border-bottom: 1px solid #f7f7f7;
    width: 100%;}
.custom-input:focus{padding-bottom:5px;border-bottom:3px solid #845adf !important;}
.delete-option{    position: absolute;
    right: 0;
    font-size: 23px;
    top: -4px;
    cursor: pointer;
    color: #999494;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;padding: 0;background: #f7f7f7;}
.delete-option:hover{    background: #ac3d3d;color: #fff;}

.tooltip-preview i.tooltip-icon{    position: absolute;
    left: 0px;
    bottom: -33px;
    color: #845adf !important;font-size: 40px;}
.options-preview{width: 500px;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0 7px 28px #ddd;border-radius: 10px;}
    .tab-style-3 .nav-item .nav-link {
        font-size: 1rem !important;
    }
.login-icon{width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    background: #845adf;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;}
.login-icon:hover{background-color: #462491;}
.doted{width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    top: 4px;}
    .app-sidebar .side-menu__angle{    position: unset;}
    .draggable-table >div{display: contents;}
    .draggable-table tr{border-bottom: 1px solid #efefef;cursor: move;}
    .file-manager-container .file-details img{margin: 0 auto;}
    .form-control{background: #f3f4f6 !important;}
    .tab-style-2 .nav-item .nav-link i {
        padding: 0.4rem;
        text-align: center;}
    .employer-image{width: 60px;height: 60px;}
    .employer-image img{width: 100%;height: 100%;}
    .user-avatar {
        width: 35px;
        height: 35px;
    }
    .user-avatar img{height: 100%;width: 100%;}
    .admin-calendar-box{text-align: center;
        margin: 0 auto;
        padding: 20px;
        border-radius: 8px;}