.spaceBar {
    width:60px;
    border: 1px dashed #3BD1D1;
}

#EndTaskDate {
    direction: ltr;
}

.unhighlighted {
    background-color: #DDF4F4 !important;
}

.highlighted {
    background-color: #ECFFFF !important;
}
.highlighted .btn-taskmanager-more, .unhighlighted .btn-taskmanager-more {
    background: rgba(83, 83, 83, 0.5);
    border: 0.5px solid #535353;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    width: 73px;
}
.widthLastCustom {
    width: 12% !important;
}

.highlighted .btn-taskmanager-delete, .unhighlighted .btn-taskmanager-delete {
    background: rgba(83, 83, 83, 0.5);
    border: 0.5px solid #535353;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    margin: 0 0 0 5px;
}

.highlighted .btn-taskmanager-edit, .unhighlighted .btn-taskmanager-edit {
    background: rgba(83, 83, 83, 0.5);
    border: 0.5px solid #535353;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    margin: 0 0 0 5px;
}

.width1Custom {
    width: 2.5% !important;
}



.table-task-manager .Rtable .Rtable-row .width20 .color-width2:before {
    content: "";
    position: absolute;
    top: -14px;
    right: 0;
    width: 100%;
    height: 46px;
    background-color: #35353540;
    z-index: 0;
}

.Rtable-row--head .width20, .Rtable-row .width20 {
    width: 30% !important;
}


.errored {
    animation: shake 300ms;
    color: #eb3434 !important;
    background-color: #fef2f2 !important;
    border: 1px solid #eb3434 !important;
    border-radius: 7px;
}

.DesLimit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sweet-alert {
    font-family: 'IranSans' !important
}

.select2.select2-container.select2-selection--multiple {
    height: 0;
}

    .select2.select2-container.select2-selection--multiple.select2-selection__rendered {
        margin: 0;
    }

    .select2.select2-container.select2-selection--multiple.select2-search--inline.select2-search__field {
        height: 0;
    }

    .select2.select2-container.select2-selection--multiple.select2-selection__rendered {
        line-height: 0;
    }

    .select2.select2-container.select2-selection--multiple.select2-selection__choice {
        margin: 0 4px 0 0;
    }

.select2.select2-container.select2-selection {
    padding: 4px 0;
}


.tooltipfull-container {
    cursor: pointer;
    position: relative;
}

.tooltipfull {
    opacity: 0;
    z-index: 99;
    color: #fff;
    display: grid;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 8px;
    background: #23a8a8;
    border: 1px solid #23a8a8;
    -webkit-transition: all .2s ease -in -out;
    -moz-transition: all .2s ease -in -out;
    -o-transition: all .2s ease -in -out;
    transition: all .2s ease -in -out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    right: -2px;
    bottom: 30px;
    white-space: nowrap;
}

