/* STYLESHEET FOR CUSTOM HOMEPAGE BLOCKS */
/* HOME BLOCKS */
.home-icons {
    margin-bottom: 0px;
    padding: 20px;
}

.home-icons-wrapper {
    margin-top: 30px;
}

    .home-icons-wrapper h5 {
        min-height: 52px;
    }

.home-admin {
    margin-left: 0px;
    margin-right: 0px;
}

    .home-admin .dx-accordion-item-title i {
        font-size: 45px;
        margin-top: -45px;
        font-weight: 300;
    }

    .home-admin .accodion-toggle {
        font-size: 50px;
    }

    .home-admin .dx-accordion-item-title:before {
        display: none;
    }

    .home-admin .accodion-item {
        margin-bottom: -10px;
    }

.home-card-image .card-body {
    min-height: 200px;
    padding: 0px;
    cursor: pointer;
}

.home-card-image .home-image {
    min-height: 200px;
    padding: 0px;
    background-size: cover;
}

.card .card-body {
    cursor: pointer;
}

.home-icons .card {
    width: 55%;
    margin: auto;
}

    .home-icons .card .card-body {
        height: 100%;
        width: 100%
    }

        .home-icons .card .card-body .inin-icon {
            width: 98px;
            height: 98px;
            margin: auto;
        }

            .home-icons .card .card-body .inin-icon i {
                font-size: 50px;
                /*line-height: 95px !important;*/
                line-height: 95px;
            }

        .home-icons .card .card-body:hover,
        .home-icons .card .card-body:hover div {
            background-color: #26a69a;
            color: #ffffff;
            border-radius: .1875rem;
        }

.home-admin .card .card-body .home-card:hover,
.home-admin .card .card-body .home-card:hover h4 {
    background-color: #26a69a;
    color: #ffffff;
    border-top-left-radius: 0px;
    border-top-right-radius: .1875rem;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: .1875rem;
}

    .home-admin .card .card-body .home-card:hover p {
        color: #333333;
    }

/* HOME ICON PICTURE */
.home-icons .home-icon-picture .card-body {
    transition: 0.5s;
}

.home-icon-picture {
    width: 100%;
    height: 136px;
    margin: auto;
}

    .home-icon-picture .card-body .img-wrapper {
        background-size: cover;
        background-position: center;
        height: 100%;
        width: 100%;
        border-radius: 3px;
    }

/* HOME SYSTEM BLOCK */
.inin-category-block {
    margin-bottom: 15px;
    padding-right: 8px;
    padding-left: 8px;
    transition: 0.5s;
}

    .inin-category-block:hover {
        transform: scale(1.025);
    }

    .inin-category-block a {
        text-decoration: none;
        display: block;
        border-radius: 3px;
        background-color: rgba(255,255,255,0.9);
        width: 100%;
        float: left;
        height: 250px;
        overflow: hidden;
        transition: 0.5s;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.2);
    }

    .inin-category-block .img-wrapper {
        overflow: hidden;
        display: block;
        float: left;
        width: 100%;
        height: 80%;
        position: relative;
        background-position: center;
        background-size: cover;
    }

    .inin-category-block .description {
        width: 100%;
        position: absolute;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-right: 15px;
        bottom: 0;
    }

    .inin-category-block h2 {
        font-size: 18px;
        font-weight: 450;
        text-align: center;
        margin: 0px;
        color: #26a69a;
        padding-top: 0px;
        padding-right: 15px;
        padding-bottom: 0px;
        padding-left: 15px;
        transition: 0.5s;
    }

    .inin-category-block a:hover h2 {
        color: #324148;
        text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 5px;
    }

