/*--Desktop view--*/
@media only screen and (max-width: 1440px) {
	.cstm-overflow {
		overflow-x: scroll;
	}

	.cstm-add-button {
		gap: 20px;
	}




}
@media only screen and (max-width: 1367px){
	.form-inner {
		max-width: 435px;
	}
}
/*--Laptop view--*/
@media (max-width: 1280px) {
	table#example {
		display: block;
	}

	.dashboard-logo img.company-logo {
		display: none;
	}

	#page-container, #header .header-left {
		padding-left: 80px;
	}

	#left-menu .small-left-menu {
		width: 60px !important;
		text-align: center;
	}

	/*anujcss*/
	#page-container {
		padding-left: 76px;
		padding-right: 18px;
	}
}

/*--Next Hub view--*/

@media (max-width: 1024px) {
}

/*--Ipad Mox view--*/
@media (max-width: 991px) {
	.main-login {
		transform: translate(0px, 0px) !important;
		margin-top: 9rem;
	}

	.container-login img {
		width: 130px !important;
	}

	.logo {
		display: flex;
		justify-content: center;
		width: 100% !important;
	}

	.login-icon img {
		width: 40% !important;
	}

	/*  table#example {
    display: block;
  }*/

	#left-menu li.has-sub.rotate:after {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.small-logo {
		display: none;
	}

	#left-menu {
		width: 38%;
	}

	#logo {
		width: 60px;
	}

	#page-container,
	#header .header-left {
		padding-left: 80px;
	}
}

/*--Ipad view--*/
@media (max-width: 767px) {


	.cstm-tab-cntnt {
		flex-direction: column !important;
	}
	.user-management-filter-page div.dataTables_wrapper div.dataTables_filter {
		position: inherit !important;
	}

	.edit-delete {
		justify-content: start;
		margin-bottom: 20px;
	}

	.cstm-add-button {
		gap: 50px;
	}


	.table-listing .assign-btn {
		justify-content: end;
		margin-bottom: 20px;
	}

	div#RanderHtml {
		padding: 20px 0 0 0 !important;
	}

		div#RanderHtml label.checkbox-inline b {
			font-size: 18px;
		}

	label.indent-item {
		margin-bottom: 5px;
	}

	table#Traigecentre tbody tr td:nth-child(4) {
		min-width: 300px;
	}

	.add-button {
		width: 100%;
		gap: 20px;
	}

	.filter-section.search {
		width: 100%;
		max-width: 100%;
	}

	.add-button.cstm-add-button button.button-green {
		width: 100%;
	}

	.js--image-preview {
		height: 100px;
		width: 100px;
		margin: 0 auto;
	}

	.upload-options label input#files {
		width: 100%;
	}

	#exampleModa2 .opportunity-plus {
		margin-left: 5px;
	}

	#exampleModa2 .plus-button {
		padding-left: 0px;
		padding-right: 0;
	}

	#ClientPopUpModal td.table-form {
		width: 100%;
	}

	div#add-alias-button div#input-container {
		flex-direction: column;
		width: 100%;
	}

		div#add-alias-button div#input-container button#save-btn {
			width: 100% !important;
		}

		div#add-alias-button div#input-container input#input-text {
			width: 100% !important;
		}

	div#add-alias-button-Traige div#input-container {
		flex-direction: column;
	}

		div#add-alias-button-Traige div#input-container input#input-text {
			width: 100%;
		}

		div#add-alias-button-Traige div#input-container button#save-btn {
			width: 100% !important;
		}

	.add-button.bottom-button.client-crm-button {
		display: flex;
		justify-content: center;
	}

	div#input-container {
		flex-direction: column;
	}

		div#input-container input {
			width: 100%;
		}

		div#input-container button {
			width: 100% !important;
		}

	div#RendorPartialIndexPage ul#pills-tab {
		width: 100%;
	}

		div#RendorPartialIndexPage ul#pills-tab li {
			width: 100%;
		}

			div#RendorPartialIndexPage ul#pills-tab li button {
				width: 100%;
			}

	.chat-box {
		width: calc(100% - 100px);
	}

	div#RendorPartialIndexPage div#DocumentIndexPage .uoload {
		flex-direction: column;
	}

		div#RendorPartialIndexPage
		div#DocumentIndexPage
		.uoload
		.col.d-flex.flex-column.filter-section.file-dopdown {
			transform: unset;
			padding: 10px 0 20px 0;
		}

		div#RendorPartialIndexPage
		div#DocumentIndexPage
		.uoload
		.upload-file
		.drop_box {
			width: 100%;
		}

			div#RendorPartialIndexPage
			div#DocumentIndexPage
			.uoload
			.upload-file
			.drop_box
			input#myFile {
				width: 100%;
			}

	.add-button {
		text-align: right;
		display: flex;
		margin-bottom: 20px;
	}

	div#PropsalIndexPage .Proposalupload {
		display: block;
	}

		div#PropsalIndexPage .Proposalupload .card.upload input#ProposalFile {
			width: 100%;
		}

	.Proposalupload .card.upload .file-dopdown {
		width: 100%;
		transform: unset;
		padding: 20px;
	}

	.custm-Modal-checkbox .custm-left-w {
		width: 100%;
	}

	.email-slect {
		margin-top: 15px;
	}
	#left-menu {
		width: 65%;
	}
	.gap-mobile {
		gap: 20px;
	}

}


