/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

a {
    color: #28b1e9;
    font-weight: 600;
}

.um-page-register header#masthead, .um-page-login header#masthead, .um-page-password-reset header#masthead {
    display: none;
}

.mz_logo {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}


.um-page-register .um-form, 
.um-page-login .um-form {
    padding: 40px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 14px 47px 0 #0000001c;
}

.um-page-password-reset main#content {
    padding-top: 60px;
}

footer#site-footer {
    display: none;
}

body, h1, h2, h3, h4, h5, h6, p, a {
    font-family: "Outfit", sans-serif;
}

.um-register .um-right.um-half, .um-login .um-right.um-half {
    display: none;
}

.um-register .um-left.um-half, .um-login .um-left.um-half {
    width: 100%;
}

.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
    background: black;
    font-weight: 700 !important;
}

.mz_custom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

a {}

.mz_custom a {
    background: #28b1e9;
    max-width: 400px;
    width: 370px;
    text-decoration: none;
    padding: 10px;
    font-size: 16px;
    color: white;
    font-weight: 700;
    margin-top: 30px;
    border-radius: 3px;
}

.mz_custom span {
    display: block;
}

main#content {
    padding-bottom: 60px;
}

.um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea {
    color: black !important;
    background: #eee;
    border-radius: 10px;
    border: 0 !important;
    padding: 15px !important;
    height: auto !important;
}

.um-field-label label {
    color: black;
}

.um-field.um-field-block.um-field-block.um-field-type_block {
    padding: 0;
    text-align: center;
    font-size: 30px;
    color: black;
    font-weight: 600;
    margin-bottom: 20px;
}


.um-profile-nav-item.um-profile-nav-comments, .um-profile-nav-item.um-profile-nav-posts {
    display: none;
}

.um-profile-nav-item a {width: 49%;}

.picker__box, .picker__nav--next:hover, .picker__nav--prev:hover, .um .um-field-group-head, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, .um-modal-header, .upload, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
    background: #28b1e9;
}

.bp-messages-wrap .chat-header>a, .bp-messages-wrap .chat-header>span {
    color: #28B1E9 !important;
}

.bp-messages-wrap .chat-footer>a {
    color: #28B1E9 !important;
}

.bp-messages-wrap * {
    font-family: 'Outfit', sans-serif;
}


.um-postmessage {
  background: white;
  padding: 50px;
  text-align: center;
  border-radius: 10px;
}

.um-button {
    background: black;
    transition: .4s !important;
}

.um-member-directory-header.um-form {
    margin-bottom: 40px;
    align-items: center !important;
}

.um-member-directory-header.um-form .um-member-directory-header-row.um-member-directory-search-row {
    justify-content: center;
}

.um-member-directory-header.um-form label {
    width: 700px;
}

.um-button:hover {
    background: #28b1e9 !important;
    color: white !important;
}

.um-members-wrapper {
    padding: 0 5px !important;
}

.um-directory.uimob340 .um-members-wrapper .um-members .um-member {
    /* border: 0 !important; */
    border-radius: 20px;
}

.um-messaging-btn {}

.um-profile-navbar .um-messaging-btn {
    margin-bottom: 20px;
}

.um-profile-navbar .um-messaging-btn a.bpbm-pm-button.bm-fast-start {
    display: block;
    text-align: center;
    border-radius: 5px;
    background: black;
}

.um-header.no-cover {
    border-bottom: 0;
}


.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
  background: #28b1e9;
}

.bp-messages-wrap .chat-header .thread-actions>a, .bp-messages-wrap .chat-header .thread-actions>span, .bp-messages-wrap .chat-header .thread-actions>div.expandingButtons, .bp-messages-wrap .bm-reply .bm-send-message, .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info a {
    color: #28B1E9 !important;
}

.mz_logo img {
    width: 70px;
}


.page-id-85 .mz_menuIcons:nth-child(1) .elementor-widget-container {
    background: #28B1E9;
}

.page-id-85 .mz_menuIcons:nth-child(1) .elementor-widget-container img {
    filter: invert(1);
}

div#page {
    padding-top: 75px;
    padding-left: 70px;
}

.hfe-dropdown-expandible {
    position: absolute;
    width: 200px;
    right: 0 !important;
    left: auto !important;
    box-shadow: 0px 8px 26px 0px #00000026;
    border-radius: 10px;
}

.hfe-dropdown-expandible a {
    padding: 0 20px;
}


.um-search-area input.um-search-field.search-field {
    border: 0;
}

.bp-messages-threads-wrapper {
    flex-direction: column-reverse;
    height: 100% !important;
}

.bp-messages-side-threads {
    width: 100% !important;
    background: white;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    overflow: hidden;
    height: 15vw;
}

.bp-messages-column {
    width: 100%;
    background: white !important;
    border: 1px solid #ddd;
    border-radius: 10px !important;
    margin: 20px 0;
    height: 20vw;
}

.bp-messages-wrap .bp-messages-side-threads>* {
    width: 100%;
}

