.ds-mouse-pointer {
    cursor: pointer;
}

.ds-italic {
    font-style: italic
}

.ds-editable-text {
    border-bottom: 1px dotted #0070c9;
}

.ds-bg-danger {
    background-color: #dc3545 !important;
}

.ds-text-white {
    color: #fff !important;
}

.ds-modal-title {
    font-size: 1.3em;
}

.ds-table-td-vertical > tbody > tr > td {
    vertical-align: middle !important;
}

.ds-flex {
    display: flex;
    flex-wrap: wrap;
}

.ds-table-no-top-border > thead > tr > td,
.ds-table-no-top-border > thead > tr > th {
    border: none;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.ds-modal-lg {
    max-width: 900px !important;
}

.ds-modal {
    overflow-y: auto
}

.ds-overflow-visible {
    overflow: visible !important;
}

@keyframes dsSkeletonLoading {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes dsSkeletonLoading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}


.dsSkeletonImageSmallCircle, .dsSkeletonImageSmallSquare, .dsSkeletonSmallText, .dsSkeletonDropdown {
    background: linear-gradient(90deg, #eeeeee 25%, #f5f5f5 50%, #eeeeee 75%) repeat;
    background-size: 200% 100%;
    animation: dsSkeletonLoading 2.5s linear infinite;
}

.dsSkeletonImageSmallCircle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.dsSkeletonImageSmallSquare {
    width: 60px;
    height: 60px;
}

.dsSkeletonSmallText {
    height: 15px;
}

.dsSkeletonDropdown {
    height: 20px;
    width: 90%;
}