@media screen and (max-width: 360px) {
    .home-icons {
        padding: 10px;
        padding-bottom: 20px;
    }

    .home-icons-wrapper {
        margin-top: 10px;
    }

    .home-icons h5 {
        font-size: 14px;
        word-break: break-all;
        line-height: 16px;
        min-height: 32px;
    }

    .home-icons .card {
        width: 80px;
    }

        .home-icons .card .card-body {
            height: 80px;
            padding: 0px;
        }

            .home-icons .card .card-body .inin-icon {
                margin: 8px;
                width: 64px;
                height: 64px;
            }

                .home-icons .card .card-body .inin-icon i {
                    font-size: 36px;
                    line-height: 58px;
                }

    .home-icon-picture {
        width: 100%;
        height: 80px;
        margin: auto;
    }

    .inin-category-block a {
        height: 150px;
    }

    .inin-category-block h2 {
        font-size: 14px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* TEMPLATE - FORM OPTIONS - SIDEBAR CONTENT*/
.sidebar-content {
    height: 100%;
}

/* TEMPLATE - GRID EDIT - Podešavanja */
.inin-template-grid .dx-scrollview {
    /*
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    */
}

.inin-template-grid .dx-scrollable-wrapper {
    padding-right: 10px;
    height: 90%;
    position: absolute;
    overflow-y: auto;
}

.inin-template-grid .dx-list-item-content {
    padding: 5px 10px;
}

.inin-template-grid #gridContainer {
    border: 1px solid #dddddd;
}
/* MODAL HEADER */
.modal-header {
    padding-top: 16px;
    border-bottom-width: 1px !important;
    /* background-color: var(--base-theme-color); */
    /* color: var(--base-bg); */
}

    .modal-header h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .modal-header h4 {
        font-size: 16px;
        font-weight: 600;
    }
/* DEVEX GRID PADDING FIXES */
.custom-grid-list .dx-toolbar-after {
    padding-right: 5px;
}

.custom-grid-list .dx-toolbar-items-container {
    margin-top: 10px;
}

.custom-grid-list .dx-toolbar .dx-toolbar-menu-container {
    padding-right: 5px;
}

.custom-grid-list .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
    margin-left: 5px;
}

.custom-grid-list .dx-datagrid-search-panel {
    margin-left: 5px;
}

.custom-grid-list .dx-pager {
    padding: 10px 0px 10px 10px;
}

.custom-grid-list .dx-switch {
    height: 37px;
}

    .custom-grid-list .dx-switch .dx-switch-container {
        height: 100%;
        padding: 4px;
    }

    .custom-grid-list .dx-switch .dx-switch-on,
    .custom-grid-list .dx-switch .dx-switch-off {
        height: 100%;
        line-height: 28px;
        font-size: 14px;
        font-weight: 400;
    }

    .custom-grid-list .dx-switch .dx-switch-handle {
        height: 27px;
        margin: 0px;
    }
/* MENU AND USER IMAGE */
.inin-menu-image {
    height: 220px;
    min-height: 220px;
    background-size: cover;
}

.inin-profile-image {
    width: 252px;
    height: 252px;
    min-height: auto;
    max-height: auto;
    margin: 0 auto;
}

.inin-user-image {
    width: 280px;
    height: 280px;
    min-height: auto;
    max-height: auto;
    margin: 0 auto;
}

/* MENU LIST - Popravci visine + border*/
.inin-menu-edit .dx-treeview-node-container li {
    border-bottom: 1px solid #dddddd;
}

    .inin-menu-edit .dx-treeview-node-container li span {
        font-weight: 500;
    }

    .inin-menu-edit .dx-treeview-node-container li li {
        border-bottom: 0px none;
    }

    .inin-menu-edit .dx-treeview-node-container li.dx-treeview-node-is-leaf span {
        font-weight: 400;
    }

.inin-menu-edit .dx-treeview-toggle-item-visibility {
    line-height: 36px;
    color: #26a69a;
}

.inin-menu-edit .dx-treeview-item {
    padding-left: 15px;
}

.inin-menu-edit .inin-item-name {
    line-height: 36px;
}

/* EXCEL IMPORT */
.inin-excel-import .dx-fileuploader-wrapper {
    padding: 0px;
}

.inin-excel-import .dx-fileuploader-input-wrapper {
    padding: 0px;
    border: none 0px;
}

    .inin-excel-import .dx-fileuploader-input-wrapper:before {
        padding: 0px;
        margin: 0px;
    }

    .inin-excel-import .dx-fileuploader-input-wrapper:after {
        padding: 0px;
        margin: 0px;
    }

