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

	.container>.row>.col-xl-3 {
		padding: 0;
		padding-bottom: 2rem;
	}

	.container>.row>.col-xl-9 {
		padding: 0;
	}
}

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

	* {
		user-select: none;
	}

	.menu_container{
		display:none;
	}

	.logo.logo_mobile{
		display:block;
		position: relative;
        z-index: 1;
        left: 50%;
        margin-left: -110px;
	}
	.navbar-toggler.menu-toggle.p-0{
		margin-left: 10px;
		margin-top: 10px;
	}
	
	body>.container.operativo {
		max-width: 100% !important;
		margin-left: 0;
		
	}
	i.menu_mobile_icon.fa-solid.fa-bars {
		display: block;
		color: #3B6A54;
		position: absolute;
		font-size: 38px;
		top: 15px;
		left: 25px;
		cursor: pointer;
		opacity: 1;
		transition: 1s opacity;
	}

	i.menu_mobile_icon.fa-solid.fa-bars:hover {
		opacity: 0.5;
	}

    #one{
        margin-top:20px;
    }
	div.row.navBarMobile {
		display: block;
	}

	div.row.profileBarMobile {
		display: block;
	}

	.accountName.mobile {
		display: block;
		position: absolute;
		width: 50px;
		right: 20px;
		text-align: right;
		color: white;
		cursor: pointer;
	}

	.center-column>.info-card:not(.provvigioni){
		position: relative !important;
		top: 150px !important;
	}
	body > div.container.operativo > div.contract.module.modulo_pagine > div.container.operativo.interno1 > div.main-content.create_product > div.center-column > div:nth-child(1){
		margin-top:20px;
	}
	.center-column>.info-card.provvigioni{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		height: 146px;
	}
	.accountName:not(.mobile) {
		display: none;
	}

	.navBar {
		display: none !important;
	}

	.menu-toggle {
		display: block;
	}

	.chat.log_element {
		width: 100%;
		transition: filter 0.5s;
	}

	.chat.log_element>.user_bar {
		width: 100%;
	}

	.chat>.user_bar>.header {
		transition: padding 0.5s;
		padding: 11px 30px;
	}

	.chat.closed>.user_bar>.header {
		padding: 20px 30px;
	}

	div.chat.closed {
		bottom: calc(-100% + 138.5px);
	}

	div.chat>div.chat_bar {
		z-index: 1;
		left: 0;
		width: 100%;
	}

	.chat.closed>.user_bar>.header>.txt>.unread_msg>.numerino_chat {
		top: 21px;
	}

	.bar_accountbar {
		height: 80px;
	}

	.logo_accountbar {
		position: absolute;
		top: 2px;
		left: calc(50% - 70px);
	}

	.text_accountbar {
		margin-left: 0;
		font-size: 17px;
		display: inline-block;
		margin-top: 0;
		top: 40px;
		left: calc(50% - 95.5px);
		position: absolute;
	}

	.accountName.mobile>.usericon_accountbar {
		width: 50px;
		height: 50px;
		margin-top: 8.5px;
	}

	div.row.navBar {
		display: none !important;
	}

	.container>.row>.col-xl-9>div:nth-child(2) {
		margin-top: 1rem;
	}

	.container.operativo {
		min-height: 100%;
        position: relative;
        inset: 0;
        display: block;
        transition: filter 0.5s;
        top: 0;
        height: fit-content;
        padding: 0;
        width: 100%;
        border-radius: 0;
	}
    div.dataTables_wrapper div.dataTables_filter input {
        width:150px !important;
    }
	.container.operativo .row.luminosaBox {
		margin: 0;
		border-radius: 0;
	}


	/* .modal.show .modal-dialog { */
	/* margin: 0 !important; */
	/* height: 100% !important; */
	/* } */

	.modal.show .modal-dialog>.modal-content {
		border-radius: 0 !important;
		height: 100%;
		width: 100% !important;
	}

	body {
		height: 100%;
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
	}

	.module.modulo_pagine {
		height: 100%;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
        padding: 0;
        border-radius:0;
	}

	.container.operativo>div.row.luminosaBox:first-child {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		border-radius: .75rem;
	}

	.bgMenu {
		display: none;
		position: fixed;
		top: 80px;
		left: 0;
		background: #68686800;
		width: 100%;
		height: calc(100% - 80px);
		z-index: -1;
		transition: background 0.5s;
	}

	.modal-dialog {
		/* position: absolute !important;
		inset: 0; */
		max-width: unset !important;
		margin: unset !important;
		pointer-events: none !important;
		width: 100% !important;
		height: 100% !important;
	}

	.modal-dialog.deleteModal {
		position: relative !important;
		max-width: unset !important;
		margin: unset !important;
		pointer-events: none !important;
		width: 100% !important;
	}

	element.style {}

	.notificheBar>i {
		font-size: 29px;
		cursor: pointer;
	}

	.notificheBar {
		position: absolute;
		color: white;
		top: 22px;
		right: 85px;
	}

	.segnalino {
		top: -7px;
		left: 14px;
	}

	.containerNotifiche {
		width: 100%;
		right: 0px;
		top: 0;
		height: 100%;
		z-index: 1;
		border-radius: 0;
	}

	.headerNotifiche {
		border-radius: 0;
	}

	.btn_addBusinessDocument span {
		font-size: .9rem;
	}

	.rete.module.modulo_pagine>.container.operativo .row.luminosaBox {
		padding-top: 0px !important;
	}

}

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

	.loginForm {
		padding: 45px !important;
		padding-top: 0px !important;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		display: flex;
		flex-wrap: wrap;
		white-space: unset !important;
		justify-content: unset !important;
	}

	ul.pagination.mb-sm-0 {
		display: flex !important;
		flex-wrap: wrap !important;
	}
}

@media screen and (max-width: 395px) {
	.pageTitle {
		display: none;
	}

	.col-md-12.col-xxl-4.loginForm {
		padding: 24px !important;
	}
}

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


	.loginForm {
		padding: 16px !important;

	}
}

@media screen and (max-height: 450px) {

	.preloader_conn img {
		max-width: 130px !important;
	}

	.preloader_conn>.text {
		top: calc(50% - 150px);
	}

	.preloader_conn>.spin_new::before,
	.preloader_chat>.spin_new::before {
		top: 67% !important;
	}

}

@media screen and (max-height: 710px) {
	.modal-dialog {
		max-width: unset !important;
		margin: unset !important;
		pointer-events: none !important;
		width: 100% !important;
		min-height: 100% !important;
	}

	.modal>.modal-dialog>.modal-content {
		height: unset !important;
		border-radius: 0 !important;
		min-height: 100% !important;
		width: 100% !important;
	}

	.listUsers {
		max-height: 329px;
	}

}