{"version":3,"file":"static/css/3830.c957602b.chunk.css","mappings":"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","sources":["components/TaskColumn/style.scss","containers/Tasks/style.scss","components/TaskForm/style.scss","components/ConfirmDialog/style.scss"],"sourcesContent":[".task-col {\n    height          : 480px;\n    padding-bottom: 0;\n    background-color: #fff;\n\n    @media (min-width: 1900px) {\n        height: 800px;\n    }\n        \n    .task-card {\n        position: relative;\n        cursor: pointer;\n        div.icons {\n            opacity: 0;\n            transform: scale(0);\n            pointer-events: none;\n            transition: all 0.3s ease-in-out;\n            position: absolute;\n            top: 8px;\n            right: 5px;\n            &>button {\n                background: none;\n                border: none;\n                outline: none;\n                cursor: pointer;\n                padding: 5px;\n                margin: 0;\n                text-align: center;\n\n                &:focus {\n                    outline: none;\n                }\n\n               /*  &>svg {\n                    margin: 0 4px;\n                } */\n            }\n        }\n    \n        &:hover div.icons{\n            opacity: 1;\n            transform: scale(1);\n            pointer-events: all;\n        }\n    }\n\n    .scrollbar-custom {\n        background-color: transparent !important;\n        border-radius: none !important;\n        scrollbar-color: #a7a6a6 #F5F5F5;\n        overflow-y: auto;\n        height: 410px;\n\n    }\n\n    @media(min-width: 1900px) {\n        .scrollbar-custom {\n            height: 715px;\n        }\n    }\n\n    #style-4::-webkit-scrollbar-track {\n        box-shadow: inset 0 0 6px #6a2a5365;\n        border-radius   : 20px;\n    }\n\n    .padding-10 {\n        padding: 10px\n    }\n\n    #style-4::-webkit-scrollbar-thumb {\n        background-color: #6a2a536c;\n        border          : 2px solid #6a2a537c;\n        border-radius   : 40px;\n    }\n\n    .task-new {\n        background: #dfe1f2e0;\n        border-radius: 3px;\n    }\n\n    .task-inprogress {\n        background: rgba(221, 239, 245, 0.726);\n        border-radius: 3px;\n    }\n\n    .task-inprogress-hour {\n        background   : rgba(255, 250, 239, 1);\n        border       : 1px solid rgba(226, 152, 51, 0.8);\n        border-radius: 3px;\n    }\n\n    .task-inprogress-day {\n        background   : rgba(255, 248, 248, 1);\n        border       : 1px solid rgba(217, 134, 134, 0.8);\n        border-radius: 3px;\n    }\n\n    .task-completed {\n        background: rgba(232, 251, 251, 1);\n        border-radius: 3px;\n    }\n\n    .task-date {\n        color: #959393;\n        transform: scale(0);\n    }\n    \n    .truncate-three-lines{\n        display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    }\n}\n\n\nbody[dir='rtl'] {\n    .scrollbar {\n        padding-left: 10px;\n        padding-right: 0;\n    }\n\n    .task-col div.icons{\n        left: 5px;\n        right: auto;\n    }\n}\n\nbody[dir='ltr'] {\n    .scrollbar {\n        padding-right: 10px;\n        padding-left: 0;\n    }\n\n    .task-col div.icons {\n        right: 5px;\n        left: auto;\n    }\n}",".tasks-container {\n    padding: 20px 0;\n    &_header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 30px;\n        &_btn {\n            width: 200px;\n            padding: 8px 15px;\n            text-align: center;\n            border-radius: 40px;\n            font-size: 14px;\n            margin: 0;\n            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n            outline: none;\n            border: none;\n            background-color: #6a2a53;\n            color: #FFF;\n            transition: all 0.5s;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        \n            &:focus {\n                outline: none;\n            }\n\n            &:hover {\n                background-color: #531f40;\n            }\n\n            & svg {\n                margin-left: 0;\n                margin-right: 8px;\n            }\n\n            &.rtl svg {\n                margin-left: 8px;\n                margin-right: 0;\n            }\n        }\n        &_search {\n            display: flex;\n            align-items: center;\n            position: relative;\n            width: 30%;\n            &>input {\n                width: 100%;\n                padding: 10px 20px;\n                border: none;\n                background-color: #fff;\n                color: #333;\n                font-size: 15px;\n                font-weight: bold;\n                outline: none;\n                border-radius: 0;\n                border: 1px solid #eee;\n            }\n            &>svg {\n                margin-right: 5px;\n                color: #BBB;\n                font-size: 2rem;\n                position: absolute;\n                top: 4px;\n                right: 5%;\n            }\n            &.rtl {\n                &>svg {\n                    right: auto;\n                    left: 5%;\n                }\n            }\n        }\n    }\n}",".form-modal {\n    &_container {\n        position: fixed;\n        top: 0;\n        left: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        transition: all 0.5s ease-in-out;\n        opacity: 0;\n        pointer-events: none;\n        z-index: 8;\n        background-color: rgba(0, 0, 0, 0.5);\n        width: 100vw;\n        height: 100vh;\n\n        &.show {\n            opacity: 1;\n            pointer-events: all;\n        }\n\n        & h4 {\n            margin: 15px;\n        }\n\n        &_content {\n            background-color: #FFF;\n            border-radius: 20px;\n            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n            padding: 0 1.2rem 25px;\n            width: 60%;\n            min-height: 500px;\n            max-height: 600px;\n            max-width: 550px;\n            min-width: 350px;\n            overflow: hidden;\n            position: relative;\n            z-index: 1;\n\n            &_close {\n                position: absolute;\n                right: 23px;\n                top: 19px;\n                font-size: 2.2rem;\n                font-weight: bold;\n                color: #AAA;\n                cursor: pointer;\n                transition: all 0.5s;\n                box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n                border-radius: 50%;\n\n                &:hover {\n                    color: #999;\n                }\n            }\n\n            &_header {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                margin-top: 25px;\n                margin-bottom: 15px;\n\n                &>h4 {\n                    font-size: 1.6rem;\n                    font-weight: bold;\n                    color: #333;\n                }\n\n                &>img {\n                    width: 45px;\n                    height: 45px;\n                    margin-right: 10px;\n                }\n            }\n\n            &_body {\n                padding: 25px;\n                max-height: 65vh;\n                overflow-y: auto;\n                overflow-x: hidden;\n\n                &_group {\n                    display: block;\n\n                    &>label {\n                        display: block;\n                        font-size: 13px;\n                        font-weight: 500;\n                        color: #74619b;\n                        margin-bottom: 5px;\n\n                        &:after {\n                            content: '*';\n                            color: #f00;\n                            font-size: 1.2rem;\n                            margin-left: 5px;\n                        }\n                    }\n\n                    & input {\n                        width: 100%;\n                        padding: 12px 15px;\n                        border: none;\n                        background-color: #fafafc;\n                        color: #888;\n                        font-size: 15px;\n                        font-weight: bold;\n                        outline: none;\n                        border-radius: 0;\n                        border: 1px solid #eee;\n                        margin-bottom: 15px;\n                    }\n\n                    &>textarea {\n                        width: 100%;\n                        padding: 12px 15px;\n                        border: none;\n                        background-color: #fafafc;\n                        color: #888;\n                        font-size: 14px;\n                        font-weight: bold;\n                        outline: none;\n                        border-radius: 0;\n                        border: 1px solid #eee;\n                        resize: none;\n                        letter-spacing: 1.1;\n                        margin-bottom: 10px;\n                    }\n\n                    & .date-time-container {\n                        position: relative;\n\n                        & .time-picker-toggle {\n                            position: absolute;\n                            top: 15px;\n                            right: 15px;\n                            width: 16px;\n                            height: 16px;\n                            background-color: red;\n                        }\n\n                        & .time-picker-btn {\n                            position: absolute;\n                            top: 360px;\n                            left: 0;\n                            width: 80%;\n                            height: 25px;\n                            text-align: center;\n                            background-color: #eee;\n                        }\n                    }\n\n                    .datetime-picker {\n                        width: 100%;\n                        &>div:before, &>div:after {\n                            border-color: transparent;\n                        }\n                        &:hover {\n                            &>div:before, &>div:after {\n                                border-color: transparent;\n                            }  \n                        }\n                    }\n                }\n\n                &_actions {\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    padding-bottom: 25px;\n\n                    &>button {\n                        width: 160px;\n                        padding: 8px 15px;\n                        text-align: center;\n                        border-radius: 40px;\n                        font-size: 14px;\n                        margin: 15px 10px 0;\n                        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n                        outline: none;\n                        border: 1px solid transparent;\n                        background-color: #6a2a53;\n                        color: #FFF;\n                        transition: all 0.5s;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                    \n                        &:focus {\n                            outline: none;\n                        }\n\n                        &:hover {\n                            background-color: #531f40;\n                        }\n\n                        & svg {\n                            margin: 0 6px;\n                        }\n\n                        &.cancel_btn {\n                            border: 1px solid #6a2a53;\n                            background-color: #fff;\n                            color: #6a2a53;\n                            padding: 7px 14px;\n                            width: 159px;\n\n                            &:hover {\n                                background-color: #eee;\n                            }\n                        }\n                    }\n                }\n\n                &_flexgroup {\n                    display: flex;\n\n                    &>label {\n                        display: block;\n                        font-size: 13px;\n                        font-weight: 500;\n                        color: #74619b;\n                        margin-bottom: 10px;\n                    }\n                }\n\n                &_log {\n                    margin-top: 15px;\n                    width: 100%;\n                    display: flex;\n                    justify-content: space-between;\n                    border: 1px solid #eee;\n                    padding: 15px;\n\n                    &_item {\n\n                        position: relative;\n                    }\n\n                    label {\n                        display: block;\n                        font-size: 12px;\n                        font-weight: 500;\n                        color: #74619b;\n                        margin-bottom: 10px;\n                        text-align: center;\n                        height: 35px;\n\n                        &:last-of-type {\n                            font-size: 10px;\n                            color: #888;\n                            font-weight: bold;\n                            height: auto;\n                        }\n\n                        &.required {\n                            &:after {\n                                content: '*';\n                                color: #f00;\n                                font-size: 1.2rem;\n                                margin-left: 5px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n#feedback {\n    color: rgba(148, 83, 74, 0.877);\n    font-size: 15px;\n    width: 100%;\n    text-align: center;\n    position: absolute;\n    padding: 5px 0;\n    background-color: transparent;\n    bottom: 25px;\n    left: 0;\n    z-index: 2;\n}\n\n.dots {\n    letter-spacing: 2px;\n    font-size: 1.1rem;\n    color: #AAA;\n    overflow: hidden;\n    margin-top: -5px;\n}\n\n\nbody[dir=\"rtl\"] .form-modal_container_content_close {\n    right: auto;\n    left: 23px;\n  }",".confirm-modal-container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow-y: auto;\n    overflow-x: hidden;\n    transition: all 0.5s ease-in-out;\n    opacity: 0;\n    pointer-events: none;\n    z-index: -1;\n    background-color: rgba(0,0,0,0.5);\n    width: 100vw;\n    height: 100vh;\n\n    &.show {\n    opacity: 1;\n    pointer-events: all;\n    z-index: 9999;\n    }\n\n    & .confirm-modal {\n        width: 420px;\n        height: auto;\n        background-color: #FFF;\n        border-radius: 20px;\n        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n        padding: 30px 20px 20px;\n        overflow: hidden;\n        position: relative;\n        z-index: 1;\n\n        &_icon {\n            display: block;\n            margin: 0 auto 20px;\n            width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            opacity: 0.8;\n            box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px\n        }\n    \n        &>h4 {\n            margin-bottom: 15px;\n            font-weight: 400;\n            font-size: 1rem;\n            text-align: center;\n        }\n    \n        &_buttons {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n    \n            &>button {\n                width: 150px;\n                padding: 8px 15px;\n                text-align: center;\n                border-radius: 40px;\n                font-size: 14px;\n                margin: 15px 5px 0;\n                box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n                outline: none;\n                border: 1px solid transparent;\n                background-color: #6a2a53;\n                color: #FFF;\n                transition: all 0.5s;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            \n                &:focus {\n                    outline: none;\n                }\n\n                &:hover {\n                    background-color: #531f40;\n                }\n\n                & svg {\n                    margin: 0 6px;\n                }\n\n                &.cancel_btn {\n                    border: 1px solid #6a2a53;\n                    background-color: #fff;\n                    color: #6a2a53;\n                    padding: 7px 14px;\n                    width: 139px;\n\n                    &:hover {\n                        background-color: #eee;\n                    }\n                }\n            }\n        }\n    }\n}\n\n"],"names":[],"sourceRoot":""}