/* EFFECTS */
.fx-circle .img-wrapper {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.fx-circle:hover .img-wrapper {
    opacity: .75;
}

.fx-circle .img-wrapper::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 0%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.fx-circle:hover .img-wrapper::before {
    -webkit-animation: circle 0.75s;
    animation: circle 0.75s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}
/* PAGE HEADER FIX */
.page-header-light {
    background-image: url(images/title-back.png);
    background-attachment: scroll;
    background-position: left;
    background-repeat: repeat-y;
}

.page-title h5 {
}

    .page-title h5 i {
        font-size: 20px;
        line-height: 20px;
        color: #aaaaaa;
        margin-right: 5px !important;
    }

    .page-title h5 span {
        font-size: 18px;
        line-height: 20px;
    }
/* DX GRID BUTTONS RESIZE */
.btn-dxgrid {
    padding: 6px, 9px;
}

    .btn-dxgrid i {
        font-size: 15px;
        line-height: 15px;
    }

.inin-modal-big .modal-dialog {
    width: 97% !important;
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    max-width: none !important;
}

.inin-modal-big .fullScreen {
    /*height: calc(100% - 50px);*/
    height: 100%;
}

.inin-modal-body-fill {
    height: calc(100% - 50px);
}

.inin-modal-big .modal-content {
    height: calc(100% - 50px);
    padding: 10px;
}

.inin-modal-big .modal-body {
    padding: 0px 2px;
}

.inin-modal-big .modal-footer {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.inin-modal-big .fill {
    height: 100%;
    min-height: 100%;
}

.inin-modal-large .modal-dialog {
    width: 70% !important;
    max-width: 70% !important;
    margin-top: 70px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}

.inin-modal-medium .modal-dialog {
    width: 50% !important;
    max-width: 70% !important;
    margin-top: 70px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}

.inin-modal-report-viewer .modal-dialog {
    width: 97% !important;
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    max-width: none !important;
}

.inin-modal-report-viewer .fullScreen {
    height: calc(100% - 50px);
    /* height: 100%; */
}

.inin-modal-report-viewer .modal-content {
    height: calc(100% - 50px);
    padding: 10px;
    background-color: #f5f5f5;
}

.inin-modal-report-viewer .modal-body {
    padding: 0px 2px;
}

.inin-modal-report-viewer .modal-footer {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.inin-modal-report-viewer .fill {
    height: 100%;
    min-height: 100%;
}

.full-wrapper-40 {
    display: block;
    position: relative;
    /* Firefox */
    height: -moz-calc(100% - 40px);
    min-height: -moz-calc(100% - 40px);
    /* WebKit */
    height: -webkit-calc(100% - 40px);
    min-height: -webkit-calc(100% - 40px);
    /* Opera */
    height: -o-calc(100% - 40px);
    min-height: -o-calc(100% - 40px);
    /* Standard */
    height: calc(100% - 40px);
    min-height: calc(100% - 40px);
}

#documentViewerModal body {
    margin: 0px;
}

/* CUSTOM FORM CLASSES */
.ovjera-details-table tr th,
.ovjera-details-table tr td {
    padding: 10px;
}

.btn-standard {
    color: #fff;
    background-color: #1ab394;
}

    .btn-standard:active,
    .btn-standard:hover {
        color: #fff;
        background-color: #138870;
    }

.btn-red {
    color: #fff;
    background-color: #f74a5e;
}

    .btn-red:active,
    .btn-red:hover {
        color: #fff;
        background-color: #be1f40;
    }

.dropdown-menu.show {
    margin-top: -5px;
}

.dropdown-menu.dropdown-menu-right.mt-0.py-0 {
    min-width: 4rem;
}
/* CUSTOM SUBTITLE */
.custom-subtitle {
}

    .custom-subtitle h4 {
        color: #1ab394;
        font-size: 16px;
        font-weight: 600;
        line-height: 36px;
        margin-bottom: 0px;
    }
/* FORM MODIFICATION */
.inin-form .control-label {
    font-size: 14px !important;
    font-weight: 600;
    margin-bottom: 0px;
}

.inin-form .dx-texteditor-container {
    /*border: 1px solid #dddddd;*/
}

.inin-form .form-group {
    margin-bottom: 10px;
}

.inin-form .dx-btn-lookup {
    min-height: 42px !important;
    height: 42px !important;
}
/* USER EDIT CTRL - Image upload */
.card-img-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-img-actions {
    position: relative;
    border: 1px solid #dedede;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1), 0 4px 10px 0 rgba(0,0,0,.1);
    width: 200px;
}

    .card-img-actions:focus .card-img-actions-overlay, .card-img-actions:hover .card-img-actions-overlay {
        opacity: 1;
        visibility: visible;
    }

.card-img-actions-overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.75);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .15s;
}

    .card-img-actions-overlay .btn {
        border-radius: 20px;
        font-size: 16px;
    }
/* USER EDIT CTRL - Poruke Status switch */
.userdata-status-switch .dx-switch {
    height: 38px;
}

.userdata-status-switch .dx-switch-container {
    height: 38px;
    border-radius: 0px;
    padding: 5px;
}

.userdata-status-switch .dx-switch-handle {
    flex-basis: 14px;
    height: 22px;
}

