.modal {
    .actions {flex: 1}
    .actions ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }

    .actions .icon:hover {
        background-color: #dee2e6
    }

    .title {
        padding-left: 10px;
        font-weight: bold;
        user-select: none;
        font-size: 0.9rem;
    }

    .modal-header {
        height: 35px;
        line-height: 35px;
        padding: 0;
        min-height: 35px;
        background: #F4F4F4;
        border-bottom-color: #dddddd;
    }

    .icon {
        display: block;
        width: 35px;
        height: 35px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 16px;
        cursor: pointer;
    }

    .modal_minimize {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cstyle%3E.st0{opacity:0}.st0,.st1{fill:#f6f6f6}.st2{fill:#424242}%3C/style%3E%3Cg id='outline'%3E%3Cpath class='st0' d='M0 0h16v16H0z'/%3E%3Cpath class='st1' d='M1 10h14v5H1z'/%3E%3C/g%3E%3Cpath class='st2' d='M2 11h12v3H2z' id='icon_x5F_bg'/%3E%3C/svg%3E")
    }

    .modal_maximize {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cstyle type='text/css'%3E.icon-canvas-transparent{opacity:0;fill:#F6F6F6;} .icon-vs-out{fill:#F6F6F6;} .icon-vs-bg{fill:#424242;} .icon-vs-fg{fill:#F0EFF1;}%3C/style%3E%3Cpath class='icon-canvas-transparent' d='M16 16h-16v-16h16v16z' id='canvas'/%3E%3Cpath class='icon-vs-out' d='M16 15h-16v-14h16v14z' id='outline'/%3E%3Cpath class='icon-vs-bg' d='M1 2v12h14v-12h-14zm13 11h-12v-8h12v8z' id='iconBg'/%3E%3Cpath class='icon-vs-fg' d='M14 13h-12v-8h12v8z' id='iconFg'/%3E%3C/svg%3E");
    }

    .modal_close {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.428 8L12 10.573 10.572 12 8 9.428 5.428 12 4 10.573 6.572 8 4 5.428 5.427 4 8 6.572 10.573 4 12 5.428 9.428 8z' fill='%23424242'/%3E%3C/svg%3E");
        background-size: 20px;
    }

    .modal_close:hover {
        background-color: #E71022 !important;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.428 8L12 10.573 10.572 12 8 9.428 5.428 12 4 10.573 6.572 8 4 5.428 5.427 4 8 6.572 10.573 4 12 5.428 9.428 8z' fill='%23ffffff'/%3E%3C/svg%3E");
    }

    .ng-draggable {
        cursor: move;
    }

    .modal-dialog {
        max-width: initial;
        margin:0;top: 50%; left: 50%; position: absolute;
        box-shadow: rgb(121, 122, 123) 0px 0px 20px 1px;
        pointer-events: all;
    }

    &.fade .modal-dialog {
        transition: none;
        transition: none;
        transition: none;
        -webkit-transform:none;
        transform: none;
    }

    .modal-content {
        border-radius: 0;
        height: 100%;
        overflow: hidden;
    }


    .modal-body { padding: 0; }

    .modal-footer {
        background: #F4F4F4;
        border-top: 1px solid #dddddd;
    }

    

    .modalrevert {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cstyle type='text/css'%3E.icon-canvas-transparent{opacity:0;fill:#F6F6F6;} .icon-vs-out{fill:#F6F6F6;} .icon-vs-bg{fill:#424242;} .icon-vs-fg{fill:#F0EFF1;}%3C/style%3E%3Cpath class='icon-canvas-transparent' d='M16 16h-16v-16h16v16z' id='canvas'/%3E%3Cpath class='icon-vs-out' d='M16 11h-4v3h-12v-10h4v-3h12v10z' id='outline'/%3E%3Cpath class='icon-vs-bg' d='M5 2v3h-4v8h10v-3h4v-8h-10zm5 10h-8v-5h3v3h5v2zm4-3h-8v-5h8v5z' id='iconBg'/%3E%3Cpath class='icon-vs-fg' d='M5 10h5v2h-8v-5h3v3zm1-6v5h8v-5h-8z' id='iconFg'/%3E%3C/svg%3E")
    }

}

.k-grid-table {
    transform: none !important;
}

.modal-backdrop.show {
    opacity: 0.3;
}

.modal-backdrop {
    background-color: #d0d0d0;
}




.ng-resizable {
    position: relative
}

.ng-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    touch-action: none
}

.ng-resizable-handle.ng-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    height: 100%;
    top: 0
}

.ng-resizable-handle.ng-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    height: 100%;
    top: 0
}

.ng-resizable-handle.ng-resizable-s {
    cursor: s-resize;
    height: 7px;
    bottom: -5px;
    width: 100%;
    left: 0
}

.ng-resizable-handle.ng-resizable-n {
    cursor: n-resize;
    height: 7px;
    top: -5px;
    width: 100%;
    left: 0
}

.ng-resizable-handle.ng-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ng-resizable-handle.ng-resizable-sw {
    cursor: sw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    bottom: 1px
}

.ng-resizable-handle.ng-resizable-ne {
    cursor: ne-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    top: 1px
}

.ng-resizable-handle.ng-resizable-nw {
    cursor: nw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    top: 1px
}

.ng-resizable-diagonal {
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent
}