.tooltipfull-container:hover .tooltipfull, a:hover.tooltipfull {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tooltipfull:before, .tooltipfull:after {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #23a8a8;
    position: absolute;
    bottom: -10px;
    right: 20px;
}

.btn-register-index {
    padding: 10px 30px;
    width: 210px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    background-color: #84CC16;
    color: #FFFFFF;
    border-radius: 8px;
    transition: all .3s ease
}

.btn-register-index:hover {
    background-color: #65a30d;
}

.btnTicketList {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s;
}
.btnTicketList:hover {
    border: 1px solid #979797;
    background-color: #a8f5f5;
    color: #494949;
}


.section-btns-task {
    overflow-x: auto;
    white-space: nowrap;
}

.btnTicketRequestList {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s;
}
    .btnTicketRequestList:hover {
        border: 1px solid #979797;
        background-color: #a8f5f5;
        color: #494949;
    }
.btnTaskListSelfTask {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s;
}

.btnTaskListSelfTask:hover {
    border: 1px solid #979797;
    background-color: #a8f5f5;
    color: #494949;
}

.btnTaskListAllTask {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s
}

    .btnTaskListAllTask:hover {
        border: 1px solid #979797;
        background-color: #a8f5f5;
        color: #494949;
    }

.btnTaskListSent {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #3A3A3A;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s
}

    .btnTaskListSent:hover {
        border: 1px solid #979797;
        background-color: #a8f5f5;
        color: #3A3A3A;
    }

.btnTaskListReceived {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s
}

.btnTaskListReceived:hover {
    border: 1px solid #979797;
    background-color: #a8f5f5;
    color: #494949;
}

.btnTaskTicket {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s
}


.btnTaskTicket:hover {
    border: 1px solid #979797;
    background-color: #a8f5f5;
    color: #494949;
}

.btnTaskList {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s
}

    .btnTaskList:hover {
        border: 1px solid #979797;
        background-color: #a8f5f5;
        color: #494949;
    }

.btnTaskRequest {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    justify-content: center;
    gap: 8px;
    transition: all ease -in -out .3s
}

    .btnTaskRequest:hover {
        border: 1px solid #979797;
        background-color: #a8f5f5;
        color: #494949;
    }

.btnTaskRequestAll {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    justify-content: center;
    transition: all ease -in -out .3s
}

    .btnTaskRequestAll:hover {
        border: 1px solid #979797;
        background-color: #a8f5f5;
        color: #494949;
    }


.btnScheduleTask {
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    background-color: #c0f9f9;
    border: 1px solid #c0f9f9;
    color: #494949;
    width: 210px;
    text-align: center;
    transition: all ease -in -out .3s;
}

.btnScheduleTask:hover {
        border: 1px solid #979797;
        background-color: #a8f5f5;
        color: #494949;
    }
.btnTaskListSelfTask.active,
.btnTaskListAllTask.active,
.btnTaskListSent.active,
.btnTaskListReceived.active,
.btnTaskList.active,
.btnTaskRequest.active,
.btnTaskTicket.active,
.btnTaskRequestAll.active,
.btnTicketList.active,
.btnTicketRequestList.active,
.btnScheduleTask.active{
    color: #494949;
    background-color: #42e5e5;
    border: 1px solid #42e5e5;
    pointer-events: none;
}

.form-control {
    border-radius: 7px;
    border: 1px solid #DADADA;
    background-color: #F6F6F6;
    padding: 6px;
    color: #797979;
    font-size: 12px;
    font-weight: 500;
}


.goToTop {
    position: fixed;
    bottom: -10px;
    margin-right: 100px;
    z-index: 100;
    color: #fff;
    background-color: #25acacd6;
}

    .goToTop:hover {
        color: #fff;
        background-color: #2ca4a4;
    }

.ellipsed {
    font-size: 12px;
}

.bg-danger {
    background-color: #ef4444 !important;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

.btn-disable {
    filter: grayscale(100%);
    pointer-events: none;
    opacity: 0.3;
}

@media(max-width: 1400px) {
    .widthLastCustom {
        width: 20% !important;
    }
}

@media(max-width:992px) {
/*    .actionBtnsection {
        width: 89% !important;
    }*/
    .chat-section .chat-card-main {
        margin: 5px 0 !important;
    }
}

@media (max-width: 767px) {

        .actionBtnsection {
            width: 89% !important;
        }

        .Rtable--collapse .Rtable-row {
            outline: 0;
        }

        .goToTop {
            position: fixed;
            bottom: 54px;
            margin-right: 39 %;
            z-index: 100;
            color: #fff;
            background-color: #25acac70;
        }

        .btn-register-index {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .btnTicketList {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }
        .btnTicketRequestList {
            padding: 5px;
            width: 150px;
            font-size: 11px;
        }

        .btnTaskListAllTask {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }
        .btnTaskRequestAll {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .btnTaskListSelfTask {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .btnTaskListAllTask {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .btnTaskListSent {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .btnScheduleTask {
            padding: 5px;
            width: 150px;
            font-size: 11px;
        }

        .btnTaskListReceived {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .btnTaskList {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .btnTaskTicket {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .btnTaskRequest {
            padding: 5px;
            width: 130px;
            font-size: 11px;
        }

        .tooltipfull-container:hover .tooltipfull, a:hover.tooltipfull {
            opacity: 0;
        }

        .ellipsed {
            width: 45%;
        }

        .Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > span {
            width: 26px;
            height: 26px;
        }
    }

    @media (max-width: 344px) {

        .ellipsed {
            width: 60%;
        }
    }