/* GOOGLE MATERIAL FONT: used for icons up-to-date*/
@import url('https://fonts.googleapis.com/css?family=Material+Icons');
/* material font unicodes: https://github.com/Angelmmiguel/material_icons/blob/master/app/assets/stylesheets/material_icons_unicode.css.erb */

.RadListBox div.rlbGroup 
{ 
    background-color:#f0f0f0; 
}
        
A{text-decoration:none;color:#000000}

A.ButtonLink{font-weight:bold;text-decoration:underline}


input.button{background-color:#FEFEFE;font-weight:bold;border-width:1px}

select, .textarea, .gridfilter{border: solid 1px #8F8F8F}

a.FolderLink, .FolderLink
{
    font-size:0.9em;	
	color:#1390b4;	
	text-decoration:underline;
}
#ctl00_ContentPlaceHolder1_lblFolderLink img {
    margin-top: 4px !important;
}
/**************************************************************************************************************************/
.Panel{ /* "a la material card" */

	position: relative;

	background-color: rgb(255,255,255);
	margin: 0.5rem 0 1rem 0;
	transition: box-shadow .25s;

	-webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;

	-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	   -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
            box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.Panel.Centered{
    width: 700px;
    position: relative;
}
.Panel.Centered .Side {
    display: none;
}
.Panel.Centered .Content {
    width: 90%;
    float: none;
    margin: 0 auto;
    padding: 20px 0;
}
/**************************************************************************************************************************/
#pnlLogin{
    

    background: white;
    
}
#pnlForgot,
#pnlLogin,
#pnlChangePage{
    padding-top: 40px;
}
input[id^="btnLang"]{
    margin: 16px auto;
}
/****************************************      LOGIN FORM + FORGOTPASS FORM      ****************************************/
.Login,
.ForgotPass,
.ChangePass{
    top: 0;
}
.Login {
    height: 220px;
}

/*.Panel.Centered.Login:before,
.Panel.Centered.ForgotPass:before,
.Panel.Centered.ChangePass:before{
	content: " ";
	position: absolute;
	background-image: url("Img/sensaas-logo-gris.png");
	background-repeat: no-repeat;
	height: 144px;
	left: 0;
	right: 0;
	top: -160px;
	background-position-x: center;
}*/
#imgBigLogo{
    display: block;
    margin: 0 auto 40px;
}
.Panel.Centered.Login .Content ol li,
.Panel.Centered.ForgotPass .Content ol li,
.Panel.Centered.ChangePass .Content ol li{
	display: block;
	padding-bottom: 0px;
	text-align: center; /* utile seulement pour aligner le bouton LOGIN */
    clear: both;
}
.Panel.Centered.Login .Label,
.Panel.Centered.ForgotPass .Label,
.Panel.Centered.ChangePass .Label {
    display: inline-block !important;
    width: 18%;
    vertical-align: top;
}
.Panel.Centered.Login li span input,
.Panel.Centered.ForgotPass li span input,
.Panel.Centered.ChangePass li span input {
	width: 80%;
	margin-bottom: 20px;
}
.Panel.Centered.Login #lnkLogin,
.Panel.Centered.ForgotPass #lnkSave,
.Panel.Centered.ChangePass input[type=submit]/*,
.Panel.Centered.Login #lnkForgotPass*/
{ /* from material .btn */


	text-decoration: none;
    color: #fff;
    background: #2374AF; /* same as app header */
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;

    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

    float:none;
}
#capt{
    display:inline-block;
}
#capt input,
.Panel.Centered.ChangePass input{
    width: 400px !important;
}
.riStrengthBar {
    display: block !important;
    margin: 0 auto !important;
    margin-top: -15px !important;
    margin-bottom: 6px !important;
}
.ChangePass {
    height: 280px;
}
.ChangePass #ctl00_ctl00_Plh1_Plh1_pnlMsg{
    padding-left: 180px;
}
/************************************************************************************************/

.Panel .Header
{    
	font-size:2em;
	height:30px;		
	font-weight:bold;	
    text-align:center; 
}

.PanelPage
{   
    background-color: #f5f5f5;
}

.SideLink
{           
  text-decoration:underline;
}

