@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
	#clf_leftSide
	{
		display: none !important;
	}

	#clf_rightSide .noResp
	{
		display: none;
	}

	#clf_rightSide #Files, #clf_rightSide #Notes, #clf_rightSide #Tree, #clf_rightSide #Stats
	{
		width: 100% !important;
	}

	#clf_rightSide .tabDepContainer td
	{
		display: block;
	}

	.gwOneNote
	{
	}

	#clf_rightSide.clf_Panel
	{
		width: 100%;
	}

	table.tabContainer td.fieldHolder
	{
		display: block;
	}

	table.clf_clientTable tbody
	{
		width: 100%;
		display: block;
	}

	table.clf_clientTable tbody tr
	{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	table.clf_clientTable tbody tr td
	{
		width: 100%;
		text-align: center;
	}

	.clf_clientTable td:first-child
	{
		text-align: center;
	}

	.clf_clientTable td:nth-child(2)
	{
		text-align: center;
		margin-bottom: 0.5em;
	}

	.clf_logo img
	{
		max-width: 70px;
		vertical-align: bottom;
	}

	.clf_edit img
	{
		width: 18px;
		padding: 2px;
	}

	#clf_leftSide .hide
	{
		display: none;
	}

	#clf_leftSide .show
	{
		display: flex;
		flex-wrap: wrap;
	}

	#clf_leftSide
	{
		display: flex;
		flex-wrap: wrap;
	}

	.closeSideClientTable, .openSideClientTable
	{
		display: block;
		width: 8%;
		font-size: 50px;
		color: #99b3cc;
	}

	.openSideClientTable
	{
		width: initial;
		position: absolute;
		bottom: 40%;
		left: 23%;
	}

	.mainLeftContent
	{
		width: 92%;
	}

	.closeSideClientTable .closeLeft
	{
		height: 100%;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.closeSideClientTable .closeLeft:hover
	{
		color: #3f51b5;
	}

	.openSideClientTable .openRight:hover
	{
		color: #3f51b5;
	}

	.verticalContent
	{
	}

	.verticalContent img {
		width: 24px;
		background-color: #ffffff;
		border: 2px solid #99b3cc;
		border-radius: 50%;
		padding: 3px;
		margin-bottom: 5px;
	}

	.verticalContent .clf_editClient img, .verticalContent .clf_searchOnClient img, .verticalContent .clf_exportClientData img
	{
		border-color: #ff990f;
	}

	.verticalContent div:nth-of-type(2)
	{
		margin-bottom: 20px;
	}

	.verticalContent div:last-of-type
	{
		margin-top: 20px;
		position: absolute;
		bottom: 0;
	}

	.clf_phoneClient, .clf_mailClient
	{
		cursor: pointer;
	}

	.clf_phoneClient span, .clf_mailClient span
	{
		position: absolute;
		border: 1px solid #99b3cc;
		border-radius: 5px;
		background-color: #ffffff;
		font-weight: 600;
		padding: 7px;
		display: none;
	}

	.clf_phoneClient:hover span
	{
		display: inline-block;
	}

	.clf_mailClient:hover span
	{
		display: inline-block;
	}

	#clf_leftSide
	{
		position: relative;
	}

	.tabFields tr.krmTrContainer
	{
		display: flex;
		width: 100% !important;
	}

	.tabFields .krmFormTdLegend
	{
		/*display: block;*/
		/*width: 100% !important;*/
		max-width: none !important;
		text-align: left !important;
		border-radius: 0px !important;
		width: 50px !important;

	}

	.tabFields .krmFormTdData
	{
		/*display:block;*/
		/*float:left;*/
		/*width: 25%;*/
		flex: 1;
	}

	.__krmFiSep
	{
		display: none;
	}

	.clForm table.tabContainer td.fieldHolder
	{
		width: 100%;
	}

	.clForm table.tabContainer td.fieldHolder
	{
		border-top: none;
	}

	.swal-overlay--show-modal .swal-modal.swal-mobile {
		min-width: 250px;
	}

	.files_max_content
	{
		flex: inherit !important;;
	}

	.clForm table.tabFields
	{
		/*background-color: #eaeaea;*/
	}
}

@media screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1)
{
	#left_menu .mclassic_item   a
	{
		display: none;
	}

	.li_menu_icon
	{
		/* float: right; */
		display: inline-block;
		min-width: 2.5em;
		margin: 0 0.5em;
		margin-top: 0.3em;
		width: 2.5em;
	}

	.li_menu_icon   a.menu_icon img
	{
		width: 100%;
		height: auto;
		object-fit: contain;
	}

	.left_menu_nav.responsive
	{
		display: flex;
		flex-direction: column;
		height: 90vh;
		position: absolute;
		top: 46px;
		background-color: #28292b;
		font-size: 1em;
		font-weight: 600;
		overflow: auto !important;
	}

	.left_menu_nav.responsive ul
	{
		list-style-type: none;
		padding: 5px 10px;
	}

	.left_menu_nav.responsive .mclassic_item   a
	{
		display: block;
	}

	.left_menu_nav.responsive .mclassic_item
	{
		margin-bottom: 0.7em;
	}

	.krmLoginElement
	{
		min-width: 1em;
	}

	.krmLoginElement a
	{
		display: none;
	}

	.swal-overlay--show-modal .swal-modal.swal-mobile {
		min-width: 250px;
	}

	.specLink.fileInForm
	{
		flex-direction: column;
	}

	.fiMultipleDropZone
	{
		flex: 1;
	}

	.specLink.fileInForm .fileGallery
	{
		width: 100%;
		padding-right: 0px;
	}

	.specLink.fileInForm .fileOptions
	{
		width: 100%;
	}

	.swal-overlay--show-modal .swal-modal
	{
		min-width: auto !important;
	}

	#spawned #modalPDF #modalFileName
	{
		flex-wrap: wrap;

	}

	#spawned #modalPDF .mfnDesc
	{
		flex: 1;
	}

	#spawned #modalPDF .mfnButtons
	{
		margin-top: 8px;
	}
}

