.sub-category {
    background-color: #ffffff;
    cursor: pointer;
}

.sub-category:hover {
    background-color: rgba(203, 202, 197, 0.50);
}

#dependencies > li {
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.data-types {
    padding: 5px;
}

.data-types > li {
    margin: 8px 0 0 5px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.direction-rtl {
    direction: rtl !important;
}

.direction-ltr {
    direction: ltr !important;
}

.phone_numbers {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.border-radius-5 {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.pointer {
    cursor: pointer;
}

.btn-custom-for-ring-call {
    background-color: #f3969f;
    color: #fff;
    border-color: #f3969f;
}

.shake-animation {
    animation: shake 0.5s infinite alternate;
}

@keyframes shake {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-20deg); }
    50% { transform: rotate(10deg); }
    75% { transform: rotate(-20deg); }
    100% { transform: rotate(10deg); }
}