.MenuTable{background-color:#828282}
.MainMenuTable{height:32px;background-image:url(Img/arco_header2bg.png);background-repeat:repeat-x}
.SubList,.GroupingTable{border:1px solid #d3d3d3}

.SideHeaderCell
{
	width:20px;
	font-size:11px;	
	background-color:#d3d3d3;
}
.DetailHeaderContent
{
	padding-left:5px;
	font-size:11px;
	height:30px;	
	text-decoration: none;
	font-weight:bold;
	background-image:url(Img/arco_header3_middle.png);
	background-repeat:repeat-x;	
	width:100%;
}

.DetailHeader
{
height:30px;
}


.ReadOnlyFieldCell
{
background-color:#f0f0f0; 
}


.ErrorMessage, .InfoMessage
{
    margin-top:20px;
     display:block;  
     padding:12px;  
     text-align:center;
     font-size:14px;
}
.InfoMessage
{
     color:#000000; 
}
.ErrorMessage
{
    
    color:red; 
}
.ErrorLabel,.InfoLabel{ 
  border-style:solid;
  border-width:1px;  
  background-color:#F1E7D1;
  display:block;  
  padding:12px;  
    background-repeat:no-repeat; 
    padding-left:32px;
    background-position-x:5px;
    background-position-y:center;
}
.ErrorLabel{ 
  color:#b6461f;  
  border-color:#b6461f;    
  background-image:url("Img/Error.png");
}
.InfoLabel{  
  border-color:#000000;   
}

.FormLabel,.doctitle,.suspendeddoctitle,.Label,.LabelNotBold{color:#2374AF!important}
.FormLabel,.doctitle,.suspendeddoctitle,.Label{	font-weight:bold}
.doctitle, .suspendeddoctitle{font-size:9pt;padding:4pt}
.suspendeddoctitle{font-style:italic;}



tr.PanelHeader{background-color:#ADC9F7}
.PanelHeader TD, .Panel TH{
	background-color: ButtonFace;
	color: WindowText;
	border-right: 2px solid white;
	border-top: 3px solid ButtonFace;
	border-bottom: 2px solid #d2cfbe;
	text-align: center;
	padding: 4px 0;
	text-decoration: none;
	font-weight:bold;
	padding-left: 3px;
}

.GroupingPanel .Header
{   
    padding:5px 0 5px 5px;
    text-decoration: none;
    font-weight:bold;
    background-image:url(Img/arco_header3_middle.png);
    background-repeat:repeat-x;
    height:20px;
    width:auto;
}
.GroupingPanel .Content
{
    border-bottom:1px solid ButtonFace;
    border-left:1px solid ButtonFace;
    border-right:1px solid ButtonFace;

    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
}


.SubListHeader3LeftSpacerDiv
{
	width:6px !important;
	background-image:url(Img/arco_header4_left.png);
	background-repeat:no-repeat;
	height:30px;
	float:left;
}
.SubListHeader3RightSpacerDiv
{
	width:14px !important;
	height:30px;
	background-image:url(Img/arco_header4_right.png);
	background-repeat:no-repeat;
	float:left;
}

.SubListHeader3RightFillerDiv
{
	height:30px;
	background-image:url(Img/arco_header4_uitloop.png);
	background-repeat:repeat-x;
	width:100%;	
    display:inline-block;	 
 	float:right;

}
.SubListHeader3RightFullFillerDiv
{
	height:30px;
	background-image:url(Img/arco_header4_middle.png);
	background-repeat:repeat-x;
	width:100%;	
 display:inline-block;	 
 	float:right;
}

.SubListHeader3RightFillerDivSwitched
{
	float:right;
	height:40px;
	background-image:url(Img/arco_header4_uitloopSwitched.png);
	background-repeat:repeat-x;
	width:100%;
}

div.rounded-headerR { background:url(Img/SubListHeaderRight_LeftSwitched.png) no-repeat  left top ;float:right; white-space:nowrap;}
        
div.rounded-headerL { background: url(Img/SubListHeaderRight_RightSwitched.png) no-repeat right top ; }

.SubListHeaderRight_Left
{
	width:14px !important;
	height:30px;
	background-image:url(Img/SubListHeaderRight_Left.png);
	background-repeat:no-repeat;	
}

.SubListHeaderMain
{
	height:30px;
	background-image:url(Img/SubListHeaderMain.png);
	background-repeat:repeat-x;
	width:100%;
}

.SubListHeaderRight_Right
{
	width:14px !important;
	height:30px;
	background-image:url(Img/SubListHeaderRight_RightSwitched.png);
	background-repeat:no-repeat;	
}

.SubListMainHeaderT
{        		
	 margin:0 5px 0 14px;
	 padding-top:7px;
     height:23px;
     background-image:url(Img/arco_header4_middle.png);

}
/*End New Bram */

.SubListMainHeader
{
height:29px;
background-image:url(Img/arco_header4_middle.png);
background-repeat:repeat-x;
white-space:nowrap;
float:left;
padding-top:1px;
}

.SubList TD.Spacer,.SubList TD.Total{
border-top :  1px solid #d2cfbe;
text-align:right;
color: #666666;font-weight:bold;
}


.SubListHeader TD,.SubListFilter TD, .SubListHeaderContent{
	background-color: #eee;
	color: #666666;
	border-right: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d2cfbe;
	text-align: left;
	text-decoration: none;
	font-weight:bold;
	padding: 4px 4px 4px 4px; 	
}
.SubListHeaderText
{
    font-weight:bold;
    color: #666666;
}

.ListHeader,.ListFilter{
background-color: #a7a7a7;
}

.ListHeader TD, .ListHeader TH, .ListHeader, .ListHeader,.ListFilter TD
{
	color: #FFFFFF;
	border-right: 1px solid   #EBEBEB;
	text-align: left;
	padding: 4px 4px 1px 4px;
	font-size:8.5pt;
	text-decoration: none;
	background-image:url('Img/TableHeaderBg.png');
	font-weight:bolder;
	height:16px;
}

.ListFooter TD{
	background-color: #F0F0F0;	
	border-right: 2px solid white;	
	padding: 10px 9px 10px 3px;	
	font-weight:bold;	
}

.ListContent2{background-color:#f2f8fa}

.SubListContent{background-color:#FFFFFF}
.SubListContent2{background-color:#f2f8fa}

.ListSubContent2{	background-color:#f2f8fa}

.ListSubContent TD,.ListSubContent2 TD{
font-style:italic;
}

.TextBox{border: solid 1px #828282}
.TextBox_Focus{border: solid 1px #000000}

/** begin buttons*/

.buttons a, .buttons button,.ArcoButton{

     -moz-border-radius:2px;
    -webkit-border-radius:2px;
     border-radius:5px;
    
    margin-left:7px;
    cursor:pointer;
     border:1px solid #305b64; /*#dedede;*/
    background:-moz-linear-gradient(top, #1390b4, #305b64);
    background:-webkit-gradient(linear, left top, left bottom, from(#1390b4), to(#305b64));
    background-image: -ms-linear-gradient(top, #1390b4 0%, #305b64 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1390b4', EndColorStr='#305b64')";
  
     -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;

     text-shadow:rgba(0,0,0,0.2) 0 1px 0px; 

    text-decoration:none;
    font-weight:bold;
   
    color:#fff;/*#c5656;*/
    
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img, .ArcoButton img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.buttons a:active, .ArcoButton:active{
    border:1px inset #305b64; 
}
button:hover, .buttons a:hover, .ArcoButton:hover{
    color:#000000;
}
/** end buttons*/

/** begin detail form tabs*/

.yui-skin-xp .yui-navset .yui-nav a,.yui-skin-xp .yui-navset .yui-navset-top .yui-nav a
	{
	background-image: url(Img/tab-background-gradient.png);	
    background-color: #ecebe6;
}
.yui-skin-xp .yui-navset .yui-nav .selected a,.yui-skin-xp .yui-navset .yui-nav .selected a:focus,.yui-skin-xp .yui-navset .yui-nav .selected a:hover
	{
	background-image: url(Img/tab-background-gradient-selected.png);
    background: #fcfcfe;	
}

.yui-skin-xp .yui-navset .yui-nav a:hover,.yui-skin-xp .yui-navset .yui-nav a:focus
	{
	background-image: url(Img/tab-background-gradient-highlight.png);	
    background-color: #ecebe6;
}
/** end detail form tabs*/

/** begin Main Header*/
A.MainHeaderSubLink{color:#FFFFFF;font-weight:bold;/*text-decoration:underline*/}

.MainMenu_MainNav a div{ /* common to selected and unselected */
	float:left;
	font-size:12px;
	cursor:pointer;	
	color:#FFFFFF;
	padding: 12px 10px 12px;
}
.MainMenu_MainNav a div.MainMenu_Selected{
	color: rgb(35,116,175);
	background-color: #fff;
}
.MainMenu_Logo{
    float:left;	
	margin-right:10px;		
	background-image:url(Img/arco_headerbg_logo_new.png);
    background-repeat:no-repeat;	   
    min-width:120px;
    width:120px;	
	height:42px;
	border-right: 1px solid #8CB5D4;
    cursor: auto; 
}

.MainMenu_header{
	height:42px;
	width:100%;
	background-color: #2374AF;
	border-bottom: 1px solid #8CB5D4;
}



.MainMenu_MainNav{
    
	float:left;
	margin-left:4%;
}
.MainMenu_RightNav{   
	float:right;
	margin-right:5px;
	padding: 14px 0 14px 20px;
    border-left: 1px solid #8CB5D4;
}
.MainMenu_help, .MainMenu_userName, .MainMenu_logoff
{
	font-size:10px;
	float:left;
	margin-right:10px;
}
.MainMenu_logoff {	
	margin-left:10px;	
}
/** end Main Header*/

#help a img{
	display: none;
}

.MainMenu_RightNav a{
	position: relative;
	margin-left: 14px;
}
#clock a:before,
#username a:before,
#help a:before,
#ctl00_ContentPlaceHolder1_headMain_lblHelpF a:before,
#ctl00_ContentPlaceHolder1_headMain_lblHelpE a:before{
    font-family: 'Material Icons';
    color: #fff;
    margin-right: 2px;
	font-size: 14px;
	text-decoration: none;
	position: absolute;
	top: 0;
    left: -14px;
}
#clock a:before{
	content: '\e8ac'; /* power_settings_new */
}
#username a:before{
	/*content: "\E87C"; /* face */
	content: "\e8a6"; /* perm_identity */
}
#help a:before{
	content: "\e8fd"; /* help_outline */
}
#ctl00_ContentPlaceHolder1_headMain_lblHelpF a:before,
#ctl00_ContentPlaceHolder1_headMain_lblHelpE a:before{
	content: "\e8fd"; /* help_outline */
}
.rmRootGroup a[href$=".apk"],
.rmRootGroup a[href$=".ipa"]{
	position: relative;
	width: 25px;
    height: 25px;
    overflow: hidden;
    font-size: 0.1em;
    padding: 0;
}

.rmRootGroup a[href$=".apk"]:before,
.rmRootGroup a[href$=".ipa"]:before {
    /*font-family: 'Material Icons';*/
    position: absolute;
	    top: 1px;
    left: 1px;
    height: 22px;
    width: 22px;
    border: 1px solid #bbb;
    border-radius: 7px;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
	content: " ";
}
.rmRootGroup a[href$=".apk"]:before{
	background-image: url("./Img/google-store.png");
}
.rmRootGroup a[href$=".ipa"]:before{
	background-image: url("./Img/apple-store.png");
}

/* 6.8.3 */
/*#ctl00_ContentPlaceHolder1_headMain_imgWorkWraper a img{
	display: none;	
}

#ctl00_ContentPlaceHolder1_headMain_imgWorkWraper a:before{
    font-family: 'Material Icons';
	color: #fff;
    margin-right: 2px;
	font-size: 14px;
	text-decoration: none;
	position: absolute;
	top: 0;
    left: -14px;
	
	
	content: "\e85d"; / * assignment * /
	font-size: 18px;
}*/	
	
/*  ----------- STYLES FOR AUTOCOMPLETE POPUPS   -------------  */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, 
.ui-autocomplete, /*.ui-autocomplete:hover, */
.ui-menu-item, .ui-menu-item:hover,
.ui-menu-item a, .ui-menu-item a:hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a
{ /*background: #ffffff none no-repeat;*/ 
padding:0;
margin:0;
display:block;
border:0;border-collapse:collapse;
}

ul.ui-autocomplete {
    list-style: none;
	max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.ui-autocomplete { 
    position: absolute; 
    cursor: default; 
    background: white ; 
    z-index: 10;
    border: 1px solid black;
}
.ui-autocomplete li:hover{
    background: #d3d3d3;
}

/* workarounds */
html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.HyperlienReference
{
	color: #0000FF;
	font-size:12px;
	font-style:normal;
	text-decoration:underline;
}
.HyperlienReference:link {
    color: #0000FF;
	text-decoration:underline;
}
.HyperlienReference:visited {
    color: #FF0000;
	text-decoration:underline;
}
.HyperlienReference:hover {
    color: #FF00FF;
	text-decoration:underline;
}
.HyperlienReference:active {
    color: #009999;
	text-decoration:underline;
}
.HyperlienAucun
{
    color: red;
	font-size:12px;
	font-style:normal;
	text-decoration:normal;
}