@media screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 1)
{
	.krmSearchBar
	{
		width: initial;
	}

	.krmSearchBar input
	{
		width: initial;
		margin-right: 5px;
	}


	.card-one, .card-pad
	{
		width: 200px;
	}

	#page .containLeft span.li_logo
	{
		width: 38px !important;
		overflow: hidden;
	}

	.widget-tabbed
	{
		max-height: inherit !important;
	}

	.fc .fc-button-group > .fc-button
	{
		font-size: 80%;
		padding: 2px;
		margin-right: 2px;
	}

	.fc-toolbar-title
	{
		font-size: 1em !important;
	}

	.fc-today-button
	{
		font-size: 80% !important;
		padding: 2px !important;
	}

	.ui-tabs .ui-tabs-panel
	{
		padding: 0.5em !important;
	}

	.widget-tabbed .wd_tags
	{
		max-width: inherit !important;
	}

	#elemActions ul
	{
		justify-content: space-around;
		flex-wrap: wrap;
		padding: 0px 2px;
	}

	.clForm #containerAct li
	{
		flex-grow: 1;
		margin-bottom: 4px;
		margin-right: 4px;
	}

	#subsetDisplay, #usersHistMenu
	{
		align-self: baseline;
	}

	#subsetDisplay .dropbtn, #usersHistMenu .dropbtn
	{
		background-color: transparent !important;
	}

	.clForm table.tabContainer
	{
		box-shadow: none !important;
	}

	#clf_rightSide .tabFieldsShadow
	{
		box-shadow: 2px 1px 4px 0px rgba(0,0,0,.3) !important;
	}

	.jstree-default .jstree-anchor
	{
		height: inherit !important;
		min-width: 75%;
	}

	.treePresHolder
	{
		/*display: inline-block;*/
		/*flex-wrap: wrap;*/
		/*flex-direction: row;*/
		/*float: right;*/
	}
}

@media screen and (max-width: 400px) and (-webkit-min-device-pixel-ratio: 1)
{
	.krmSearchBar input
	{
		width: 100%;
	}

	.krmSearchBar input::placeholder
	{
		font-size: 0.7em;
	}

	.card-one, .card-pad
	{
		width: 175px !important;
	}

	.swal-overlay--show-modal .swal-modal.swal-mobile {
		min-width: 250px;
	}

	.listTags li.oneReport
	{
		width: 100% !important;
	}

	.ui-menu .ui-widget .ui-widget-content .ui-autocomplete .ui-front
	{
		width: 90% !important;
	}

	/* Autocomplete issues */
	.krm_ac2
	{
		font-size: 8pt !important;
	}

	.ui-autocomplete {
		max-width: 600px;
		overflow-x: hidden;
	}

	.acHold {
		width: 100%;
		table-layout: fixed;
	}

	.acHold td {
		word-wrap: break-word;
	}

	/* Header */
	.containLeft
	{
		display: flex;
	}

	#clf_rightSide.clf_Details #GDrive
	{
		width: 100% !important;
	}

	/* File rearranging */
	.detFileTable .image, .detFileTable .size, .detFileTable .user
	{
		display: none;
	}

	.detFileTable .fileType, .detFileTable .fileSubType
	{
		display: none;
	}

	.editFile .efTagInput {
		margin-top: 3px;
		display: block;
		width: 100% !important;
	}

	.editFile .efTextarea
	{
		width: 100% !important;
	}

	/* main form */
	.clForm table.tabFields td.krmFormTdLegend
	{
		font-size: 8pt !important;
		min-width: 60px !important;
	}

	.clDep .tdRowHolder {
		height: 100%;
		width: 98vw;
		display: flex;
		flex-direction: column;
	}

	.clDep .tdRowHolder textarea
	{
		width: 90%;
	}

	#clf_rightSide .tabDepContainer td
	{
		width: 90%;
	}

	.tabDepContainer .closeZoomedCK
	{
		display: flex;
		flex-direction: row;
		gap: 5px;
		flex-wrap: wrap;
		font-size: 8pt;
		justify-content: space-evenly;
	}

	.tabDepContainer .closeZoomedCK span
	{
		padding: 6px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	/* Login page */


}

/* BEN -> 11/04/2021 -> Safari only hack for floated elements inside <fieldset> */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
	/*
      Define here the CSS styles applied only to Safari browsers
      (any version and any device)
     */
}}