@media (min-height: 760px)
{
	#overscreen_main
	{
	height:80%;
	/*
	top:10%;
	bottom:10%;
	*/
	}
}

@media (max-height: 500px)
{
	.abcmenu *
	{
    font-size: 9px;
  }
}

@media (max-height: 480px)
{
	.abcmenu
	{
    display:none;
  }
}

@media (min-width: 1460px)
{
	#basicform_main
	{
	width:115rem;
	}

	#basicform_infos
	{
	width:35rem;
	}
}


/* @media (max-width: 640px) and (min-height: 600px) */
@media (orientation:portrait) and (min-height: 480px)
{
	div.dashboarddiv, .module_page_content div.dashboarddiv
	{
	width:100% !important;
	height:50% !important;
	}

	.module_page_content div.readbar_right, div.readbar_right
	{
	top:initial !important;
	bottom:0 !important;
	left:0 !important;
	width:100% !important;
	height:50% !important;
	border-left:none !important;
	border-top:1px solid #d2d2d2 !important;
	}
/*
.module_page_content .readbartitle h3, .readbartitle h3
	{
	font-size:3.5rem !important;
	padding-top:1rem !important;
	}
*/
}

@media (max-width: 900px)
{
.module_page_content .subtitle, .module_page_content .subtitle a, .subtitle, .subtitle a
	{
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
	}

input[type=date], .basic_form input[type=date], input[type=time], .basic_form input[type=time], input[type=text], .basic_form input[type=text]
	{
	width:16rem;
	}

.trajet_board_main, .basic_form .trajet_board_main, .overscreen_form .trajet_board_main
	{
	flex-flow: column nowrap;
	-moz-flex-flow: column nowrap;
	-webkit-flex-flow: column nowrap;
	}

h4, .module_page_content h4
	{
	font-size: 2rem;
	line-height: 2.2rem;
	}

h4.basicformpagetitle
	{
	display:none;
	}

.basic_form label
	{
	display: inline-block;
	font: 1.4rem/1.4rem 'Segoe UI Semibold',Tahoma,Geneva,Verdana,sans-serif;
	height: 2rem;
	color: var(--color_g3);
	/*
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
	margin-right: 1rem;
	*/
	vertical-align: bottom;
	}

table.storytable td, table.storytable th
	{
    padding: 0.5rem;
	}

.module_page_content .basic_form_bigblock,
.module_page_content .basic_form_block,
.module_page_content .basic_form_bigblock_menu
	{
    width: 100%;
	margin-left:0;
	margin-right:0;
	}
}

@media (min-width: 469px) and (max-width: 640px)
{
.dashboardoption
	{
	width:25rem !important;
	}
}

@media (max-width: 640px) and (orientation:landscape)
{
div.dashboarddiv, .module_page_content div.dashboarddiv
	{
	width:50% !important;
	height:100% !important;
	padding-right:0 !important;
	}

.dashboardoption
	{
	width:100% !important;
	}
/*
.module_page_content div.readbar_right:not(.fullsearchbar), div.readbar_right:not(.fullsearchbar)
	{
	position:absolute !important;
	height:200% important;
	visibility:hidden;
	}

	#togglenoemiereadbar
	{
	display:none;
	}

	.module_page_content .readbar_right_opentab, .readbar_right_opentab, .module_page_content .readbar_right_closetab, .readbar_right_closetab
	{
	display:block;
	}
 */
.module_page_content div.readbar_right, div.readbar_right
	{
    width: 50%;
	}
}

@media (max-width: 468px)
{
.dashboardoption
	{
	width:100% !important;
	}
}


@supports not (display:flex) or (display: -webkit-flex)
{
div.editform
	{
	display:inline-block;
	padding-right:30rem;
	}


div.formeditmenublock
	{
	display:inline-block;
	position:absolute !important;
	top:0;
	right:0;
	}
}

@media (max-width: 1024px)
{
	th[data-optional],
	td[data-optional]
	{
	display:none !important;
	}

	#overscreen_mainheader #overscreen_maintitle
	{
	font-size: 2rem;
    line-height: 2.2rem;
	}
}

