/* Reset and custom styles */
* {box-sizing: border-box;font-family: 'Hero New', sans-serif;margin: 0;padding: 0;list-style: none;}
*:focus {outline: none !important;}
a {transition: 0.4s ease-in-out;color: #666;text-decoration: none;}
/* img {max-width: 100%;} */
ul.dropdown-menu {padding: 0;overflow: hidden;}
ul.dropdown-menu a.dropdown-item {padding: 6px 10px;font-size: 12px;justify-content: flex-start;min-height: auto;}
ul.dropdown-menu a.dropdown-item:hover {
	background: #dadada;
  color: #000;
	/* background: var(--theme-secondry-color);
	color: #fff; */
}


/* Scrollbar design */
/* width */
::-webkit-scrollbar {width: 4px;height: 4px;}
/* Track */
::-webkit-scrollbar-track {background: transparent;border-radius: 10px; }
/* Handle */
::-webkit-scrollbar-thumb {background: var(--theme-secondry-color);border-radius: 10px; }


/* Custom styles for sidebar */
#sidebar {width: 220px;transition: width 0.3s;height: 100vh;background: var(--theme-secondry-color);overflow: auto;}
.sidebar_top ul.navbar-nav {max-height: calc(100vh - 200px);overflow: auto;}
#sidebar.collapsed {width: 80px;}
#sidebar .nav-link i {margin-right: 10px;}
.navbar-brand {padding: 25px 15px;}
#sidebar .nav-link {color: #fff;display: flex;align-items: center;gap: 10px;padding: 8px 12px;transition: 0.4s ease-in-out;}
#sidebar .nav-link:hover {padding-left: 20px !important;}
#sidebar .nav-link svg {width: 25px;height: 25px;}
#sidebar .nav-link span {font-size: 14px;font-weight: 300;}
#sidebar .nav-link.active {background: #ffffff2e;border-radius: 0 30px 30px 0;}
#sidebar .nav-link:after {display: none;}
#sidebar ul.dropdown-menu {position: relative;background: transparent;padding: 20px;}
#sidebar ul.dropdown-menu li {line-height: 40px;padding-left: 20px;border-left: 1px solid #707070;position: relative;}
#sidebar ul.dropdown-menu li a {position: relative;display: inline-block;padding-left: 20px;text-decoration: none;color: #BBB8C5;font-size: 14px;}
#sidebar ul.dropdown-menu li a:hover {color: #fff;}
#sidebar ul.dropdown-menu li a:before {content: '';position: absolute;width: 10px;height: 10px;background: #70F8AB;border-radius: 50px;left: 0;top: 14px;}
#sidebar ul.dropdown-menu li a.queue:before {background: #F7E175;}
#sidebar ul.dropdown-menu li a.hold:before {background: #B870F8;}
#sidebar ul.dropdown-menu li a.completed:before {background: #2400FF;}
#sidebar .nav-link span.arrow_right {height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;border-radius: 60px;background: #fff;color: #000;}
#sidebar .nav-link span.arrow_right i {margin: 0;}
.sidebar_footer {width: 100%;}
.author {gap: 10px;padding:10px;}
.author span.avatar {width: 40px;height: 40px;display: flex;}
.author h4 {width: calc(100% - 50px);font-size: 16px;font-weight: 500;line-height: 18px;color: #fff;margin: 0;}
.author h4 span {font-size: 12px;font-weight: 300;line-height: 20.99px;color: #AEAEAE;display: block;}


/* Custom styles for main content */
.main-content {width: calc(100% - 220px); padding: 15px 18px;}
.topbar h4 {font-size: 20px;font-weight: 500;line-height: 28px;margin: 0;}
.topbar h4 span {display: block;font-size: 14px;font-weight: 300;line-height: 20px;color: #AEAEAE;}
.topbar ul .dropdown button {background: transparent !important;border: none !important;padding: 0;}
.topbar ul .dropdown button:after {display: none;}
.topbar ul .dropdown button span.avatar {width: 40px;height: 40px;display: flex;}
.topbar ul a {color: #000;font-size: 18px;}


/* Project Overview */
.projects_listing {padding: 20px;background: #F7F8F9;margin-top: 20px;height: calc(100vh - 130px);overflow: auto;}
.projects_listing.project_draft {overflow: visible;height: auto;}
.project_filters {padding: 10px 0;}
.project_filters select {background: #fff;-webkit-appearance: auto;border: 1px solid #fff;padding: 10px;font-size: 12px;font-weight: 300;line-height: 18.57px;text-align: left;color: #707070;outline: none;}
.project_filters select.review_perform {min-height: 44px;font-size: 14px;padding: 10px;border: 1px solid #f5f5f5;background: rgba(14, 203, 134, .1);border-radius: 5px;}
.project_filters .secondary a,.project_filters .secondary button {display: inline-block;border: none;padding: 10px;background: transparent;transition: 0.4s ease-in-out;border-radius: 5px;min-width: 38px;display: flex;align-items: center;justify-content: center;gap: 5px;min-height: 38px;text-wrap: nowrap;font-size: 12px;}
.project_filters .secondary a:hover, .project_filters .secondary button:hover {background: var(--theme-secondry-color);color: #fff;}
.project_filters .secondary a.add_task {background: var(--theme-secondry-color);color: #fff;min-width: 100px;}
.project_filters .secondary button.active {background: #5030E5;color: #fff;}
.project_filters .secondary button.active:hover {background: var(--theme-secondry-color);color: #fff;}


/* Project Grid View */
div#list_view, div#grid_view {display: none;}
div#grid_view.active {display: grid;}
div#list_view.active {display: block;}
/* .project-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;max-height: calc(100vh - 270px);overflow: auto;} */
.project-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;overflow: auto;}
.project_card {padding: 12px;transition: 0.4s ease-in-out;}
.project_card:hover {box-shadow: 0 0 8px #0000002b;}
.project_card h4 {font-size: 14px;font-weight: 500;line-height: 18px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.project_card .header_pre ul {gap: 10px;}
.project-type {font-size: 12px;font-weight: 400;line-height: 16px;padding: 4px 12px;text-wrap: nowrap;border-radius: 5px;display: inline-block;width: auto;background: #EBF4FF;color: #4F8AD0;}
.project-status {font-size: 12px;font-weight: 400;line-height: 16px;padding: 4px 12px;text-wrap: nowrap;border-radius: 5px;display: inline-block;width: auto;color: #1C9876;background: #E2FEF6;}
.project-revision {font-size: 12px;font-weight: 400;line-height: 16px;padding: 4px 12px;text-wrap: nowrap;border-radius: 5px;display: inline-block;width: auto;color: #981C2B;background: #FEE2F8;}
.project_card .header_pre {margin-bottom: 20px;}
.prjct-timing {font-size: 12px;font-weight: 400;line-height: 16px;color: #707070;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.project_card .prjct-members li .author-wrap {width: 30px;height: 30px;border: 1px solid #707070;border-radius: 60px;margin-left: -11px;display: flex;align-items: center;justify-content: center;background: #fff;}
.project_card .prjct-members li .author-wrap span {font-size: 9px;font-weight: 500;line-height: 18px;text-align: left;color: #707070;}
.project_card .project_img {margin-top: 20px;}
.project_card .project_img img {width: 100%;height: 180px;object-fit: contain;}
.project_card button {padding: 0;background: transparent !important;border: none;color: #000000 !important;}
.project_card button:after {display: none;}
.project_card .header_pre ul.dropdown-menu {right: 0 !important;left: auto !important;}
.project_card .header_pre ul.dropdown-menu li {padding: 0;width: 100%;}


/* Project List View */
.project_list .table_wrap {width: 100%;overflow: auto;}
.project_list thead th {font-size: 14px;font-weight: 400;line-height: 54px;color: #334E68;padding: 10px;text-wrap: nowrap;}
.author_img {display: flex;align-items: center;justify-content: center;}
.author_img span {text-wrap: nowrap;}
.project_list tbody td {padding: 20px 10px;}
.project_list tbody td .author_img img {max-width: 30px;}
.project_list tbody td .author_img span {font-size: 12px;font-weight: 400;line-height: 18px;color: #707070;}
.project_list tbody td .dropdown button {padding: 0;background: transparent !important;border: none !important;color: #000;}
.project_list tbody td .dropdown button:after {content: none !important;}
.project_list tbody td h3 {font-size: 14px;font-weight: 500;line-height: 18px;margin: 0;}
.project_list tbody tr {border-bottom: 1px solid #989B9D;}
.project_list tbody tr:last-child {border: none;}


/* Project Display */

.project_view .sidebar .image-container {border: 1px solid #707070;padding: 6px;border-radius: 7px;opacity: 0.5;}
.project_view .sidebar .gallery {gap: 10px;display: flex;flex-direction: column;}
.project_view .sidebar .image-container.active {opacity: 1;}
.project_view img#mainImage {width: 100%;}


/* Chatbot design */

.chat-card {height: calc(100vh - 170px);display: flex;flex-direction: column;border: none;background: #FFFFFF;box-shadow: 0px 4px 21.3px 0px #00000026;padding: 10px;position: sticky;top: 0;}
.chat-card .card-header {border: none;background: transparent;padding: 0;}
.chat-card .card-header h4 {font-size: 14px;font-weight: 500;line-height: 18px;margin-top: 10px;}
.chat-Inner {margin-top: 10px;padding: 10px;border: 1px solid #A4A4A4;border-radius: 5px;height: 100%;overflow-y: auto;height: calc(100vh - 350px);}
.chat-input {background: #fff;padding: 0 !important;}
form.chatForm {padding: 8px;background: #F6F6F6;border-radius: 50px;}
form.chatForm button {background: transparent;border: none;color: #858585;}
form.chatForm input#messageInput, form.chatForm textarea {border: none;background: transparent;outline: none;box-shadow: none;font-size: 14px;padding: 7px 5px 0 0;resize: none;width: calc(100% - 80px);}
form.chatForm button.btn {height: 40px;width: 40px;border-radius: 80px !important;}
form.chatForm button.btn:hover {background-color:transparent; border-color: transparent; color: #858585;}
form.chatForm button.submit-btn {
    background: #BCD9F6;
    border-radius: 80px !important;
    color: #132050;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-message {margin-bottom: 15px;}
.chat-message.user {text-align: right;}
.chat-message.client {text-align: left;}
.chat-message .message-content {display: inline-block;padding: 7px 10px 29px 10px;border-radius: 20px 20px 20px 0px;max-width: 80%;position: relative;background: #F6F4FC;min-width: 140px;margin-bottom: 5px;}
.chat-message.user .message-content {background: #E6EFFC;border-radius: 20px 20px 00px 20px;}
.card_topBar h4 {font-size: 14px;font-weight: 300;color: #4F4F4E;position: relative;padding-left: 20px;}
.project_view .sidebar .image-container span {font-size: 9px;}
.card_topBar h4:before {content: '';position: absolute;width: 12px;height: 12px;background: #F7E175;border-radius: 50px;left: 0;top: 4px;}
.card_topBar a.add_task {transition: 0.4s ease-in-out;border-radius: 5px;min-width: 44px;display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 44px;background: var(--theme-secondry-color);color: #fff;padding: 6px 12px;font-size: 12px;}
.card_topBar a.add_task:hover {background: #5030e5;}
.card_topBar button#dropdownMenuButton {background: transparent !important;border: none !important;color: #000;padding: 10px;}
.card_topBar button#dropdownMenuButton:after {display: none;}
.chat-message .message-content span {font-size: 12px;font-weight: 400;line-height: 18.2px;color: #132050;}
.chat-message span.message-time {position: absolute;right: 13px;font-size: 10px !important;bottom: 5px;text-wrap: nowrap;}


/* summary sec start */

.summar-sec {padding: 20px 10px; background-color: #fff;}
.summary-heading {font-size: 14px;font-weight: 500;line-height: 18px;margin-top: 10px;margin-bottom: 22px;}
.bg-yellow { background: #FFF7D2 !important; color: #4F4F4F !important; }
.black-para { font-size: 12px ; color :#000; font-weight: 300;margin-bottom: 0px;padding-bottom: 10px !important;}
.summar-sec h4.summary-heading {font-size: 12px;}
.dashed-border { border-bottom: 0.5px dashed #00000030;padding-bottom: 0px; }
.bg-pink {background-color: #FCEAFF !important;color: #4F4F4F !important;}
.bg-light-pink {background-color: #FFEBEB;color: #4F4F4F !important }
.bg-light-grey {background-color: #ECE4D9;color: #4F4F4F !important }
.color-blue {color: #5030E5 !important;}
.rectangle-img {width: 100%;height: 100px;max-height: 200px;object-fit: cover;}
.summar-tab .nav-tabs .nav-link {background-color: #fff !important;color: #4F4F4F;padding: 7px 20px;font-size: 13px;border-radius: 50px;margin-left: 4px;}
.summar-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: var(--theme-secondry-color) !important; color: #ffffff !important; border-radius: 50px;}
.Attachments-tabs ul {display: flex; flex-direction: row;  white-space: nowrap; flex-wrap: nowrap;overflow: auto; }
.rply-sec {position: absolute;left: 13px;font-size: 10px !important;bottom: 5px;text-wrap: nowrap;}
span.rply-sec i {color: #575a5d;margin-right: 5px;}
.share-link-line {color: #858585;font-weight: 400;margin: 0;padding: 0;font-size: 14px;}
.share-link {border: 1px solid #A4A4A4;padding: 10px;border-radius: 5px;}
.text-grey {color: #A4A4A4;}
a.link-share {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #0765ff;}
.plus-btn {border: none;background-color: transparent;}
.eye-box {position: absolute;top: 0;left: 0;background: #000000a6;display: flex;align-items: center;justify-content: center;gap: 10px;width:100%;height: 100%;opacity: 0;visibility: hidden;transition: 0.4s ease-in-out;}
.eye-box a {background: #00000026;text-align: center;padding: 5px;color: #fff;border-radius: 5px;transition: 0.4s ease-in-out;}
.eye-box a:hover {color: #F7E175;}
.rectangle-img-sec {margin-bottom: 20px;position: relative;}
.rectangle-img-sec:hover .eye-box {opacity: 1;visibility: visible;}
a.close {position: absolute;top: 5px;right: 5px;color: #fff;opacity: 0;transition: 0.4s ease-in-out;z-index: 9;}
.rectangle-img-sec:hover a.close {opacity:1;}
select.review_perform {border: none;padding: 0;}
.select_version {display: flex;align-items: center;justify-content: center;}
.select_version i.fa-solid {color: #2400FF;margin-right: 10px;font-size: 26px;}
.select_version select {background: transparent;border: none;max-width: 200px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.makecmnt_replyto {border: transparent !important;padding: 3px 10px !important;border-radius: 16px !important;background: #e6effc;}
.chat-message.user .inner_replies .message-content {padding: 7px 10px 22px 10px;background: #f2f8ff;border: 1px solid #E6EFFC;min-width: 116px;}
.chat-Inner .conversation-container-js {padding-bottom: 0 !important;}
.chat-Inner .chat-section {margin-bottom: 0;}
.single-draft-img .view-share .eye-box {opacity: 1;visibility: visible;background: transparent;}
.single-draft-img .view-share .eye-box a {display: inline-block;width: auto;min-width: 40px;background: #00000026;text-align: center;padding: 5px;color: #fff;border-radius: 5px;transition: 0.4s ease-in-out;}
.mid_image_fields ul {display: flex;gap: 10px;}
.mid_image_fields ul a {width: 40px;display: flex;align-items: center;justify-content: center;height: 40px;border-radius: 52px;transition: 0.4s ease-in-out;}
.mid_image_fields ul li.approved a {width: auto;padding: 10px 20px;background: var(--theme-secondry-color);color: #fff;display: flex;align-items: center;justify-content: center;gap: 5px;min-height: 38px;text-wrap: nowrap;font-size: 12px;}
.mid_image_fields ul li a:hover {background: #5030E5;color: #fff;}
.add_extended_pro {width: 100%;}
.add_extended_pro .blue-popup-header .row.flex-show2 * {width: auto;max-width: max-content;}
.add_extended_pro .blue-popup-header .row.flex-show2 .logo-space {width: auto;max-width: 80px;}
.add_extended_pro .blue-popup-header .row.flex-show2 .logo-space a.logo-sm {display: inline-block;}
.add_extended_pro .blue-popup-header .row.flex-show2 .logo-space a.logo-sm img {max-width: 50px;
	min-width: 50px;}
.Add_Project .form_btn_action {background: #fff;}
.Add_Project #msform .action-button {background: var(--theme-secondry-color);color: #fff;min-width: 100px;}
.load-more-project-js {background: var(--theme-secondry-color);color: #fff !important;min-width: 100px;border-color: transparent;}
.mdd-pop-heading {width: auto;}
/* .dotComment {background: #fff;padding: 20px;border-radius: 11px;min-width: 300px;}
.dotComment h5.mdd-pop-heading {color: #000;}
.dotComment span.mycancellable.pstcancel.material-icons {color: #000;} */
.dotComment {
	position: absolute;
	bottom: 100%;
	margin: auto;
	background-color: #ffffff;
	padding: 15px;
	min-width: 350px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	border-radius: 0px;
	color: #000;
}
.dotComment.arrowdowns {
	margin-bottom: 45px;
	margin-left: 20px;
	margin-top: 20px;
	max-height: 240px;
	/* overflow-y: auto; */
}
.draft-view-area-js .comment-point-3 .make-comment {
	text-align: left;
}
/* .dotComment.arrowdowns::after {
	content: '';
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 30px;
	width: 21px;
	height: 20px;
	background: #fff;
	transform: rotate(45deg);
	border-right: 1px solid rgba(204, 204, 204, 0.5);
	border-bottom: 1px solid rgba(204, 204, 204, 0.5);
	bottom: -9px;
} */
.dotComment.topposition {
	position: relative;
}
.draft-view-area-js .comment-point-2 {
	cursor: pointer;
}
/* Form CSS */

.Add_Project .container {max-width: 1024px !important;padding: 0 15px;}
.Add_Project h2 {font-family: 'Hero New', sans-serif;letter-spacing: 0;font-size: 20px;font-weight: 500;line-height: 28px;margin-bottom: 30px;padding-bottom: 0px;border-bottom: 0.5px dashed #00000030;}
.Add_Project label.popup-form-label {letter-spacing: 0;font-family: 'Hero New', sans-serif;font-size: 14px;font-weight: 500;line-height: 18px;margin-bottom: 5px;}
.Add_Project input, .Add_Project select, .Add_Project textarea {border: none;outline: none;}
.Add_Project .select2-container--default .select2-selection--single {max-height: 57px;border-radius: 10px;}
.Add_Project .ccstum-select {max-height: 57px;border-radius: 10px;}
.Add_Project .custom-item label.form__label-radio span.form__radio-button {border-color: var(--theme-secondry-color);}
.Add_Project .custom-item label.form__label-radio span.form__radio-button:after {background: var(--theme-secondry-color) !important;width: 13px;height: 13px;left: 50%;}
.Add_Project .custom-item label.form__label-radio span.form__radio-button {border-color: var(--theme-secondry-color);}
.Add_Project .custom-item label.form__label-radio span.form__radio-button:after {background: var(--theme-secondry-color) !important;width: 14px;height: 14px;left: 50%;top: 3px;}
.Add_Project .custom-item.form-group ul {display: flex;flex-direction: column;gap: 10px;margin-top: 12px;}
.Add_Project .btn-listing li label {margin-bottom: 7px;}
.Add_Project .radiobtn-li-chk input[type="checkbox"]:checked~.checkbox-stepfrm-new::before {background-color: var(--theme-secondry-color) !important;}
.Add_Project .btn-listing li.btn-listing-li label {margin: 0;}
.navbar-brand img.img-fluid {max-width: 180px;width: 100%;}
/* .header-blog .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: var(--theme-secondry-color) !important;color: #fff !important;} */
.header-blog .nav-pills .nav-link {text-transform: none !important;border-radius: 50px !important;padding: 6px 20px !important;}
.contact_edit_grid .col-lg-6 {position: relative;}
.font-size-28 {font-size: 20px !important;font-weight: 500;line-height: 28px;}
.field-status {text-transform: none;}
.main-contact-panel .email_bar {margin-left: 10px;display: flex;align-items: center;}
.main-contact-panel .email_bar p {margin: 0 !important;}
div#emailTemplate button.color-primary {color: var(--theme-secondry-color) !important;}
.email-action-btns select,.email-action-btns button.edit-btn {color: var(--theme-secondry-color)!important;border-color: var(--theme-secondry-color)!important;}
.email-action-btns button.preview-btn {background: var(--theme-secondry-color)!important;}


#project_share_modal button.close {position: absolute;right: 10px;max-height: 30px;top: 10px;display: flex;align-items: center;justify-content: center;min-width: 30px;}
#project_share_modal ul.nav {width: 100%;justify-content: center;align-items: center;gap: 20px;box-sizing: border-box;}
#project_share_modal ul.nav li {width: calc(50% - 50px);display: inline-flex;padding: 0 !important;box-sizing: border-box;}
#project_share_modal ul.nav li a {padding: 80px !important;border: 1px solid #000 !important;width: 100%;gap: 20px;font-size: 18px;font-family: 'Montserrat', sans-serif !important;}
#project_share_modal ul.nav li a.active.icon-tabs {background: var(--theme-secondry-color);}
#share_private form label, #Invite-user-Modal form label {letter-spacing: 0;font-family: 'Hero New', sans-serif;font-size: 14px;font-weight: 500;line-height: 18px;margin-bottom: 5px;color: #000;}
#share_private form .form-group, #Invite-user-Modal form .form-group {margin-bottom: 20px;}
#share_private form input.custm-form-control, #Invite-user-Modal form input.custm-form-control {background: rgb(234 238 241 / 60%);border: none;padding: 15px 20px;}
#share_private form .custm-form-control, #Invite-user-Modal  .custm-form-control {background: transparent;border: none;padding: 0;}
#share_private form .custm-form-control label.ccm-checkbox, #Invite-user-Modal .custm-form-control label.ccm-checkbox {margin: 0;display: flex;align-items: center;line-height: 27px;}
div#Invite-user-Modal .modal-dialog .modal-content {padding: 30px;}
div#Invite-user-Modal button.close {position: absolute;right: 10px;max-height: 30px;top: 10px;display: flex;align-items: center;justify-content: center;min-width: 30px;}
div#Invite-user-Modal .modal-head {justify-content: flex-start !important;padding: 0 0 0 16px;}
div#Invite-user-Modal .md-footer, #project_share_modal .md-footer {margin-bottom: 10px !important;}
div#Invite-user-Modal .md-footer button.send-invite, #project_share_modal .md-footer button.send-invite {color: #000;font-family: 'Montserrat', sans-serif;}

.no_project {height: 100%;min-height: 500px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.no_project .found_Wrap {max-width: 500px;max-height: 400px;}
.no_project  h2 {font-size: 24px;margin-bottom: 10px;}
.no_project  a {padding: 10px;transition: 0.4s ease-in-out;border-radius: 5px;display: flex;align-items: center;justify-content: center;gap: 5px;min-height: 38px;text-wrap: nowrap;font-size: 16px;background: var(--theme-secondry-color);color: #fff;min-width: 100px;padding: 10px 30px;}
.header-dropdown-menu{min-width: 270px; min-width: 290px;}
.client_grid_row .client_col_card {
	margin: 0;
 }
.client_grid_row .client-container-area-user {
	gap: 10px;
}
.chat-Inner.admin-section-height{
	height: calc(100vh - 244px);
}
.project-header-search-container .search-btn.search {
	color: #000;
	font-size: 18px;
}
#SubmitProject .action-button:disabled {
	cursor: not-allowed;
	pointer-events: all !important;
}
.add-toggle {
	display: block !important;
  }
  .menu_toggler {
    font-size: 22px;
}
  #sidebar .close-toggler {
    position: absolute;
    color: #02002c;
    top: 2px;
    right: 3px;
    font-size: 17px;
    background: #ffffff;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 1px solid #000;
	display: none;
}
.add-toggle {
    left: 0 !important;
}
.chat-show-drop {
    position: fixed;
    right: 22px;
    z-index: 99;
    background: #03002b;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-show-drop i {
	color: #fff;
}

@media only screen and (max-width: 1100px) {

    /* .project_filters {flex-direction: column;align-items: flex-start !important; 
        justify-self: center;} */
    /* .project-grid {max-height: calc(100vh - 330px);grid-template-columns: repeat(3, 1fr);} */
    .project-grid {grid-template-columns: repeat(3, 1fr);}

}
@media only screen and (max-width: 992px) {

    .Attachments-tabs {flex-direction: column;}
    .Attachments-tabs ul {display: flex; flex-direction: row;  white-space: nowrap; flex-wrap: nowrap;overflow: auto; }
    /* .project_filters .secondary {width: 100%;overflow: auto;justify-content: flex-start !important;} */
    #sidebar {position: fixed;left: -220px;z-index: 1;transition: 0.4s ease-in-out;}
    .main-content {margin-left: 0;transition: 0.4s ease-in-out; padding: 15px 0;}
    body.menu-open #sidebar {left: 0;}
    body.menu-open .main-content {margin-left: 220px;}
	.output-outer {
		display: inherit;
	}
	.topbar {
		padding: 0 15px;
	}
	#sidebar .close-toggler { 
		display: flex;
	}
}
@media only screen and (max-width: 768px) {

    /* .projects_listing{padding: 6px 12px 25px;} */
    /* .project-grid {max-height: calc(100vh - 270px);grid-template-columns: repeat(2, 1fr);} */
    .project-grid {grid-template-columns: repeat(2, 1fr);}
    .summar-tab .nav-tabs .nav-link { margin-bottom: 10px;}
	.project_view .sidebar .gallery {
		display: flex;
		flex-direction: inherit;
		margin-bottom: 12px;
		/* flex-wrap: wrap; */
		overflow-x: auto;
        padding-right: 34px;
	}
	.project_view .sidebar .image-container {
		width: 83px;
	}
	.mid_image_fields ul {
		justify-content: space-between;
	}
	.mid_image_fields ul a {
		height: 27px;
	}
	.mid_image_fields ul li.approved a {
		padding: 3px 12px;
		min-height: 8px;
		font-size: 10px;
	}
	.mid_image_fields ul a {
		width: 20px;
	}
	.mid_image_fields {
		margin-top: 11px;
	}
}
@media only screen and (max-width: 567px) {

    /* .project-grid {max-height: calc(100vh - 270px);grid-template-columns: repeat(1, 1fr);} */
    .project-grid {grid-template-columns: repeat(1, 1fr);}
	.topbar h4 {
		font-size: 14px;
		line-height: 16px;
	}
	.topbar h4 span {
		font-size: 12px;
	}
	.head-notifications {
		font-size: ;
	}
	form.chatForm input#messageInput, form.chatForm textarea {
		width: calc(100% - 68px);
		font-size: 14px;

	}
	form.chatForm button.btn {
		height: 34px;
		width: 34px;
	}
	.summar-tab .nav-tabs .nav-link {
		padding: 7px 16px;
		font-size: 11px;
		border-radius: 50px;
		margin-left: 10px;
	}
	.output-outer {
		display: inherit;
	}
}