.social-login{
    text-align: center;
    font-size: 28px;
}
.social-login .social-login-ico{
    padding: 5px;
}
.social-login .facebook{
    background-color: #3b5998;
    color: #ffffff;
}
.social-login .google{
    background-color: #dd4b39;
    color: #ffffff;
}
.social-login .twitter{
    background-color: #1fccff;
    color: #ffffff;
}
.pass_field_icon{
    float:right;
    margin-right: 7px !important;
    margin-top: -25px;
}
.toggle-password,.toggle-password-conform,.pass_field_icon{
    float: right;
    /* margin-right: 20px !important; */
    margin-top: -25px;
    z-index: 99999;
    /* position: absolute; */
    right: 0;
    cursor: pointer;
}
.was-validated .form-control:invalid, .form-control.is-invalid{
    background-image:none;
}

/*chat page */
.chat_page .chat_list{border-radius: 10px; padding:0; box-shadow: 2px 2px 4px 0 rgba(61, 61, 61, 0.3); background-color: #ffffff; margin-top: 25px;height: calc(50vh + 185px); overflow-y: auto;}
.chat_page .chat_list .chater_list li{display: flex;align-items: center;padding: 10px;border-top: 1px solid #ddd;cursor: pointer;}
.chat_page .chat_list .chater_list li .product-img{height: 60px;width: 60px;border-radius: 100%;overflow: hidden;}
.chat_page .chat_list .chater_list li .product-img img{height: 100%;width: 100%;object-fit: cover;}
.chat_page .chat_list .chater_list li .product-info{width: calc(100% - 60px); padding-left: 10px;}
.chat_page .chat_list .chater_list li .product-info .product-title b{color: #000;display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat_page .chat_list .chater_list li .product-info .product-title span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;    font-size: 14px; color: #999999;}
.chat_page .chat_box_right{border-radius: 10px; padding: 20px 20px 10px 20px; box-shadow: 2px 2px 4px 0 rgba(61, 61, 61, 0.3); background-color: #ffffff; margin-top: 25px;}
.chat_page .chat_box_right .msg_header{display: flex;align-items: center;    padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.chat_page .chat_box_right .msg_header .img_user{height: 70px;width: 70px;border-radius: 100%;overflow: hidden;}
.chat_page .chat_box_right .msg_header .img_user img{height: 100%;width: 100%;object-fit: cover;}
.chat_page .chat_box_right .msg_header .user_name{width: calc(100% - 70px);padding-left: 15px;font-size: 20px;}
.chat_page .chat_box_right #comments-container .msg+.msg{margin-top: 5px;}
.chat_page .chat_box_right #comments-container .text{display: flex;width: 100%;align-items: flex-end;}
.chat_page .chat_box_right #comments-container .text.to{justify-content: flex-end}
.chat_page .chat_box_right #comments-container .text p{font-size: 14px; color: #FFF; border-radius: 5px; background-color: #ef4426; padding: 10px 15px; display: inline-block; vertical-align: bottom; font-weight: 400; max-width: 50%;margin: 0 10px;    word-break: break-all;}
.chat_page .chat_box_right #comments-container .text div{margin: 0 10px !important;}
.chat_page .chat_box_right #comments-container .text.to p{background-color: #eeeeee;color: #1B1B1B;}
.chat_page .chat_box_right #comments-container .text .avatar{height: 40px;width: 40px;border-radius: 100%;overflow: hidden;}
.chat_page .chat_box_right #comments-container .text .avatar img{height: 100%;width:100%;object-fit: cover;}
.chat_page .chat_box_right #comments-container .date{font-size: 12px;margin-top: 5px;display: block;font-weight: 400;}
.chat_page .chat_box_right #twemoji-textarea{margin-left: 0;}
.chat_page .chat_box_right .submit_btn .button{position: absolute; top: -48px; right: 20px;font-weight: 400;background-color: #ef4426;padding: 0; line-height: 0;}
.chat_page .chat_box_right .submit_btn .button svg{height: 32px; padding: 5px; fill: #FFF;}

.notifications_icon{
    height: 25px;
    width: 25px;
    background-color: rgba(225,225,225,1);
    border-radius: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: -12px;
    position: relative;
    color: #000;
}
.notification_detsil_count{
    background-color: green;
    color: #ffffff;
}
.invalid-feedback{
    display: inline;
}


.colorRed{color:red}
.select2-selection{min-height:40px;}
section.bs-validation {
    padding: 0px 0 50px;
}
.app-content.content {
    background-color: #edf5ff;
}
.app-content.content h2 {
    font-weight: bold;
}
.card {
    box-shadow: none !important;
}
.claim_form .form-group .form-control, .select2-container--default .select2-selection--single {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #d5d5d5 !important;
    height: auto;
    background-color: rgb(237 245 255) !important;
}
.claim_form #submissionForm h3 {
    margin: 20px 0;
    font-size:24px;
}
.claim_form label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400 !important;
}
.claim_form #attachment {
    margin-top: 20px;
}
.claim_form .demo-inline-spacing {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 calc(50% - 15px);
    gap: 15px;
}
.claim_form #gender-error, #claim_under_company_group-error, #claim_for_yourself-error, #relavant_to_claim-error {flex-basis: 100%; margin-top: -15px; }

.claim_form .custom-control.custom-radio {
    background-color: #edf5ff;
    border: 1px solid #d5d5d5;
    padding: 7px 35px;
    border-radius: 5px;
    flex: 0 0 calc(50% - 15px);
}

.claim_form #file-input-container .file-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.claim_form #file-input-medical-container .file-medical-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.claim_form .jointbox span {
    font-size: 14px;
}
.claim_form .logo img {
    width: 150px;
}
.claim_form span.select2.select2-container.select2-container--default {
    display: block;
}
.claim_form .logo p {
    background-color: #e11f27;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 8px;
    margin-top: 20px;
}
.claim_form .logo a{
    color:#fff;
    text-decoration:underline
}
.claim_form .preview-img { width: 100px; margin: 10px 12px 12px 0; position: relative; display: inline-block; }
.claim_form .remove-img { position: absolute; top: -5px; right: -5px; background: red; color: white; border-radius: 50%; cursor: pointer; padding: 0px 5px; }
.claim_form .tooltip-inner {
    background-color: rgba(255, 242, 190, 0.9) !important; /* Custom background color */
    color: #000 !important;               /* Text color */
}

.claim_form .file-group .remove-file, .file-medical-group .medical-remove-file {
  background: #bd2130;
  color: #ffffff;
    margin: 12px 12px 12px;
    position: relative;
    border-color: #bd2130;
    height: 40px;
}
.claim_form .select2-container--default .select2-selection--single .select2-selection__arrow{ top:7px !important; }

.claim_form .form-group input[type="file"]{ padding:0; }
.claim_form .form-group  input[type="file"]::file-selector-button{ background-color: #DBDBDB; padding: 7px 12px; border: none;}

.claim_form .tooltip.bs-tooltip-right .arrow::before {
     border-right-color: rgba(255, 242, 190, 0.9) !important; /* Arrow color matches background */

}