/*********************************************************************/ 
/************ ALGEMENE (MOBIELE) LAYOUT VOOR FORM CONTROLS ***********/
/*********************************************************************/ 

 /* Opgelet ook bij FwForms.css */
label,
span.label
{
    position: absolute;
}

input,
textarea,
select
{
    border: 1px ridge black;    /* Opgelet ook bij FwForms.css */
    padding: 1px;                           
}

input.text,
textarea
{
    width: 200px;
}

select
{
    width: 204px;
}

ul.fwrdblist li 
{
    list-style: none;    /* Zit ook bij FwForms.css */
    margin-bottom: 5px;
}

ul.fwrdblist input,
span.chb input
{
    margin-top: 1px;
    margin-right: 5px;
}

table.trsgridview tr span.chb input
{
    /* Margins op checkboxes terug verwijderen voor checkboxes in een gridview */
    margin-top: 0;
    margin-right: 0;
}

h3
{
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
}

input[type="button"], 
input[type="submit"], 
input.button
{
    border: 1px solid black;
    border-radius: 3px;
    box-shadow: 0 2px 1px #000000,0 1px 0 #ffffff inset;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
    text-decoration: none;
}

/*********************************************************************/ 
/***************************FREEFORMS*********************************/ 
/*********************************************************************/ 

label
{
    width: 85px;
}

input.text,
textarea,
select,
span.indent,
input.submit
{
    margin-left: 85px;
}

ul.fwrdblist
{
    margin-left: 0;
}

div.row 
{
    margin-bottom: 5px;  /* wit-ruimte laten tussen de rijen */
    margin-left: 5px;    /* niet laten plakken aan de zijkant */
}

/*********************************************************************/ 
/************************MAINTENANCE PAGES****************************/ 
/*********************************************************************/ 

div.pnlSelect,
div.tabData
{
    margin-top: 5px;
    margin-bottom: 20px;
}

/* TabData's in een tabcontainer */
div.tabData div.tabData
{
    /* Margins op de tabcontainer zelf overschrijven. */
    margin-top: 10px;
    margin-bottom: 0;
}


div.rowbtnSearch div.col input.submit,
/* Bewaren-knop bij gridview */
div.toolbar input.btnSave,
div.btnRow input.submit
{
    font-size: 18px;  
    height: 35px;
    width: 204px;
}

/*********************************************************************/ 
/***************************SELECT CONTROL****************************/ 
/*********************************************************************/ 

div.pnlSelect div.row
{
    margin-bottom: 20px;
}

div.pnlSelect div.rowbtnSearch
{
    /* Op de onderste geen margin-bottom (overschrijven van default row margin-bottom) */
    margin-bottom: 0;
}

/*********************************************************************/ 
/*****************************LIST CONTROL****************************/ 
/*********************************************************************/ 

/* Opgelet zit ook bij FwGridview.css */
table.trsgridview 
{
    border-collapse: collapse; 
}

table.trsgridview tr th,
table.trsgridview tr td
{
    padding: 1px;               /* We wijken hier af op FwGridview.css: mobiel minder plaats */
    border: 1px solid black;    /* Opgelet zit ook bij FwGridview.css */
    white-space: nowrap;        /* Opgelet zit ook bij FwGridview.css */
}

table.trsgridview tr td.wrap
{
    /* Wrap text */
    white-space: normal;
}

/* Opgelet zit ook bij FwGridview.css */
table.trsgridview tr th /* Headerkolom */
{
    text-align: center; 
}

/* Opgelet zit ook bij FwGridview.css */
table.trsgridview tr th.defaultHeaderStyle 
{
    background-color: #FFCC44;
}

/* Opgelet zit ook bij FwGridview.css */
table.trsgridview td.numeric /* kolom met getallen, rechts aligneren */
{
	text-align: right; 
}

/* Opgelet zit ook bij FwGridview.css */
table.trsgridview td.gDel /*Verwijderde records */
{
	background-color: Gray;
    color : White;
}