.bp-messages-wrap {
    background: transparent !important;
    border: 0;
    height: auto !important;
}

main#content {
    padding-bottom: 0 !important;
    max-width: 100%;
    padding: 0 20px;
}

.bp-messages-side-threads .chat-header.side-header, .bp-messages-side-threads .chat-footer {
    display: none;
}

.bp-messages-side-threads:before {
    content: 'Employees';
    padding: 20px 15px;
}

.mz_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mz_chats {
    width: 63%;
}

.mz_members {
    width: 35%;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
    width: 100% !important;
    position: static !important;
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px !important;
    border-radius: 10px;
}

.um-members.um-members-grid.masonry {
    height: auto !important;
}

.um-member-directory-search-line {
}

.um-member-directory-header-row.um-member-directory-search-row {
    display: none !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo {
    padding: 0 !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card {
    padding: 0 !important;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main {
    display: none;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img {
    width: 60px !important;
    height: 60px !important;
    margin-right: 15px;
    border: 0 !important;
    margin-bottom: -8px;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name {
    justify-content: flex-start;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn {
    display: none;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a {
    display: block !important;
}

.um-directory .um-member-directory-header {
    margin: 10px;
}

.um-directory .um-member-directory-header:before {
    content: 'Office Directory';
    text-align: left;
    display: block;
    width: 100%;
    font-size: 22px;
    color: black;
}

.bp-messages-side-threads:before {
    font-size: 22px;
    color: black;
}

/* mz-modal styles */
.mz-modal { 
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

.mz-modal .modal-content {
      background-color: #fff;
      margin: 5% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 80%;
      max-width: 600px;
    }

 .mz-modal .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.mz-modal .close:hover, .mz-modal .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* Tab styles */
.mz-modal .tab-navigation {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.mz-modal .tab-button {
	padding: 10px 20px;
	border: none;
      background-color: #c7c7c7;
      cursor: pointer;
      flex: 1;
      margin: 0 5px;
      transition: background-color 0.3s;
    }

    .mz-modal .tab-button.active {
      background-color: #333;
      color: white;
    }

    .mz-modal .tab {
      display: none;
    }

    .mz-modal .tab.active {
      display: block;
    }

    /* Form styles */
    .mz-modal form {
      display: flex;
      flex-direction: column;
    }

    .mz-modal label {
      margin: 10px 0 5px;
    }

    .mz-modal input {
      padding: 10px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    .mz-modal button {
      padding: 10px 20px;
      border: none;
      background-color: #28B1E9;
      color: white;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .mz-modal button:hover {
      background-color: #0056b3;
    }

.mz-modal button {
    margin-bottom: 20px;
}

.mz-modal button:last-child {
    margin: 0;
}

div#add-employee-btn {
    cursor: pointer;
}

.mz-modal .close {
    position: absolute;
    top: -12px;
    right: -15px;
    background: #cd4949;
    line-height: 28px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: white !important;
    transition: .4s;
}

.mz-modal .modal-content {
    position: relative;
    border-radius: 10px;
}

.mz-modal .close:hover {
    background: red;
}



button#add-more-manager-btn, button#add-more-employee-btn {
    background: #5bbe5b;
}


button#add-more-manager-btn:hover, button#add-more-employee-btn:hover {
    background: #1aae1d;
}

.um.um-account.um-editing {
    margin-top: 40px;
}

.um.um-account.um-editing .um-account-main {
    background: white;
    padding: 40px;
}

.um.um-account.um-editing .um-account-side {
    width: 25%;
    margin-right: 3%;
}

div#um_field_8_user_password:after {
    content: 'Min. 8 characters, 1 lowercase, 1 uppercase and 1 number.';
    font-size: 13px;
}

.um-page-register main#content, .um-page-login main#content {
    padding-bottom: 80px !important;
}

.um-members-grid .um-member-card .um-members-bpbm-btn .um-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    background: transparent !important;
    font-size: 0;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
    position: relative !important;
    top: auto !important;
    left: auto !important;
		transform: none !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card {
    position: static !important;
}

.mz_chats2 .bp-messages-threads-wrapper:before {
    content: 'Message Board';
    text-align: left;
    display: block;
    width: 100%;
    font-size: 22px;
    color: black;
    margin-top: 11px;
    margin-bottom:-6px;
}

.mz_main2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mz_chats2 {
    width: 68%;
}

.mz_members2 {
    width: 30%;
}

.mz_members2 .bp-messages-threads-wrapper > .bp-messages-column:nth-child(2) {position: fixed !important;top: 0 !important;right: -50% !important;width: 30%;height: 100%;background: white !important;z-index: 9999 !important;transition:.5s;margin-top:0 !important;}

.mz_members2 .bp-messages-threads-wrapper {
    will-change: unset !important;
}

.bp-messages-wrap .bp-messages-side-threads {
    display: block !important;
}

.mz_members2 .bp-messages-threads-wrapper:after {
    display: none;
}

.mz_chats2 .bp-messages-threads-wrapper:before {
    content: 'Message Board';
    text-align: left;
    display: block;
    width: 100%;
    font-size: 22px;
    color: black;
    margin-top: 11px;
    margin-bottom: -6px;
}

.mz_members2 .bp-messages-wrap {
    height: auto !important;
    position: static !important;
}

.mz_members2.ChatOpen .bp-messages-column:nth-child(2) {
    right: 0 !important;
}

.mz_members2 .bp-messages-wrap .bp-messages-side-threads {
    background: transparent !important;
    border: 0 !important;
    height: auto !important;
}

.mz_members2 .bp-messages-wrap .bp-messages-side-threads .thread {
    background: white;
    border-radius: 10px !important;
    margin: 10px 0 !important;
    display: flex;
}

.mz_members2 .bp-messages-wrap .threads-list {
    display: flex;
    flex-direction: column;
}

.mz_members2 .bp-messages-wrap .bp-messages-side-threads .thread > * {
    display: block;
}

.mz_members2 .bp-messages-wrap .bp-messages-side-threads .thread .bm-info {
    width: 75%;
}

.mz_chats2 .bp-messages-wrap .bm-reply .bm-send-message {
    height: 50px;
}

.mz_chats2 .bp-messages-wrap .bm-reply .bm-emojies {
    height: 50px;
}

.mz_members2 .thread .avatar {
    pointer-events: none
}

img.add-employee-btn {
    position: absolute;
    right: 0;
    width: 22px;
    transform: translateY(10px) translateX(-8px);
	z-index: 99;
	cursor: pointer;
}
img.add-office-directories {
    position: absolute;
    right: 0;
    width: 22px;
    transform: translateY(10px) translateX(-8px);
	z-index: 99;
	cursor: pointer;
}
.mz_chats2 {
    position: relative;
}

.mz_members2 .bp-messages-wrap .threads-list .thread .bm-info .name {
    font-size: 16px;
    transform: translateY(2px);
}

/* .mz_members2 .bp-messages-wrap .bp-messages-side-threads .thread:first-child {
    display: none;
} */

@media only screen and (max-width:768px){
.um-member-directory-header.um-form label {
    width: 100%;
}
	
.mz_menuIcons .elementor-widget-container {background: transparent !important;}


.mz_menuIcons .elementor-widget-container img.attachment-large {
    filter: none !important;
}

div#page {
    padding-left: 30px;
}

.mz_main {
    flex-direction: column;
}

.mz_chats, .mz_members {
    width: 100% !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img {
    width: 30px !important;
    height: 30px !important;
    margin-right: 10px !important;
}

.um-members-grid .um-member-card .um-members-bpbm-btn .um-button {
    font-size: 12px !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a {
    font-size: 12px !important;
    text-align: left !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name {
    margin: 0 !important;
}

.um-members-grid .um-member-card .um-members-bpbm-btn {
    margin: 0 0 -6px !important;
}

.bp-messages-wrap .bp-messages-threads-wrapper {
    height: 400px !important;
}

.bp-messages-wrap {
    height: 400px !important;
    margin-top: 10px;
}

.bp-messages-threads-wrapper.threads-hidden .bp-messages-column {
    margin: 0 !important;
}

.um-directory .um-members-wrapper {
    padding: 0 !important;
}

.um-directory .um-member-directory-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
	

.mz-modal .modal-content {
    width: 90%;
}
	

.um-page-login div#page, .um-page-register  div#page {
    padding: 0 !important;
}
	
.mz_members2, .mz_chats2 {
    width: 100%;
}

body #content .um-directory a span.bm-button-text {
    font-size: 0;
}

.bp-messages-side-threads:before {
    padding: 0;
}

.mz_chats2 .bp-messages-threads-wrapper:before {
    margin-top: 0;
    margin-bottom: 15px;
}

.bp-messages-wrap .bp-messages-threads-wrapper {
    height: 450px !important;
}

.bp-messages-wrap {
    height: 500px !important;
}
	
.mz_members2 .bp-messages-threads-wrapper > .bp-messages-column:nth-child(1) {
    position: static !important;
}


.mz_members2 .bp-messages-threads-wrapper:before {
    content:'Employees';
    position: absolute;
    top: 0;
    left: 2px;
    color: black;
    z-index: 99;
    text-align: left;
    display: block;
    width: 100%;
    font-size: 22px;
}

.mz_members2 .bp-messages-threads-wrapper.threads-hidden {
    position: relative !important;
    transform: none !important;
    margin-bottom: 3em;
    padding-top: 3em;
}

.um.um-directory {
    margin: 15px 0 0 !important;
}

img.add-employee-btn {transform: translateY(30px) translateX(-8px);}
	

.mz_members2.ChatOpen .bp-messages-column:nth-child(2) {
    transform: none !important;
    width: 91%;
}
	
}


.action-btn{display:flex;column-gap: 10px;}
.action-btn img{width:22px;cursor: pointer;}
.section-title {
    text-align: left;
    display: block;
    width: 100%;
    font-size: 22px;
    color: black;
    margin-top: 11px;
}