@media (max-width: 500px)
{
	table.prpresp
	{
	width:100% !important;
	margin-top:1rem !important;
	}

	#overscreen_maincontent table.prpresp
	{
	/* border-top:1px solid #f5f5ff !important; */
	border-bottom:1px solid #f5f5ff !important;
	}

	table.prpresp thead, table.prpresp thead tr
	{
	display:none !important;
	}

	table.prpresp tbody
	{
	flex:1;
	}

	table.prpresp tr
	{
	display:flex !important;
	flex-direction:column !important;
	/* margin-bottom:2rem !important; */
	/* background-color: #ecf9ff; */
	height:auto !important;
	border:none;
	}

	#overscreen_maincontent table.prpresp tr
	{
	background: transparent !important;
	padding-top:0;
	padding-bottom:1rem;
	}

	#overscreen_maincontent table.prpresp tr:not(.dossierdivdetailmenu)
	{
	border:none;
	padding-top:1rem;
	}

	table.prpresp td
	{
	text-align:left !important;
	border-right:0 !important;
	border-top:1px solid #d4d4fa;
	height:auto !important;
	line-height:1.6rem !important;
	min-height:1.6rem !important;
	padding: 5px !important;
	padding-left:10rem !important;
	}

	#overscreen_maincontent table.prpresp td
	{
	border:none;
	}


	table.prpresp tbody tr td::before,
	table.prpresp tbody tr::before
	{
	position:absolute;
	display:inline-block;
	font-weight:bold;
	width:10rem;
	padding:0.5rem;
	padding-left:0;
	/* border-top:1px solid #d4d4fa; */
	border:none;
	margin-left:-10rem;
	/* margin-top:-3px; */
	margin-top:-0.5rem;
	height:auto;
	font-size: 1.1rem;
	color:#888888;
	visibility:visible;
	}

	table.prpresp tbody tr td:not(.prpresp_maincol)::before,table.prpresp tbody tr td:not(.prpresp_fulllin)::before
	{
	content:attr(data-th);
	}

	*.prpresp_maincol::before,
	table.prpresp tbody tr *.prpresp_maincol::before
	{
	border:none;
	}

	*.prpresp_maincol, table.prpresp td.prpresp_fulllin,
	table.prpresp *.prpresp_maincol, table.prpresp td.prpresp_fulllin
	{
	position:relative !important;
	display:table !important;
	visibility:visible !important;
	padding-left:0 !important;
	}

	table.prpresp td.prpresp_hid
	{
	display:none !important;
	}

	*.prpresp_maincol,
	table.prpresp *.prpresp_maincol
	{
	display:table-cell !important;
	border:none !important;
	font-weight:bold !important;
	margin: 1rem 0.5rem !important;
	font-size: 2.1rem !important;
	line-height:1.6rem !important;
	padding-top:0 !important;
	padding-left:0 !important;
	margin-top:0 !important;
	margin-left:0 !important;
	}

	table.prpresp td.prpresp_fulllin
	{
	text-align:center !important;
	width:100% !important;
	/* margin: 0 0.5rem; */
	}

	table.prpresp td.prpresp_fulllin a
	{
	padding:0.5rem !important;
	}

	*.prpresp_maincol small,
	table.prpresp *.prpresp_maincol small
	{
	font-size: 1.6rem !important;
	}
	/*
	table.prpresp tbody tr::before
	{
	position:relative;
	font-size:smaller;font-weight:bold;
	content:attr(data-th);
	border:none;
	height:1.6rem;
	text-align:left;
	color:#4462ff;
	margin:0;
	}
	*/
	.prpresp_menublock
	{
	display:block;
	}

}


/* *********************************************************************************** NAVLINE *********************************************************************************** */

.navline
{
border-bottom: 1px solid var(--color_g1);
position: absolute;
z-index: 5000;
width:100%;
background-color: #fff;
padding:0;
}

*.navline ~ .module_page_content
{
padding-top:3.5rem;
}

.navtabs
{
display:none;
}

.navline .navmenu ul
{
margin: 0;
padding: 0;
list-style: none;
overflow-x: hidden;
overflow-y: auto;
background-color: #fff;
}

.navline .navmenu li
{
list-style: none;
padding:0;
}

.navline .navmenu li a
{
display: block;
padding: 13px 20px;
border:none;
text-decoration: none;
text-align:center
}

.navline .navmenu .logo
{
font-size:2.2rem;
color:#404040;
font-weight:normal;
vertical-align:top;
text-decoration: none;
background-color: #ffffff;
padding-left:1rem;
padding-right:1rem;
}


.navline .navmenu .menu
{
clear: both;
max-height: 0;
transition: max-height .2s ease-out;
}

.navline .navmenu .menu-icon
{
cursor: pointer;
display: inline-block;
float: right;
padding: 1.5rem 2rem;
position: relative;
user-select: none;
}

.navline .navmenu .menu-icon .altmenubtn,
.navline .navmenu .menu-icon .altmenubtn:before
{
display: none;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #707070;
}

.navline .navmenu .menu-icon .altmenubtn
{
border-top: 1px solid #eee;
padding: 3px 100px;
height: 2.5rem;
}

.navline .navmenu .menu-icon .navicon
{
background: #333;
display: block;
height: 1px;
position: relative;
transition: background .2s ease-out;
width: 18px;
background: transparent;
}

.navline .navmenu .menu-icon .navicon:before,
.navline .navmenu .menu-icon .navicon:after
{
background: #333;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}

.navline .navmenu .menu-icon .navicon:before
{
transform: rotate(-45deg);
left: 7px;
}

.navline .navmenu .menu-icon .navicon:after
{
transform: rotate(45deg);
right: 6px;
}

.navline .navmenu .navmenu-btn
{
display: none;
}

.navline .navmenu .navmenu-btn:checked ~ .menu
{
max-height: 240px;
}

.navline .navmenu .navmenu-btn:checked ~ .menu-icon .navicon
{
background: transparent;
}

.navline .navmenu .navmenu-btn:checked ~ .menu-icon .navicon:before
{
transform: rotate(45deg);
left:0;
}

.navline .navmenu .navmenu-btn:checked ~ .menu-icon .navicon:after
{
transform: rotate(-45deg);
right:0;
}

.navline .navmenu .navmenu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.navline .navmenu .navmenu-btn:checked ~ .menu-icon:not(.steps) .navicon:after
{
top: 0;
}

.navline a.linkactive
	{
	/* background-color:#b5d5ff; */
	/* color:#000000; */
	}

@media (min-width: 900px)
{
.navline .navtabs
{
display:block;
}

.navline
{
border: none;
}

.navline .navmenu
{
display:none;
}

.navline .navmenu li
	{
	float: left;
	padding:12px;
	}

.navline .navmenu .menu
	{
	clear: none;
	float: right;
    max-height: 47px;
	}

.navline .navmenu .menu-icon
	{
	display: none;
	}

.navline .navmenu li a
	{
	font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
	display:inline-block;
	padding-top:1.1rem;
	font-size:2rem;
	font-size:var(--size2-0);
	line-height:2rem;
	line-height:var(--size2-0);
	font-weight:bold;
	color:#404040;
	vertical-align:top;
	cursor:pointer;
	text-decoration:none;
	padding:0 20px;
	}

.navline a.linkactive
	{
	background-color:#a0a0a0;
	color:#ffffff;
	}
}