.userdata-status-switch .dx-switch-off,
.userdata-status-switch .dx-switch-on {
    line-height: 28px;
    font-size: 13px;
    font-weight: 500;
}

.userdata-status-switch .dx-switch-handle:before,
.userdata-status-switch .dx-switch.dx-state-focused .dx-switch-handle:before,
.userdata-status-switch .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before,
.userdata-status-switch .dx-switch.dx-state-hover .dx-switch-handle:before {
    background-color: #ffaa5c;
    border-radius: 0px;
}

.userdata-status-switch .dx-switch-on-value .dx-switch-handle:before,
.userdata-status-switch .dx-switch.dx-state-focused .dx-switch-on-value .dx-switch-handle:before,
.userdata-status-switch .dx-switch.dx-state-focused.dx-state-active .dx-switch-on-value .dx-switch-handle:before,
.userdata-status-switch .dx-switch.dx-state-hover .dx-switch-on-value .dx-switch-handle:before {
    background-color: #1ab394 !important;
}

.userdata-status-switch .dx-switch.dx-state-active .dx-switch-container,
.userdata-status-switch .dx-switch.dx-state-focused .dx-switch-container,
.userdata-status-switch .dx-switch.dx-state-hover .dx-switch-container {
    border-color: #1ab394;
    border-radius: 0px;
}
/* FLEX CONTROLLERS */
.flex-ctrl {
    display: flex;
    height: 100vh;
    margin-top: -48px;
    flex-direction: column;
}

.flex-ctrl-content {
    display: flex;
    flex: 1;
    height: 100%;
    flex-direction: column;
    overflow: auto;
    padding: 10px;
    padding-top: 58px;
}

.content-padding {
    padding: 5px;
}

.flex-ctrl-content.content-padding {
    padding-top: 53px !important;
}
/* BACKGROUND */
.bg-none {
    background-color: transparent !important;
}

.avatar-circle {
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.initials {
    position: relative;
    top: 0px;
    line-height: 41px;
    font-size: 21px;
    /*line-height: 16px; /* 50% of parent */
    color: #fff;
    /*font-family: "Courier New", monospace;*/
    font-weight: bold;
}

.text-red {
    color: red !important;
}

@media screen and (max-width: 425px) {
    .user-edit-content {
        display: block;
    }

        .user-edit-content .dx-tabs-scrollable {
            margin: 0px;
        }

        .user-edit-content .user-edit-panels {
            height: 500px;
        }

    .content-padding {
        padding: 0px;
    }

    .flex-ctrl-content.content-padding {
        padding-top: 48px !important;
    }

    .inin-modal-large .modal-dialog {
        width: 95% !important;
        max-width: 95% !important;
        margin-top: 60px;
        margin-right: auto;
        margin-left: auto;
    }

    .inin-modal-large .modal-body {
        padding: 5px;
    }

    .top-title {
        left: 40px;
    }

        .top-title h5 {
            line-height: 27px;
            font-size: 15px;
            font-weight: 500;
        }

            .top-title h5 i {
                display: none;
            }
}

.planner-side-nav-header {
    height: 45px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--base-bg-shade);
}

.planner-side-nav-persona {
    font-family: Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    color: var(--base-text-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    width: 100%;
    height: 55px;
    display: table;
    table-layout: fixed;
    border-collapse: separate
}
.planner-side-nav-persona-image {
    position: absolute;
    overflow: hidden;
    text-align: center;
    height: 55px;
    border-radius: 50%;
    z-index: 0;
    width: 55px;
    top: 0;
    left: 0
}

.planner-side-nav-persona .initials {
    font-size: 22px;
    font-weight: 100;
    line-height: 55px;
}

.planner-side-nav-persona img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
    width: 100%;
}

.planner-side-nav-persona-details {
    padding: 0 12px;
    vertical-align: middle;
    overflow: hidden;
    text-align: left;
    padding-left: 65px;
    display: table-cell;
    width: 100%;
}

.modal.xxl {
    width: 100vw;
    height: 100vh;
    position: absolute;
    overflow: hidden;
}

.modal-xxl {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: unset;
    margin: 0px !important;
}

    .modal-xxl .modal-content {
        max-height: calc(100% - 80px);
        max-width: calc(100% - 80px);
        height: 100%;
        border:none;
    }

    .modal-xxl .modal-body {
        overflow: auto;
        padding: 0.5rem !important;
    }

    .modal-xxl .modal-content .modal-xxl-with-padding {
        padding: 1.25rem !important;
    }

