.btn.btn-primary {
    background-color: #4169e1;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.btn.btn-primary:hover {
    background-color: #4169e1;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.btn.btn-primary:focus {
    background-color: #4169e1;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.btn.btn-primary:active:hover {
    background-color: #4169e1;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.card .card-header-primary .card-icon,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(4, 47, 255, 0.27);
}

.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
    background: #4169e1;
}

.nav li.active .nav-link {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(4, 47, 255, 0.27)!important;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(4, 47, 255, 0.27)!important;
}

.user_status {
    background-color: #4caf50;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.user_edit,
.clinic_edit,
.userinfo_edit,
.manager_edit,
.doctor_edit,
.ticket_edit,
.squestion_edit,
.valkey_edit,
.insurance_edit,
.pharmacy_edit,
.speciality_edit,
.cpt_edit,
.category_edit,
.subcategory_edit,
.icd_edit,
.ref_code_edit,
.pharptinfo_edit {
    background-color: #ff9800;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.manager_sq_edit,
.doctor_sq_edit {
    background-color: #4caf50;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.ticket_comment,
.manager_pwd_edit,
.doctor_pwd_edit {
    background-color: #4169e1;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.ticket_comment_blank{
    background-color: #999;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.doctor_clinicm_edit {
    background-color: #26c6da;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.insurance_add,
.speciality_add,
.cpt_add,
.category_add,
.subcategory_add,
.icd_add,
.ref_code_add,
.pharmacy_add,
.insurance_upload,
.pharmacy_upload {
    background-color: #4169e1;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
    padding: 8px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: 10px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(4, 47, 255, 0.27)!important;
}

.user_delete,
.clinic_delete,
.userinfo_delete,
.manager_delete,
.doctor_delete,
.ticket_delete,
.squestion_delete,
.valkey_delete,
.insurance_delete,
.pharmacy_delete,
.comment_delete,
.speciality_delete,
.cpt_delete,
.category_delete,
.subcategory_delete,
.icd_delete,
.ref_code_delete,
.pharptinfo_delete {
    background-color: #f44336;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

#manager_add_btn,
#doctor_add_btn,
#doctor_upload_btn {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14);
    padding-right: 20px;
    font-size: 30px;
    cursor: pointer;
}

#clinic_add_btn,
#key_add_btn {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14);
    padding-right: 10px;
    font-size: 30px;
    cursor: pointer;
}

#workpc_add_btn {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14);
    padding-right: 10px;
    font-size: 30px;
    cursor: pointer;
}

#squestion_add_btn {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14);
    padding-right: 10px;
    font-size: 30px;
    cursor: pointer;
}

.user_status,
.manager_type,
.doctor_type,
.manager_clinic,
.doctor_clinic {
    background-color: #4caf50;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.clinic_active,
.manager_active,
.doctor_active,
.squestion_active,
.validation_key_style,
.valkey_active {
    background-color: #4caf50;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.clinic_deactive,
.manager_deactive,
.doctor_deactive,
.squestion_deactive,
.valkey_deactive {
    background-color: #f44336;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    padding: 5px;
    border-radius: 8px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.input-group-append {
    display: none!important;
}

.bootstrap-select .btn {
    margin: 0!important;
}

.modal-dialog .modal-header {
    border-bottom: none;
    padding: 24px 24px 0;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-dialog .modal-header .modal-title {
    text-align: center;
    width: 100%;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal .modal-header .close {
    color: #999;
}

.modal-dialog .modal-header .close {
    position: absolute;
    top: 15px;
    right: 20px;
}

.modal-dialog .modal-body+.modal-footer {
    padding-top: 0;
}

.modal-dialog .modal-footer {
    border-top: none;
    padding: 24px;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

@-moz-keyframes bounceDown {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounceDown {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounceDown {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounceLeft {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }
}

@-moz-keyframes bounceLeft {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(30px);
    }
    60% {
        transform: translateX(15px);
    }
}

@keyframes bounceLeft {
    0%,
    20%,
    50%,
    80%,
    100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    60% {
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
}

@-webkit-keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}

@-moz-keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-30px);
    }
    60% {
        transform: translateX(-15px);
    }
}

@keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    60% {
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}


/* /right bounce */


/* assign bounce */

.fa-arrow-right {
    -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
    float: right;
}


/* .post-content {
    background: #f8f8f8;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #f1f2f2;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
} */

.post-content img.post-image,
video.post-video,
.google-maps {
    width: 100%;
    height: auto;
}

.post-content .google-maps .map {
    height: 300px;
}

.post-content .post-container {
    padding: 20px;
}

.post-content .post-container .post-detail {
    margin-left: 65px;
    position: relative;
}

.post-content .post-container .post-detail .post-text {
    line-height: 24px;
    margin: 0;
}

.reaction {
    position: absolute;
    right: 0;
    top: 0;
}

.post-content .post-container .post-detail .post-comment {
    display: inline-flex;
    margin: 10px auto;
    width: 100%;
}

.post-content .post-container .post-detail .post-comment img.profile-photo-sm {
    margin-right: 10px;
}

.post-content .post-container .post-detail .post-comment .form-control {
    height: 30px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    margin: 7px 0;
    min-width: 0;
}

img.profile-photo-md {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

img.profile-photo-sm {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.text-green {
    color: #8dc63f!important;
    font-weight: 500;
    margin-right: 10px;
}

.text-red {
    color: #ef4136!important;
    font-weight: 500;
    margin-right: 10px;
}

.following {
    color: #8dc63f;
    font-size: 12px;
    margin-left: 20px;
}

.subactive {
    background-color: hsla(0, 0%, 78%, .2);
}