.f10 {font-size: 10px!important;}
.f11 {font-size: 11px!important;}
.f12 {font-size: 12px!important;}
.f13 {font-size: 13px!important;}
.f14 {font-size: 14px!important;}
.f15 {font-size: 15px!important;}
.f16 {font-size: 16px!important;}
.f17 {font-size: 17px!important;}
.f18 {font-size: 18px!important;}
.f19 {font-size: 19px!important;}
.f20 {font-size: 20px!important;}

.wg-note {padding:5px 8px;background: #eaeaea;color:000;font-weight: 400;font-size: 12px;margin-top:5px;}
.wg-note span {font-weight: 600;}
.btn-disabled {background-color: #ccc!important;color:#fff!important;}

.wg_required {color: red;font-size:12px;}
.wg_required_border {border:1px solid red!important;}
.wg_red {color: red;font-size: 11px;}
.form-control {border:1px solid #333;}
.form-select {border: none;border-bottom:1px solid #dee2e6;border-radius: 0px;padding: .375rem 5px;}
.btn-gray {background: #eaeaea;width:100%;display: block;text-align: center;}
.wg-error {background: #F7E3E3;color: #790101;padding:7px 12px;border:1px dashed #790101;margin:8px 0;font-size: 12px;}

.no-feed-available > div:first-child {text-align: center;font-size: 32px;line-height: 34px;margin-bottom: 10px;color: rgba(0, 0, 0, 0.2);font-weight: 700;}
.no-feed-available > div:last-child {text-align: center;margin-top: 20px;}

.team-members-sort-by {font-size: 13px;color: #898989;margin-top:7px;}
.team-members-sort-by span {color:#474747;font-weight: 600;padding-left: 10px;cursor: pointer;position: relative;}
.team-members-sort-by span .wg-dropdown {position: absolute;right: 0;top: 21px;border: 1px solid #898989;padding: 5px 8px;width: 177px;background: #fff;z-index: 1;border-radius: 3px;font-weight: 500;display: none;}
.team-members-sort-by span .wg-dropdown > div {margin-bottom: 4px;}
.team-members-sort-by span .wg-dropdown > div a {color: #898989;text-decoration: none;}

.search_team_members {background: #F0F0F0;border:1px solid #898989;font-size: 13px;padding:3px 5px;width:100%;}
.no-record-found {background:#EEEEEE;border-left: 7px solid #F7F7F7;padding:15px 22px;}

.wg-form-control-input:focus{
    outline: none;
}

.wg-form-control-input {border: 1px solid #999;padding: 5px 10px;background: #FAFAFA;border-radius: 3px;display: block;width: 100%;}
.wg-form-control-input:disabled {background: #eaeaea;}

.wg-modal {background: rgba(0, 0, 0, 0.5);position: fixed;left: 0;top: 0;width: 100%;height:100vh;z-index: 1;display: none;font-size: 12px;}
.wg-modal .wg-modal-content {width:600px;position: absolute;left: 50%;top:100px;transform: translateX(-50%);background: #fff;border-radius: 5px;}
.wg-modal .wg-modal-content .wg-modal-content-header {padding:15px 20px;border-bottom: 1px solid #eaeaea;position:relative;}
.wg-modal .wg-modal-content .wg-modal-content-header .wg-close {position: absolute;right:20px;top:50%;transform: translateY(-50%);color:#666;}
.wg-modal .wg-modal-content .wg-modal-content-header h3 {font-size: 18px;margin: 0 0;padding: 0 0;color:#0859f7;}
.wg-modal .wg-modal-content .wg-modal-content-body {padding:15px 20px;}
.wg-modal .wg-modal-content .wg-modal-content-footer {padding:15px 20px;border-top:1px solid #eaeaea;}

.form-horizontal label {font-weight: 600;}

@media screen and (max-width: 600px) {
	.wg-modal {overflow: hidden;}
	.wg-modal .wg-modal-content {width: 100%;left: 0;top: 0;transform: translateX(0%);border-radius: 0px;max-height: 100vh;overflow-y: auto;}
}

.wg-team-member {display: flex;align-items: center;border-bottom:1px solid #eaeaea;padding-bottom:10px;margin-bottom:10px;}
.wg-team-member:last-child {border-bottom: none!important;}
.wg-team-member-profile-picture {width: 100px;}
.wg-team-member-profile-picture img {height: 100px;width: 100px;border-radius: 50%;}
.wg-team-member-details {margin-left: 25px;width: 70%;padding-top: 10px;}
.wg-team-member-details h5 {font-size: 18px;}
.wg-team-member-description {display: flex;font-size: 12px;}
.wg-team-member-description > div {padding-right: 10px;border-right: 1px solid #eaeaea;margin-right: 10px;}
.wg-team-member-description > div:last-child {border-right: none;}
.wg-team-member-experiences {font-size: 12px;margin-top: 3px;color: #0859f7;}
.wg-team-member-actions {width: 13%;text-align: right;position: relative;}
.wg-team-member-actions > a {color: #000;font-size: 18px;text-decoration: none;width: 40px;height: 40px;display: block;border: 1px solid #fff;border-radius: 50%;overflow: hidden;text-align: center;padding-top: 7px;margin: 0 0 0 auto;}
.wg-team-member-actions > a:hover {background: #eaeaea;}

.wg-team-member-actions .wg-team-member-actions-drop-down {position: absolute;border: 1px solid #eaeaea;border-radius: 5px;background: #fff;z-index: 1;top: 40px;right: -3px;width: 130px;text-align: left;display:none;}
.wg-team-member-actions .wg-team-member-actions-drop-down > div {padding:3px 0;}
.wg-team-member-actions .wg-team-member-actions-drop-down > div a {font-size:13px;padding:5px 10px;}
.wg-team-member-actions .wg-team-member-actions-drop-down > div:first-child {border-bottom:1px solid #eaeaea;}

.wg-connect-with-recruiters {display: block;}
.wg-connect-with-recruiters .small-title {font-size: 12px;color:rgba(0, 0, 0, 0.7);text-align: center;margin-bottom: 30px;}
.wg-connect-with-recruiters .logos {display: flex;align-items: center;justify-content: center;}
.wg-connect-with-recruiters .logos > div {width:100px;height:100px;border-radius: 50%;overflow: hidden;}
.wg-connect-with-recruiters .logos > div:first-child {margin-right:13px;}
.wg-connect-with-recruiters .logos > div:last-child {margin-left:13px;}
.wg-connect-with-recruiters .connect-button {width:100%;text-align: center;margin-top:40px;margin-bottom: 40px;}
.wg-connect-with-recruiters .connect-button a {border:2px solid #0859f7;padding:7px 25px;color:#fff;text-decoration: none;border-radius: 25px;font-weight: 600;}

.wg-card-title {color:#0859F7;padding:0 0;margin:0 0;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eaeaea;font-size: 18px;}

.top-header-dropdown-user-box {display: flex;align-items: center;width:100%;}
.top-header-dropdown-user-box > .wg-image {width:40px;height:40px;border-radius: 50%;overflow: hidden;}
.top-header-dropdown-user-box > .wg-image > img {width:120%;}
.top-header-dropdown-user-box > .wg-text {width:calc(100% - 50px);padding-left: 10px;}
.top-header-dropdown-user-box > .wg-text h5 {font-size:16px;font-weight: 600;color:#000;padding: 0 0;margin: 0 0;}
.top-header-dropdown-user-box > .wg-text .designation-company {font-size:12px;font-weight: 400;color:#000;}
.view-public-profile {width: 100%;margin:10px 0;border-bottom:1px solid #eaeaea;padding-bottom:10px;margin-bottom: 10px;}
.view-public-profile a {width: 100%;display: block;border: 2px solid #0859F7;border-radius: 25px;padding: 2px 0;text-align: center;font-size: 13px;font-weight: 500;}
.wg-border-bottom {border-bottom: 1px solid #eaeaea;padding-bottom: 10px;margin-bottom: 10px!important;}

.notification-date {font-size: 12px;color: #666666;font-weight: 500;text-align: center;margin: 18px 0 10px 0;}
.notification-item {display: flex;align-items: center;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 15px;border-radius: 3px;margin-bottom: 2px;position: relative;}
.notification-item .wg-image {width:50px;height:50px;border-radius: 50%;overflow: hidden;}
.notification-item .wg-image img {width: 100%;}
.notification-item .wg-text {flex: 1;padding-left: 10px;font-size:13px;font-weight: 400;}
.unread {background: #EFF5FE!important;}
.notification-item .wg-options {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);text-decoration: none;color: #000;}
.notification-item .wg-options-dropdown {position: absolute;right: 11px;top: 62%;background: #fff;width: 150px;border: 1px solid #eaeaea;border-radius: 4px;z-index: 1;display: none;}
.notification-item .wg-options-dropdown > div {padding: 3px 15px;}
.notification-item .wg-options-dropdown > div > a {color:#000;text-decoration: none;}
.notification-item .wg-options-dropdown > div:first-child {border-bottom: 1px solid #eaeaea;}

.wg-profile-banner {background-size: cover;height: 200px;position: relative;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.wg-profile-banner .profile-picture {width: 200px;height: 200px;border-radius: 50%;background: #fff;border: 1px solid #ccc;text-align: center;padding-top: 5px;position: absolute;left: 20px;bottom: -37px;}
.wg-profile-banner .profile-picture img {width: 190px;height: 190px;border-radius: 50%;border: 1px solid #ccc;}

.wg-profile-name-designation {margin:50px 0 0 0; position: relative;}
.wg-profile-name-designation h4 {padding: 0 0;margin: 0 0;font-size:22px;}
.wg-profile-name-designation .wg-role-company {font-size:14px;color:#666;}
.wg-profile-name-designation .wg-address {font-size:13px;color:#000;margin-top:7px;}

.connect-button {display:block;background: #0859f7;color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;border-radius: 6px;}
.connect-button-small {background: #0859f7;color: #fff;padding: 4px 20px!important;font-size: 13px!important;text-decoration: none;border-radius: 3px!important;}
.connect-accept {display:block;background: #32ad1d;color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;border-radius: 6px;}
.connect-reject {display:block;background: #ad1d1d;color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;border-radius: 6px;}
.connect-pending {display:block;background: rgba(8, 89, 247, 0.5);color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;border-radius: 6px;}
.connect-remove {display:block;background: #ad1d1d;color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;border-radius: 6px;}

.wg-profile-name-designation .connect-button {background: #0859f7;color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;position: absolute;right: 0;top: 3px;border-radius: 3px;}
.wg-profile-name-designation .connect-accept {background: #32ad1d;color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;position: absolute;right: 180px;top: 3px;border-radius: 3px;}
.wg-profile-name-designation .connect-reject {background: #ad1d1d;color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;position: absolute;right: 0;top: 3px;border-radius: 3px;}
.wg-profile-name-designation .connect-pending {background: rgba(8, 89, 247, 0.5);color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;position: absolute;right: 0;top: 3px;border-radius: 3px;}
.wg-profile-name-designation .connect-remove {background: #ad1d1d;color: #fff;padding: 8px 60px;font-size: 15px;text-decoration: none;position: absolute;right: 0;top: 3px;border-radius: 3px;}

@media screen and (max-width: 600px) {
	.wg-profile-name-designation .connect-button {
		bottom: 0px;
	    top: auto;
	    right: auto;
	    left: 0px;
	    position: relative;
	    margin-top: 10px;
	    display: block;
	    text-align: center;
	}
}

.service-item {display: flex;align-items: center;margin-bottom:35px;}
.service-item .wg-image {width:50px;height:50px;overflow:hidden;}
.service-item .wg-image img {width:100%;width:50px;height:50px;}
.service-item .wg-text {width:calc(100% - 70px);margin-left: 10px;}
.service-item .wg-text h5 {padding: 0 0;margin: 0 0;font-size:18px;color:#333333;}
.service-item .wg-text .total-members {font-size:13px;color:#666;}

.team-member-container {border:1px solid #ccc;max-height: 250px;min-height: 250px;overflow: hidden;padding:5px;border-radius:4px;}
.team-member-container .wg-image {width:100%;height: 160px;overflow: hidden;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.team-member-container .wg-full-name {font-size:14px;margin:15px 0 2px 0;font-weight: 600;text-align: center;}
.team-member-container .wg-designation {text-align: center;font-size:12px;}

/** Job listing & detail **/
.callout {
	padding:10px 15px;
	border-left:3px solid #85b1ff;
	font-size:15px;
	padding-left:25px;
}
.callout-gray {background:#eaeaea;}

.job-listing-row {display:flex;border-bottom:1px solid #eaeaea;padding-bottom:15px;margin-bottom:15px;position:relative;}
.job-listing-row:last-child {margin-bottom:0px;padding-bottom:0px;border-bottom:none;}
.job-listing-row .company-logo {width:100px;cursor: pointer;}
.job-listing-row .company-logo > div {width:90px;height:90px;}
.job-listing-row .job-details {width:calc(100% - 110px);padding-left:10px;}
.job-listing-row .job-details .job-title {color:#0859f7;font-size:15px;text-decoration:none;text-transform:uppercase;font-weight:600;}
.job-listing-row .job-details .job-title a {color:#0859f7;}
.job-listing-row .job-details .company-name {color:#000;font-weight:500;font-size:13px;margin-top:5px;}
.job-listing-row .location {font-size:11px; color:#525252;font-weight:500;margin-top:2px;}
.job-listing-row .date-time {margin-top:7px;}
.job-listing-row .date-time ul {list-style:none;padding:0 0;margin:0 0;display:flex;}
.job-listing-row .date-time ul li {margin-right:25px;color:#000;font-size:11px;}
.job-listing-row .date-time ul li a {}

.job-listing-row .posted-on {position:absolute;right:10px;top:10px;}

.job-detail {width:100%;position: relative;}
.job-detail .social-share {position:absolute;right:0;top:0;display: flex;}
.job-detail .social-share a {text-decoration: none;font-size:17px;position: block;margin-left: 9px;}
.job-detail .social-share a.facebook {color:#1877F2;}
.job-detail .social-share a.twitter {color:#1DA1F2;}
.job-detail .social-share a.linked-in {color:#0077B5;}
.job-detail .social-share a.whatsapp {color:#25D366;}
.job-detail .company-details {font-size:16px;color:#000;font-weight:500;margin-bottom:10px;}
.job-detail .job-title {color:#0859f7;font-size:20px;font-weight:600;text-transform:uppercase;}
.job-detail .job-location {font-size:12px;}
.job-detail .job-misc {margin-top:10px;display:flex;}
.job-detail .job-misc > div {margin-right:15px;}
.job-detail .matching {display:flex;margin:12px 0;}
.job-detail .matching > div {margin-right:8px;}
.job-detail .matching > div > i {font-size:22px;color:#4bd88d;}

.job-detail .job-detail-parameters {margin-top:30px;font-size: 13px;}
.job-detail .job-detail-parameters .job-detail-parameters-item {margin-bottom:5px;}
.job-detail .job-detail-parameters .job-detail-parameters-item span {color: #4bd88d;padding-right: 10px;}
.job-detail .job-detail-parameters .job-detail-parameters-item i {font-style: normal;font-weight: 500;padding-right: 10px;}

.job-detail .hiring-team-box {border:1px solid #85b1ff;border-radius:8px;padding:10px 15px;cursor: pointer;}
.job-detail .hiring-team-box h2 {font-size:18px;padding:0 0;margin: 0 0;padding-bottom:15px;}
.job-detail .hiring-team-box > div {display:flex;align-items:center;}
.job-detail .hiring-team-box > div .logo {width:90px;}
.job-detail .hiring-team-box > div .logo > div {width:85px;height:85px;border-radius:50%;overflow:hidden;border:1px solid #eaeaea;}
.job-detail .hiring-team-box > div .details {padding-left:10px;}
.job-detail .hiring-team-box > div .details .title {font-weight:500;font-size:15px;}
.job-detail .hiring-team-box > div .details > div {font-size:12px;}

.connect-save-box {margin:15px 0;}
.connect-save-box ul {list-style:none;padding:0 0;margin:0 0;display:flex;}
.connect-save-box ul li {margin-right:20px;}
.connect-save-box ul li a.wg-connect {width:150px;background:#0859f7;color:#fff;text-decoration:none;padding:8px 0;text-align:center;display:block;border-radius:6px;}
.connect-save-box ul li a.wg-save {width:150px;background:#fff;color:#0859f7;text-decoration:none;padding:7px 0;text-align:center;display:block;border:1px solid #0859f7;border-radius:6px;}


.wg-job-badge {background:#85b1ff;color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;}
.f12 {font-size:12px;}
.pt-4 {padding-top:4px!important;}

.about-the-job {margin:25px 0 0 0;}
.about-the-job h4 {font-size:20px;font-weight: 600;padding:0 0;margin:0 0;margin-bottom:20px;}
.about-the-job h5 {font-size:16px;font-weight: 600;padding:0 0;margin:0 0;margin-bottom:10px;}
.about-the-job .job-description, .about-the-job .job-requirements, .about-the-job .skill-experience {font-size:14px;font-weight: 400;}

.sample-loading-html {display: none;}
.card-header {background:#F8F8F8;color:#0859f7;font-size:18px;font-weight:500;padding:10px 15px;position:relative;}

.floating-chat-window {position: fixed;right: 10px;bottom: 0;width: 300px;z-index: 999;}
.floating-chat-window .floating-chat-window-header {background-color: #0859F7;color: #fff;position: relative;display: flex;padding: 10px 0;align-items: center;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.floating-chat-window .floating-chat-window-header .wg-image {width:40px;margin-left:5px;}
.floating-chat-window .floating-chat-window-header .wg-text {font-size:17px;font-weight:500;padding-left: 8px;}
.floating-chat-window .floating-chat-window-header .wg-options {position:absolute;right:5px;top:50%;transform:translateY(-50%);}
.floating-chat-window .floating-chat-window-header .wg-options ul {list-style:none;padding:0 0;margin:0 0;display:flex;align-items: center;}
.floating-chat-window .floating-chat-window-header .wg-options ul li.toggle-chat-window {margin-left:12px;margin-right: 5px;}
.floating-chat-window .floating-chat-window-header .wg-options ul li a {color: #fff;text-decoration: none;}

.floating-chat-window .floating-chat-window-body {max-height: 500px;overflow-x: hidden;overflow-y: auto;border-left: 1px solid #0859F7;border-right: 1px solid #0859F7;background: #fff;}
.floating-chat-window .floating-chat-window-body ul {list-style: none;padding: 0 0;margin: 0 0;}
.floating-chat-window .floating-chat-window-body ul li .chat-item {display: flex;align-items: center;padding:5px 10px;border-bottom: 1px solid #eaeaea;}
.floating-chat-window .floating-chat-window-body ul li .chat-item .wg-image {width:40px;padding-right: 5px;}
.floating-chat-window .floating-chat-window-body ul li .chat-item .wg-text {width:calc(100% - 40px);padding-left: 6px;}
.floating-chat-window .floating-chat-window-body ul li .chat-item .wg-text a {color:#000;font-size: 12px;text-decoration: none;}
.toggle-chat-window {cursor: pointer;}

.floating-chat-item-window {position: fixed;width: 500px;bottom: 0;right: 320px;background: #fff;display: none;}
.floating-chat-item-window .floating-chat-item-window-header {display: flex;align-items: center;border:1px solid #eaeaea;border-top-left-radius: 5px;border-top-right-radius: 5px;padding:7px 12px;position: relative;}
.floating-chat-item-window .floating-chat-item-window-header .wg-image {width:40px;}
.floating-chat-item-window .floating-chat-item-window-header .wg-text {width: calc(100% - 40px);padding-left: 5px;}
.floating-chat-item-window .floating-chat-item-window-header .wg-close {position: absolute;right:10px;top:50%;transform:translateY(-50%);width:25px;height:25px;text-align:center;background: #eaeaea;color:#000;border-radius: 50%;}
.floating-chat-item-window .floating-chat-item-window-header .wg-close a {color:#000;text-decoration: none;font-size:12px;}
.floating-chat-item-window .floating-chat-item-window-body {padding:15px 10px;height:500px;overflow-x:hidden;overflow-y: auto;border-left:1px solid #eaeaea;border-right: 1px solid #eaeaea;position: relative;display: flex;flex-direction: column-reverse;}
.floating-chat-item-window .floating-chat-item-window-footer {border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;padding:3px 8px;border-top:1px solid #eaeaea;}
.floating-chat-item-window .floating-chat-item-window-footer .row-1 {display: flex; align-items: center;position: relative;}
.floating-chat-item-window .floating-chat-item-window-footer .row-1 .reply-text, .reply-text {position: absolute;width: 100%;border: 1px solid #eaeaea;background: rgba(255, 255, 255, 1);font-size: 13px;top: -24px;left: 0;padding: 5px 10px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;opacity: 0.7;display: none;}
.floating-chat-item-window .floating-chat-item-window-footer .row-1 .wg-textbox {width:420px;padding-top:6px;}
.floating-chat-item-window .floating-chat-item-window-footer .row-1 .wg-textbox textarea {width:100%;height:80px;border:1px solid #eaeaea;}
.floating-chat-item-window .floating-chat-item-window-footer .row-1 .wg-send-button {width:75px;padding-left: 5px;}
.floating-chat-item-window .floating-chat-item-window-footer .row-1 .wg-send-button button {background: #0859F7;border: none;color:#fff;font-size:18px;height: 80px;width: 100%;display: block;}
.floating-chat-item-window .floating-chat-item-window-footer .row-1 .wg-send-button button i {font-size: 18px;}
.floating-chat-item-window .floating-chat-item-window-footer .row-2 {display:flex;align-items: center;margin:10px 0;}
.floating-chat-item-window .floating-chat-item-window-footer .row-2 .wg-upload {width:40%;}
.floating-chat-item-window .floating-chat-item-window-footer .row-2 .wg-smiley {width:60%;text-align: right;}

.contact-list {width:100%;display:flex;flex-direction:column-reverse;height:700px;overflow-x:hidden;overflow-y:auto;}
.contact-list .contact-list-item {display:flex;align-items:center;border-top:1px solid #eaeaea;padding-top:8px;margin-top:8px;cursor:pointer;}
.contact-list .contact-list-item .image {width:80px;margin-left:10px;}
.contact-list .contact-list-item .image > div {width:70px;height:70px;border-radius:50%;overflow:hidden;}
.contact-list .contact-list-item .text {width:calc(100% - 80px);margin-left:15px;}
.contact-list .contact-list-item .text h5 {font-size:14px;padding:0 0;margin:0 0;}
.contact-list .contact-list-item .text .user-name {font-size:12px;}
.contact-list .contact-list-item .text .last-message {font-size:12px;}

.chat-content {height:650px;}
/*.chat-content .message-content {height:550px;overflow-x:hidden;overflow-y:auto;position:relative;}*/
.chat-content .message-content {height: 550px;overflow-x: hidden;overflow-y: auto;position: relative;display: flex;flex-direction: column-reverse;padding-bottom: 10px;}
.chat-content .send-text {height:80px;overflow:hidden;}
.chat-content .send-text textarea {width:100%;height:70px;border:1px solid #eaeaea;border-radius:3px;font-size:13px;padding:4px 6px;}
.chat-content .other-chat-options {display:flex;font-size:13px;}
.chat-content .other-chat-options > div:first-child {width:40%;}
.chat-content .other-chat-options > div:last-child {width:60%;}
.emoji-div {text-align:right;font-size:20px;}
.emoji-div span {cursor:pointer;border:1px solid #eaeaea;border-radius:4px;padding:3px;}
.emoji-div span.open-pallete {padding:3px 8px;}
.emoji-div span:hover {background-color:#eaeaea;}

.wg-smiley span {cursor: pointer;}

.wg-overlay {background:rgba(255, 255, 255, 0.6);color:#000;position:fixed;left:0;top:0;width:100%;height:100vh;display:none;}
.wg-overlay .loader-div {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.wg-overlay .loader-div .wg-spinner {font-size:30px;text-align:center;}
.wg-overlay .loader-div .wg-text {font-size:16px;text-align:cetner;margin-top:1px;}

.chat-container {width:100%;}
.chat-container .chat-item {max-width:50%;display:inline-block;background-color:#e6effe;border:1px solid #0d6efd;padding:8px 10px;border-radius:18px;font-size:13px;}
.chat-container .chat-item .chat-item-flex {display:flex;}
.chat-container .timestamp {font-size:11px;margin-bottom:5px;margin-top:3px;}
.my-message {margin:0 0 0 auto;background-color:#0d6efd!important;color:#fff;}
.attachment-not-available {background-color:#ffefef;color:#600101;font-size:12px;padding:8px 10px;display:inline-block;}
.attachment {background-color:#f9f9f9;color:#0859F7;font-size:12px;padding:8px 10px;display:block;width:140px;text-align:center;}

.chat-container .reply {background: #eaeaea;color:#000;font-size:12px;padding:8px 8px;border-radius: 50%;overflow: hidden;cursor: pointer;}
.chat-container .delete-chat-item {background: #eaeaea;color:#000;font-size:12px;padding:8px 10px;border-radius: 50%;overflow: hidden;color:red;cursor: pointer;}
.chat-container .replied-to-this-chat-item {}
.chat-container .replied-to-this-chat-item span {background: #eaeaea;color:rgba(8, 89, 247, 0.7);font-size:12px;padding:6px 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;border-top-right-radius: 8px;cursor: pointer;}
.chat-container .removed-message {background-color: #fff1f1!important;color: #000!important;font-size: 12px;}