/*--mobile view--*/
@media (max-width: 600px) {
	.add-button {
		gap: 0px;
	}
	.border-radius-btn {
		border-radius: 35px 35px 35px 35px !important;
	}
	.chatter-box-main-div .main-card {
		width: 369px !important;
		right: 5px !important;
		z-index: 9;

	}
	.d-flex.gap-plus-close {
		align-items: flex-end;
	}

	.my-content_my {
		width: 100% !important;
	}

	#page-container {
		padding-left: 80px !important;
	}

	#left-menu {
		width: 80%;
	}

	.dataTables_length{
		margin-bottom:14px !important;
	}

	.mail-navigation.show-left-bar {
		width: 80% !important;
	}
	.user-management-filter-page div.dataTables_wrapper div.dataTables_filter {
		position: inherit !important;
	}
	.user-management-filter-page input.button-green.exportBTN {
		margin-bottom: 12px;
		position: inherit !important;
	}

	.add-button .button-green {
		border-radius: 35px !important;
		padding: 8px 18px;
		height: initial;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		flex-wrap: wrap;
		justify-content: center !important;
	}

	.add-button .cancel-button {
		padding: 8px 18px;
		margin-right: 0px !important;
		
	}

	td.table-form {
		width: 100% !important;
	}

	.logo-project-info-img .d-flex {
		flex-direction: column;
		gap: 12px;
	}
	.logo-project-info-img .upload {
		border-radius: 35px !important;
	}

	.bg-enhance-the-ui {
		overflow: scroll;
	}

	.assign-btn {
		justify-content: end !important;
	}

	.mt-top-mobile{
		margin-top:10px;
	}
	.btn-upload-group {
		width: 100% !important;
	}
	table#takeOffTemplateTable {
		table-layout: inherit;
	}
	.add-role {
		overflow: scroll;
	}

	.add-button {
		margin-bottom: 0px;
	}
/*	#left-menu {
		z-index: 999 !important;
	}*/
	td.table-form {
		width: 100% !important;
	}
	.gap-mobile{
		gap:20px;
	}
	.mt-top-mobile{
		margin-top:16px;
	}
}

@media (max-width: 567px) {
	.cstm-overflow {
		overflow-x: scroll;
	}

/*	.js--image-preview {
		height: 235px;
	}*/

	.add-button {
		gap: 8px !important;
		flex-wrap: wrap;
	}

	div#RanderHtml label.checkbox-inline b {
		font-size: 15px;
	}

	.counting-no-ofcheck {
		display: none;
	}

	#page-container {
		padding-left: 80px !important;
	}
}

@media (max-width: 425px) {
	.main-login {
		transform: translate(0px, 0px) !important;
		margin-top: 8rem;
	}

	.container-login img {
		width: 100px !important;
	}

	.container-login p {
		margin-bottom: 15px !important;
		font-size: 14px;
	}

	.login-icon img {
		width: 40% !important;
	}

/*	.js--image-preview {
		height: 170px;
	}
*/
/*	.js--image-preview {
		height: 200px;
	}*/

	#create-invitation svg {
		width: 140%;
		position: relative;
		right: 2px;
	}
}

@media (max-width: 320px) {
}