/* Opgelet zit ook bij FwGridview.css */
table.trsgridview tr.GridviewSubHeader  
{
	background-color: Teal; 
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

/* Bewaren-knop bij gridview */
div.toolbar input.btnSave
{
    margin: 5px;
}

/*********************************************************************/ 
/***************************DATA CONTROL******************************/ 
/*********************************************************************/ 

div.tabData
{
    margin-top: 10px;
}

div.tabData div.btnRow
{
    margin-top: 20px;
}

/*********************************************************************/ 
/***************************TABCONTAINER******************************/ 
/*********************************************************************/ 

ul.tabconLinks 
{
    padding: 5px;
}

ul.tabconLinks li 
{
    list-style: none;
    display: inline;
    margin-left: 5px;    
    margin-right: 5px;
}

ul.tabconLinks li a 
{
    font-size: 15px;
}

/*********************************************************************/ 
/********************BALK BOVENAAN (LINK NAAR MENU)*******************/ 
/*********************************************************************/ 

div.pnlLinks
{
    background-color: Silver;
    height: 20px;
    padding: 5px;
}

div.pnlLinks a
{
    font-size: 15px;
    margin-left: 5px; 
    margin-right: 5px;     
}

/*********************************************************************/ 
/******************BALK ONDERAAN (LINK NAAR DEBUG)********************/ 
/*********************************************************************/ 

div.pnlDebug a.lnkDebug
{
    margin-left: 3px;  
}

/*********************************************************************/ 
/********************************LOGIN********************************/ 
/*********************************************************************/

/* Div: parent van de pnlLogin div */
div:has(> div.pnlLogin) 
{ 
    text-align: center;
}

div.pnlLogin
{
    text-align: center;
    margin: 0 auto;
}

div.pnlLogin p.aanmelden,
div.pnlLogin div.bottom
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

div.pnlLogin p.aanmelden
{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

div.pnlLogin div.bottom
{
    margin-top: 20px;
}

div.pnlLogin div.login div.row div.col input
{
    font-size: 18px;
    width: 179px;
    padding: 2px 5px;
}

div.pnlLogin div.login div.row div.col input.btn
{
    font-weight: bold;
    margin-top: 20px;
    width: 192px;
}

div.quickLogin
{
    background-color: #FFF8C6;
    margin: 0 auto;
    width: 100%;
}

div.quickLogin a
{
    display: inline-block;
    margin: 10px;
}

div.row_forgot_pw 
{
    margin-top: 20px;
}

/* Control wordt toegevoegd in markup, maar via CSS niet weergegeven. Functionaliteit is niet overal voorzien */
.bi-eye-slash
{
    display: none;
}

body div.pnlMfa 
{
    border: 0;
    margin-top: 0;
    width: auto;
}

div.pnlMfa input[type=text]
{
    font-size: 18px;
    width: 179px;
    padding: 2px 5px;
}

/*********************************************************************/
/******************************MENU***********************************/
/*********************************************************************/
ul.menu 
{
    margin-top: 10px;
    margin-bottom: 5px;
}

ul.menu li
{
    margin-bottom: 0;
    margin-left: 0;
}

ul.menu li a
{
    background: #fff url("../../Framework/Images/mobile-arrows.png") no-repeat 99% 13px;
    border: 1px solid #DDDDDD;
    border-top-style: none;
    display: block;
    font-size: 18px;
    padding: 12px 0 12px 20px; 
    text-decoration: none;      /* niet onderlijnen */
    font-weight: bold;
}

ul.menu li:first-child a
{
   border-top-style: solid;
}

ul.menu li a:hover
{
    background-color: #f8f8f8;
}

ul.menu li a span
{
    color: #424242;
}

/*********************************************************************/ 
/****************PAGINA MENU: OPLIJSTING NIEUWS***********************/ 
/*********************************************************************/ 

ul.news
{
    border: 1px solid black;
    padding: 4px;
    margin-left: 4px;
    margin-right: 4px;
    background-color: #FFF8C6;
}

ul.news li
{
    font-weight: bold;
    padding-bottom: 25px;
    list-style: none;
}

ul.news p  
{
    text-align: left;
    margin-bottom: 4px;
}

ul.news li img 
{
    position: absolute;
}

/*********************************************************************/ 
/*********************PAGINA ERROR: ERRORCONTOL***********************/ 
/*********************************************************************/ 

.error_backlink
{
    margin-top: 10px;
    font-size: 18px;
    color: Black;
}

/*********************************************************************/ 
/*******************MELDINGEN NAAR DE GEBRUIKER***********************/ 
/*********************************************************************/ 

p.ErrMsg,
p.SuccesMsg,
p.WarningMsg,
p.LoginWarningMsg
{
    padding: 10px;
    padding-left: 10px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;    
}

/* Error */
p.LoginWarningMsg,
p.ErrMsg 
{
    background: red !important;
    color: White;
}

/* Succes */
p.SuccesMsg
{
    background: #C6E09B !important;
    color: Black;
}

/* Warning */
/* MobileInfoControl */
p.WarningMsg
{
    background: #FFCCCC !important;
    color: Black;
}

/*********************************************************************/ 
/************************I/U/D-KNOPPEN********************************/ 
/*********************************************************************/ 

div.iu_buttons
{
    margin-bottom: 4px;
    padding: 6px;
    background-color: #D3DFE3;
}

div.iu_buttons input
{
    width: 100px;
    margin-right: 20px;
}

/*********************************************************************/ 
/***********************FWDATETIMESELECT******************************/ 
/*********************************************************************/ 

div.datetimeselect input.txt_date 
{
    width: 74px  !important;   /* Opgelet zit ook bij FwForms.css */
}

/* !important omdat we telerik controls gebruiken en deze hebben een table in zich */
div.datetimeselect input.txt_hour, 
div.datetimeselect input.txt_minute
{
    width: 18px !important;    /* Opgelet zit ook bij FwForms.css */
}

div.datetimeselect input.txt_hour 
{
    margin-left: 8px !important;
}

div.datetimeselect input.txt_minute 
{
    margin-left: 0 !important;
}