@media only screen and (min-width: 1280px) {
    .modal-xxl .modal-content {
        max-width: 1280px;
    }
}

@media only screen and (max-width: 992px) {
    .modal-xxl .modal-content {
        max-height: calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
}

@media only screen and (max-width: 768px) {
    .modal-xxl .modal-content {
        max-height: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
}

@media only screen and (max-width: 576px) {
    .modal-xxl .modal-content {
        max-height: 100%;
        max-width: 100%;
    }
}

.modal.xxxl {
    width: 100vw;
    height: 100vh;
    position: absolute;
    overflow: hidden;
}

.modal-xxxl {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: unset;
    margin: 0px !important;
}

    .modal-xxxl .modal-content {
        max-height: calc(100% - 0px);
        max-width: calc(100% - 0px);
        height: 100%;
        border: none;
    }

    .modal-xxxl .modal-body {
        overflow: auto;
        padding: 0.5rem !important;
    }

/*@media only screen and (min-width: 1280px) {
    .modal-xxxl .modal-content {
        max-width: 1280px;
    }
}*/

/*@media only screen and (max-width: 992px) {
    .modal-xxxl .modal-content {
        max-height: calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
}*/

@media only screen and (max-width: 768px) {
    .modal-xxxl .modal-content {
        max-height: calc(100% - 5px);
        max-width: calc(100% - 5px);
    }
}

@media only screen and (max-width: 576px) {
    .modal-xxxl .modal-content {
        max-height: 100%;
        max-width: 100%;
    }
}

.sidenav-title {
    font-size: 20px;
    font-weight: 500;
}

.planner-side-nav-right {
    width: 320px;
}

    .planner-side-nav-right.sm {
        position: absolute;
        top: 47px;
        bottom: 56px;
        left: 0;
        z-index: 1050;
    }

.planner-side-nav-left {
    width: 272px;
    border-right: 1px solid var(--base-bg-shade);
}

.theme-border-right {
    border-right: 1px solid var(--base-bg-shade);
}

.theme-border-left {
    border-left: 1px solid var(--base-bg-shade);
}

.sidenav-activity-header {
    height: 45px;
    background: var(--base-bg-lighter);   
    color:var(--base-text-color);
    display:flex;
    align-items:center;
    font-size:17px;
    font-weight:600;
}

.sidenav-activity-content {
    background: var(--base-bg-lighter);
    border-bottom: 1px solid var(--base-bg-shade);
    border-top: 1px solid var(--base-bg-shade);
}

.sidenav-activity-footer {
    height: 41px;
    background: var(--base-bg-lighter);
    display: flex;
    align-items: center;
}

.ms-Persona-primaryText {
    color: var(--base-text-color);
}

.ms-Persona-secondaryText {
    color: var(--secondary-text-color);
}

.font-bold {
    font-weight:700;
}

.btn-theme-sm {
    font-size:12px;
    line-height:12px;
    text-transform:none;
}

/* TASK INFO MODAL */
.task-info-modal {
}
@media only screen and (max-width: 576px) {
    .task-info-modal {
        min-height: 100%;
        height: 100%;
        margin: 0 0 0 auto;
    }
    .task-info-modal .modal-dialog{
        min-height: 100%;
        height: 100%;
        margin: 0;
    }
    .task-info-modal .modal-content{
        min-height:100%;
        height: 100%;
    }
    .task-info-modal .modal-header{
        padding-left:10px;
        padding-right:10px;
        padding-top:12px;
    }
    .task-info-modal .modal-header h4{
        font-weight: 500;
    }
    .task-info-modal .modal-header .dx-button{
        margin-top:-3px;
    }
    .task-info-modal .modal-header .dx-button .dx-icon{
        font-weight: 600;
    }
    .task-info-modal .modal-body{
        padding:0px;
    }
    .task-info-modal .modal-footer{
        padding-left:10px;
        padding-right:10px;
        padding-top:10px !important;
        padding-bottom:10px;
    }
    .task-info-modal .modal-footer .dx-button-content{
        padding-left:10px;
        padding-right:10px;
    }
    .task-info-modal .modal-footer .dx-button i{
        margin-right:5px;
    }
    .task-info-modal .dx-tab-text{
        /*font-size: 14px;*/
        font-weight: 600;
    }
}

.video-player {
    overflow: visible !important;
}

.model-viewer-3d canvas {
    width: 1264px !important;
    height: 760px !important;
}