/* Medium screens breakpoint (1050px) */
@media only screen and (min-width: 65.625em) {
	/* Break out main cards into two columns */
	.main-cards {
		column-count: 2;
	}
}

@media only screen and (min-width: 46.875em) {
	/* Show the sidenav */
	.grid-container {
		grid-template-columns: 240px 1fr;
		grid-template-areas:
			"sidenav header"
			"sidenav main"
			"sidenav footer";
	}

	.header__search {
		margin-left: 0;
	}

	.sidenav {
		position: relative;
		transform: translateX(0);
	}

	.sidenav__close-icon {
		visibility: hidden;
	}
}

@media only screen and (min-device-width: 600px) and (max-device-width: 800px) and (orientation: landscape) {
	#page-container {
		padding-left: 80px !important;
	}
}



@media (max-width: 768px) and (max-width: 1024px) {
	.user-management-filter-page input.button-green.exportBTN {
		top: 0px;
		position: absolute;
		right: 0px;
	}

	.permission {
		flex-direction: column;
	}

	.header-left {
		display: none;
	}

	#header {
		justify-content: flex-end;
	}

	/*  .add-button{
    display: none;
  }*/
	tr.form-table {
		display: flex !important;
		flex-wrap: wrap !important;
		flex-direction: row !important;
		/* flex-direction: column; */
	}

/*	td.table-form {
		width: 33% !important;
	}*/

	.item-package {
		width: 100% !important;
		padding: 0;
	}

	td.table-button {
		margin-top: 0;
		padding: 0;
	}

	.add-item-button {
		display: block !important;
	}

	.bottom-button {
		display: block;
	}

	.role-button {
		display: block;
	}

	.plus-button button {
		/* display: block; */
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*  table#example {
    display: block;
  }*/

	/* #left-menu.small-left-menu,
#logo.small-left-menu {
  width: 280px;
  text-align: center;
  z-index: 999;
}
.company-logo{
  display: none !important;
} */
	#logo {
		border-right: none;
	}

	.fixed-footer {
		font-size: 12px;
	}

	.dashboard-breadcrumb {
		display: flex;
		flex-wrap: wrap;
		border: none;
		align-items: center;
	}

	.bid-information {
		display: flex;
		flex-direction: row;
	}

	/*  .js--image-preview {
    height: 340px;}*/

	.bid-row {
		width: 100%;
	}

	.search-filter-section {
		display: flex;
		flex-direction: column;
	}

	.new-user-form {
		display: flex;
		flex-direction: column-reverse;
	}

	.choose-image {
		width: 75%;
	}

	.assign-btn {
		position: relative;
		display: flex;
		left: 0px;
		top: 0px;
		justify-content: center;
		margin-bottom: 10px;
	}

	.search-filter {
		display: flex;
		flex-direction: column;
	}

	.menu-list {
		padding-bottom: 53px !important;
	}
}

@media (min-width: 600px) and (max-width: 800px) and (orientation: portrait) {
	.main-login {
		width: 100%;
	}
}


@media (min-width: 768px){
	div#RanderHtml {
		padding: 20px 0px 0px 0px;
	}
}



/*login resp css*/

@media (max-width:1200px) {
    .bottom-pattern {
        display: none;
    }
}



@media (max-width:1024px) {
    .login-wrapper {
        height: auto;
    }

    .gridContainer {
        width: 100%;
        display: inline-grid;
        gap: 10px;
        height: unset;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 180px);
        grid-auto-flow: row;
        grid-template-areas: "gridItem11 gridItem12 "
            "gridItem13 gridItem21";
        margin-top: 25px;
    }

    .image-container-height {
        height: unset;
        padding-bottom: 5px;
    }



    .hide-gridItem-small {
        display: none;
    }

    .login-wrapper {
        height: unset;
    }

    .form-section {
        min-height: 800px;
    }
}

@media (max-width:576px) {
    .right-grid-section {
        display: none;
    }
    .head-text {
        font-size: 26px;
    }
    .sub-head-text {
        font-size: 14px;
    }
    .otp-text-box .otp-verifcation {
        width: 52px;
        height: 52px;
    }
    .login-wrapper {
        padding: 10px;
    }

    .login-page {
        box-shadow: inset 0 0 0 10px #A4D1FF;
    }

    .ACP-logo {
        text-align: center;
    }
}